1/** 2 * LCARS Template 3 * 4 * @author Paweł Knap <me@pawelknap.com> 5 */ 6 7/* -------------- top row --------------- */ 8div.dokuwiki div#header { 9 padding: 0; 10 margin:0 0 5px 0; 11 height:126px; 12 background:url("images/swept.png") no-repeat; 13 position:relative; 14} 15div.dokuwiki div.breadcrumbs { 16 position:relative; 17 float:left; 18 margin:10px 0 0 163px; 19 width:30%; 20 font-size: 1.4em !important; 21 background:#000000 !important; 22 color:#ff9900 !important; 23 text-transform:uppercase; 24} 25div.dokuwiki div.breadcrumbs span{ 26 color:#fff; 27} 28div.dokuwiki div.breadcrumbs a, div.dokuwiki div.breadcrumbs a:visited, div.dokuwiki div.breadcrumbs a:active, div.dokuwiki div.breadcrumbs a:focus{ 29 color:#ffffff !important; 30} 31div.dokuwiki div.breadcrumbs span a, div.dokuwiki div.breadcrumbs span a:visited, div.dokuwiki div.breadcrumbs span a:active, div.dokuwiki div.breadcrumbs span a:focus{ 32 color:#ff9900 !important; 33} 34div.dokuwiki .pagename { 35 position:relative; 36 float: right; 37 width:90%; 38 height:33px; 39 font-size: 4.2em; 40 text-transform:uppercase; 41 color: #ff9900; 42 text-align: right; 43 background: url("images/swept2.png") right no-repeat #99ccff; 44 overflow:hidden; 45} 46 47div.dokuwiki .pagename a { 48 height:33px; 49 color: #FF9900 !important; 50 background:#000; 51 position:absolute; 52 right:42px; 53 top:-10px; 54 padding:0 5px 10px 5px; 55 text-decoration: none !important; 56} 57 58div.dokuwiki .logo { 59 position:relative; 60 text-transform:uppercase; 61 float: right; 62 font-size:8.4em; 63 text-align: right; 64 vertical-align: middle; 65 height:93px; 66 width:50%; 67} 68 69div.dokuwiki .logo a { 70 height:93px; 71 color: #fff !important; 72 text-decoration: none !important; 73 position:absolute; 74 right:0; 75 top:-5px; 76} 77 78/* --------------- top and bottom bar ---------------- */ 79div.dokuwiki .bar { 80 background: __background_alt__; 81 clear: both; 82} 83 84div.dokuwiki #bar__top .bar-left { 85 float: left; 86 position:absolute; 87 left:212px; 88 height:33px; 89 top:-20px; 90} 91div.dokuwiki #bar__top .bar-left input{ 92 font-size:1.2em; 93 padding:4px; 94 margin:0; 95 position:absolute; 96 top:-7px; 97 height:36px; 98 width:220px; 99 z-index:5; 100 border:0; 101 outline:none; 102 background:url("images/search.png") 10px 9px no-repeat #000; 103 color:#000; 104} 105div.dokuwiki #bar__top .bar-left input:active,div.dokuwiki #bar__top .bar-left input:focus{ 106 background:#000; 107 color:#ff9900; 108} 109 110div.dokuwiki #bar__top .bar-left input.button{ 111 padding:0; 112 margin:0; 113 left:176px; 114 width:45px; 115 top:0px; 116 height:30px; 117 background:#FF9900; 118} 119 120div.dokuwiki #bar__top .bar-left span.button{ 121 padding:0; 122 margin:0; 123 left:176px; 124 width:45px; 125 top:0px; 126 height:30px; 127 background:#FF9900; 128 position:absolute; 129 z-index:6; 130 text-transform:uppercase; 131 font-size: 3.0em; 132 color:#000; 133 cursor:pointer; 134} 135div.dokuwiki #bar__top .bar-left span.button cufon{ 136 position:absolute !important; 137 left:12px; 138 top:1px; 139} 140div.dokuwiki #bar__top .bar-right { 141 position:relative; 142 width:90%; 143 height:33px; 144 background:url("images/swept4.png") no-repeat right #cc6666; 145 float: right; 146 text-align: right; 147} 148div.dokuwiki #bar__top .bar-right .nav_buttons{ 149 position:absolute; 150 border-left:8px solid #000000; 151 height:33px; 152 right:0; 153 top:0; 154 z-index:6; 155 padding:0 42px 0 0; 156} 157div.dokuwiki #bar__top .bar-right .nav_buttons input{ 158 position:relative; 159 float:right; 160 display:block; 161 height:33px; 162 border:0; 163 border-right:8px solid #000000; 164 border-radius:0 !important; 165 -webkit-border-radius: 0 !important; 166 -moz-border-radius: 0 !important; 167 padding:0 8px; 168 margin:0; 169 background:#FF9900; 170 text-transform: uppercase; 171 color:#000; 172 font-weight: bold; 173} 174div.dokuwiki #bar__top .bar-right .nav_buttons input:hover{ 175 background:#fff; 176 border-radius:0 !important; 177 -webkit-border-radius: 0 !important; 178 -moz-border-radius: 0 !important; 179} 180div.dokuwiki #bar__top{ 181 position:relative; 182 margin:10px 0 0 0 ; 183 background:url("images/swept3.png") no-repeat; 184 height:85px; 185} 186div.dokuwiki #bar__bottom { 187 margin-bottom: 3px; 188} 189div.dokuwiki div.page{ 190 margin:0 !important; 191} 192div.sidebar{ 193 float:left; 194 width:169px; 195} 196div.content{ 197 padding:0 0 0 163px; 198 background:url("images/sidebar.png") repeat-y left; 199} 200div#footer{ 201 padding: 0; 202 margin:0 0 5px 0; 203 height:85px; 204 background:url("images/swept5.png") no-repeat; 205 position:relative; 206} 207div#license{ 208 padding: 45px 0 0 0; 209 margin:10px 0 0 0; 210 height:50px; 211 background:url("images/swept6.png") no-repeat; 212 position:relative; 213} 214div#bar_license{ 215 height:33px; 216 width:90%; 217 position:absolute; 218 top:0; 219 right:0; 220 z-index:5; 221 background:url("images/swept7.png") right center no-repeat #99CCFF; 222} 223#bar__bottom{ 224 height:33px; 225 position:relative; 226 float:right; 227 background:url("images/swept4.png") no-repeat right #CC6666; 228 width:90%; 229} 230div.dokuwiki #bar__bottom .bar-right{ 231 position:absolute; 232 border-left:8px solid #000000; 233 height:33px; 234 right:42px; 235 top:0; 236 z-index:6; 237 background: #FF9900; 238} 239div.dokuwiki #bar__bottom .bar-left{ 240 position:absolute; 241 border-left:8px solid #000000; 242 height:33px; 243 left:100px; 244 top:0; 245 z-index:6; 246 padding:0 42px 0 0; 247} 248div.dokuwiki #bar__bottom .bar-right input, div.dokuwiki #bar__bottom .bar-left input{ 249 position:relative; 250 float:right; 251 display:block; 252 height:33px; 253 border:0; 254 border-right:8px solid #000000; 255 border-radius:0 !important; 256 -webkit-border-radius: 0 !important; 257 -moz-border-radius: 0 !important; 258 padding:0 8px; 259 margin:0; 260 background:#ff9900; 261 text-transform: uppercase; 262 color:#000; 263 font-weight: bold; 264} 265 266div.dokuwiki #bar__bottom .bar-right input:hover, div.dokuwiki #bar__bottom .bar-left input:hover{ 267 background:#fff; 268} 269 270 271/* ------------- File Metadata ----------------------- */ 272 273div.dokuwiki div.meta { 274 position:relative; 275 width:100%; 276 height:52px; 277 float:left; 278 clear: both; 279 color: __text_alt__; 280 font-size: 70%; 281} 282 283div.dokuwiki div.meta div.user { 284 float: left; 285} 286 287div.dokuwiki div.meta div.doc { 288 text-align: right; 289} 290#dw__login p{ 291 display:block !important; 292 position:relative; 293 float:left; 294 clear:left; 295} 296#dw__login p a{ 297 margin:-8px 0 0 10px; 298 float:right; 299} 300