Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
topbar [2014/08/17 22:52] – Giuseppe Di Terlizzi | topbar [2015/03/15 16:08] (current) – Giuseppe Di Terlizzi | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | <div hide> | ||
* [[start|{{: | * [[start|{{: | ||
- | * [[news: | + | * [[news: |
- | * [[how-to: | + | * [[how-to: |
- | * [[programming: | + | * [[how-to: |
+ | * [[photography:start|{{https:// | ||
* [[http:// | * [[http:// | ||
* [[paypal> | * [[paypal> | ||
- | <html> | + | </div> |
- | < | + | ~~NOCACHE~~ |
- | @media screen { | + | |
- | + | ||
- | | + | |
- | .dokuwiki .topbar { | + | |
- | position: absolute; | + | |
- | top: 0; | + | |
- | left: 0; | + | |
- | width: 100%; | + | |
- | } | + | |
- | .dokuwiki .topbar ul { | + | |
- | /** text-align: center; */ | + | |
- | /** max-width: 600px; */ | + | |
- | margin: 0 auto; | + | |
- | padding: 5px 20px; | + | |
- | list-style: none; | + | |
- | /** background-color: | + | |
- | background-color: | + | |
- | border: solid __border__; | + | |
- | border-width: | + | |
- | /** border-bottom-right-radius: | + | |
- | border-bottom-left-radius: | + | |
- | /** box-shadow: 0 1px 3px #999; */ | + | |
- | box-shadow: 0 0 8px rgba(0, | + | |
- | overflow: hidden; | + | |
- | -moz-box-sizing: | + | |
- | -webkit-box-sizing: | + | |
- | box-sizing: border-box; | + | |
- | } | + | |
- | .dokuwiki .topbar ul li { | + | |
- | margin: 0; | + | |
- | padding: 0 5px; | + | |
- | display: inline-block; | + | |
- | / | + | |
- | } | + | |
- | .dokuwiki .topbar ul li a { | + | |
- | /** color: __text__; */ | + | |
- | color: #EEE; | + | |
- | display: inline-block; | + | |
- | min-height: 16px; /* make sure icons are not cut off (most icons are 16x16) */ | + | |
- | } | + | |
- | + | ||
- | /* for IE7 */ | + | |
- | *+html .dokuwiki .topbar ul li, | + | |
- | *+html .dokuwiki .topbar ul li a { | + | |
- | display: inline; | + | |
- | } | + | |
- | + | ||
- | /* changes specific for the default " | + | |
- | other templates need other changes! */ | + | |
- | # | + | |
- | padding-top: | + | |
- | } | + | |
- | # | + | |
- | top: 3em; | + | |
- | } | + | |
- | + | ||
- | /* IE8 needs this in the default template */ | + | |
- | .dokuwiki .topbar ul li img { | + | |
- | max-width: none; | + | |
- | } | + | |
- | + | ||
- | } /* /@media */ | + | |
- | + | ||
- | + | ||
- | /* for screens less than 480px wide */ | + | |
- | @media only screen and (max-width: 480px) { | + | |
- | + | ||
- | /* move topbar back to the bottom */ | + | |
- | .dokuwiki .topbar { | + | |
- | position: static; | + | |
- | } | + | |
- | + | ||
- | /* un-do some specific template changes */ | + | |
- | # | + | |
- | padding-top: | + | |
- | } | + | |
- | + | ||
- | } /* /@media */ | + | |
- | + | ||
- | + | ||
- | @media print { | + | |
- | + | ||
- | /* don't print the topbar */ | + | |
- | .dokuwiki .topbar { | + | |
- | display: none; | + | |
- | } | + | |
- | + | ||
- | } /* /@media */ | + | |
- | </style> | + | |
- | </ | + |