KXStudio Website https://kx.studio/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

base.css 22KB

11 years ago
10 years ago
11 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. html, body{background:#111111;color:#F0F0F0;font:1em "Open Sans", sans-serif;height:99%;margin:0;padding:0;width:100%;}
  2. body > div{margin-bottom:15px;}
  3. h1{font-size:1.7em;margin-bottom:1.2em;}
  4. h2{font-size:1.5em;margin-bottom:1.1em;}
  5. h3{font-size:1.2em;margin-bottom:1.0em;}
  6. h4, h5, h6{font-size:1.1em;margin-bottom:0.9em;}
  7. div{color:#D6D6D6;}
  8. div ul b{color:#E6E6E6;}
  9. a{color:#6464E6;text-decoration:none;cursor:pointer;}
  10. a:visited{color:#E664E6;}
  11. a:hover, a:focus, a:active{color:#9696E6;text-decoration:underline;}
  12. p, ul, ol{margin:1em 0;}
  13. h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, blockquote, .box small{margin-left:15px;margin-right:15px;}
  14. h1, h2, h3, h4, h5, h6{color:#F0F0F0;margin-top:0.5em;margin-bottom:1.2em;}
  15. p{line-height:150%;}
  16. p img{padding:0;max-width:100%;}
  17. ul, ol{list-style:disc inside;padding:0 1em;}
  18. ul li, ol li{margin:0.5em 0;}
  19. ul ul, ol ul, ul ol , ol ol{margin-top:0em;margin-bottom:0em;}
  20. ol{list-style-type:decimal;}
  21. input, button, textarea, pre{border:1px solid #222222;background-color:#070707;color:#E6E6E6;padding:2px 3px;}
  22. input:focus, textarea:focus{border-color:#646464;background-color:#070707;}
  23. textarea{padding:5px 3px;}
  24. img{border:0;}
  25. strong{font-weight:bold;}
  26. em{font-style:italic;}
  27. small{font-size:10px;}
  28. .box p small, p small{font-size:inherit;margin:0;}
  29. select{background-color:#0E0E0E;color:#F0F0F0;border-color:#303030;border-radius:2px;}
  30. option{background-color:#0E0E0E;color:#F0F0F0;}
  31. option:nth-child(even){background-color:#0E0E0E;}
  32. table{width:inherit;max-width:95%;}
  33. label{font-weight:normal;}
  34. hr{background-color:#999;border:0 none;color:#999;height:1px;margin:2em 15px;} /* TODO */
  35. caption{text-align:left;margin-bottom:0.5em;text-indent:0.5em;color:#690;} /* TODO */
  36. tbody, tfoot, thead, tr{}
  37. th, td{}
  38. th{background-color:#eee;} /* TODO */
  39. th, td{padding:0.2em;}
  40. td{border:1px dotted #222222;}
  41. th:first-child, td:first-child{border-left:none;}
  42. th:last-child, td:last-child{border-right:none;}
  43. pre{font-family:monospace;background-color:#070707;border:1px dotted #333;overflow:auto;} /* TODO */
  44. blockquote{border-left:5px solid #690;color:#ddd;padding:10px;}
  45. .ui-oo-content-wrapper .ui-oo-box-shadow > div.grid_5,.content-wrapper .box > div.grid_5{width:260px;}
  46. .row_auto{height:auto;}
  47. .row_1{min-height:2em;}
  48. .row_8{min-height:16em;}
  49. .row_9{min-height:18em;}
  50. .row_10{min-height:20em;}
  51. .row_11{min-height:22em;}
  52. .row_12{min-height:24em;}
  53. .row_13{min-height:26em;}
  54. .row_14{min-height:28em;}
  55. .row_15{min-height:30em;}
  56. .row_16{min-height:32em;}
  57. .row_17{min-height:34em;}
  58. .row_18{min-height:36em;}
  59. .row_19{min-height:38em;}
  60. .row_20{min-height:40em;}
  61. .row_21{min-height:42em;}
  62. .row_22{min-height:44em;}
  63. .row_23{min-height:46em;}
  64. .row_24{min-height:48em;}
  65. .row_25{min-height:50em;}
  66. .row_26{min-height:52em;}
  67. .row_27{min-height:54em;}
  68. .row_28{min-height:56em;}
  69. .row_29{min-height:58em;}
  70. .row_30{min-height:60em;}
  71. #header, #subheader, #flash-messages, #content, #footer{}
  72. #subheader, #flash-messages, #footer{overflow:hidden;}
  73. #content > div, #subheader, #content, #content .column > div, .ui-oo-box-shadow, .box{margin-bottom:15px;}
  74. #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{}
  75. #header{font-size:0.8em;font-weight:bold;margin:0 0 25px;border-bottom:1px solid #222222;}
  76. #header, #global-navigation li.selected{background: url('../images/gradient-dark-nav_mod.png') repeat-x scroll bottom left;} /* background:#666 */
  77. #header, #global-navigation li{height:30px;font-family:"Raleway",sans-serif;}
  78. #header-content{display:inline;}
  79. #header ul#global-navigation{list-style:none inside;width:700px;float:left;}
  80. #header ul#global-navigation, #global-navigation li{border-color:#222222;border-style:solid;margin:0;}
  81. #global-navigation li:first-child{border-left-width:1px;}
  82. #global-navigation li{float:left;border-right-width:1px;}
  83. #global-navigation li a{color:#F0F0F0;display:block;height:100%;margin:0 15px;padding-top:7px;text-decoration:none;width:100%;font-size:1.2em;font-weight:800;}
  84. #global-navigation li a:hover, #global-navigation li a:focus{color:#6464E6;}
  85. #global-favorites{float:right !important;border-left-width:1px;}
  86. #header-logo{float:left;margin-top:2px;margin-right:25px;}
  87. #header-home{float:left;margin:0 0px;color:#F0F0F0;padding-top:7px;text-decoration:none;}
  88. #header-home:hover, #header-home:focus{color:#6464E6;}
  89. #header #global-search-form{color:#F0F0F0;float:right;margin-top:4px;position:relative;}
  90. .lable-overley label{position:absolute;top:4px;left:5px;}
  91. #header #global-search-form input{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #222222;border-color:#222222;color:#E6E6E6;width:150px;}
  92. #header #global-search-form input:focus{color:#E6E6E6;border-color:#646464;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
  93. .lable-overley label{font-size:10px;}
  94. #subheader{font-size:0.8em;margin-top:-15px;min-height:17px;}
  95. #subheader a{text-decoration:none;}
  96. #breadcrump{font-size:0.9em;color:#E6E6E6;}
  97. #breadcrump img{float:left;margin-right:5px;border-bottom:1px solid transparent;}
  98. #breadcrump a{color:#E6E6E6;}
  99. #breadcrump a:hover, #breadcrump a:focus{text-decoration:underline;}
  100. #login-wrapper{text-align:right;height:1em;}
  101. .main ul, .main ol{list-style-position:outside;}
  102. .main li{padding-left:0;}
  103. /* TODO - login-form */
  104. #login-form{display:none;width:250px;height:auto;font-size:0.7em;position:absolute;top:31px;right:0;padding-bottom:10px;color:#f6f6f6;background:#333 url('images/gradient-darker.png') repeat-x scroll bottom left;border-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;border-width:1px;border-style:solid;border-color:transparent #333 #111;opacity:0.95;-moz-opacity:0.95;-webkit-box-shadow:0 1px 3px #999;-moz-box-shadow:0 1px 3px #999;box-shadow:0 1px 3px #999;}
  105. #login-form input{width:213px;font-size:1.5em;padding:2px 3px;border:3px solid #222;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
  106. #login-form input:focus{color:#39c;border-color:#39c;-webkit-box-shadow:0 1px 3px #222;-moz-box-shadow:0 1px 3px #222;box-shadow:0 1px 3px #222;}
  107. #login-form input[type="submit"]{border-color:#f6f6f6;-webkit-box-shadow:0 0px 2px #000;-moz-box-shadow:0 1px 1px #111;box-shadow:0 1px 1px #111;color:#eee;cursor:pointer;background:#9f3 url('images/gradient-dark-nav.png') repeat-x scroll 0 -15px;font-weight:bold;text-shadow:0 0px 3px #333;width:225px;}
  108. #login-form input[type="submit"]:hover{border-color:#39c;}
  109. #login-form p{margin:15px;clear:left;position:relative;}
  110. #login-form label{display:block;position:absolute;top:8px;left:7px;color:#666;width:100px;font-size:13px;}
  111. #login-form .slim-footer{text-align:center;margin-bottom:0;}
  112. #login-form .slim-footer a{text-decoration:none;color:#eee;font-weight:bold;}
  113. #login-form .slim-footer a:hover{text-decoration:underline;}
  114. #local-user-actions{}
  115. #local-user-actions ul{margin:0;list-style:none inside;}
  116. #flash-messages{}
  117. #flash-messages .ui-widget + .ui-widget{margin-top:15px;}
  118. #footer-content, #footer-legal{color:#646464;font-size:0.9em;}
  119. #footer{padding:10px;font-size:0.7em;clear:both;}
  120. #footer ul{margin:0;padding:0.5em;}
  121. #footer-legal{border-top:1px solid #646464;color:#646464;font-size:0.7em;margin-top:25px;padding-top:5px;text-align:center;}
  122. .main{min-height:500px;}
  123. .ui-oo-content-wrapper, .content-wrapper{font-size:0.8em;}
  124. .ui-oo-content-wrapper .ui-oo-box-shadow.navigation > *, .content-wrapper .box.navigation > *{margin:0.5em 15px 1em;}
  125. .ui-oo-content-wrapper .ui-oo-box-shadow > * >:first-child,.content-wrapper .box > * >:first-child{margin-top:0;}
  126. .ui-oo-content-wrapper .ui-oo-box-shadow > * > h1,.content-wrapper .box > * > h1{margin-top:2em;margin-bottom:0.7em;}
  127. .ui-oo-content-wrapper .ui-oo-box-shadow > * > h2,.content-wrapper .box-shadow > * > h2{margin-top:1.8em;margin-bottom:0.7em;}
  128. .ui-oo-content-wrapper .ui-oo-box-shadow > * > h3,.content-wrapper .box > * > h3{margin-top:1.5em;margin-bottom:0.7em;}
  129. .ui-oo-content-wrapper .ui-oo-box-shadow > * > h4,.content-wrapper .box > * > h4{margin-top:1em;margin-bottom:0.5em;}
  130. .ui-oo-content-wrapper .box .ui-oo-box-shadow > * > h5,.content-wrapper .box > * > h5{margin-top:1em;margin-bottom:0.5em;}
  131. .ui-oo-content-wrapper .box .ui-oo-box-shadow > * > h6,.content-wrapper .box > * > h6{margin-top:1em;margin-bottom:0.5em;}
  132. .box .ui-oo-box-shadow,.box{border-width:1px;border-style:solid;border-color:red green blue;background-color:#070707;padding:15px 0;} /* FIXME */
  133. .box .ui-oo-box-shadow a,.box a{color:#6464E6;}
  134. .ui-oo-box-shadow a:hover,.box a:hover{color:#E664E6;}
  135. .box.grey{background-color:#eee;} /* TODO */
  136. .container_16 div div, .container_12 div div{}
  137. .container_16.sibling_p4 div:first-child{margin-left:240px;}
  138. .ui-oo-box-shadow.alpha,.ui-oo-box-shadow.omega,.box.alpha, .box.omega{margin-bottom:15px;}
  139. div.navigation{padding-top:0;position:relative;}
  140. ul.navigation{list-style:none inside;padding-left:0;width:85%;}
  141. ul.navigation li{}
  142. .navigation a{color:#E6E6E6;text-decoration:none;display:block;}
  143. .navigation a:hover, .navigation a:focus{color:#6464E6;} /* background:transparent url('images/right_btn.png') no-repeat scroll bottom right; */
  144. div.navigation h1{font-size:1.2em;color:#069;} /* TODO */
  145. div.col_2{width:50%;}
  146. .ui-helper-hidden{display:none;}
  147. .ui-helper-hidden-accessible{position:absolute;left:-99999999px;}
  148. .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
  149. .ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
  150. .ui-helper-clearfix{display:inline-block;}
  151. * html .ui-helper-clearfix{height:1%;}
  152. .ui-helper-clearfix{display:block;}
  153. .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}
  154. .ui-widget{}
  155. .ui-widget-header{}
  156. .ui-widget-content{}
  157. .ui-state-default{}
  158. .ui-state-hover{}
  159. .ui-state-focus{}
  160. .ui-state-active{}
  161. .ui-state-highlight, .ui-state-error{padding:0 0.7em;}
  162. .ui-state-highlight{background-color:#fbf9ee;border:1px solid #fcefa1;color:#333;} /* TODO */
  163. .ui-state-error{background-color:#fef1ec;border:1px solid #c00;color:#c00;} /* TODO */
  164. .ui-state-error-text{}
  165. .ui-state-disabled{cursor:default !important;}
  166. .ui-priority-primary{}
  167. .ui-priority-secondary{}
  168. .ui-corner-all{}
  169. .ui-corner-tl{}
  170. .ui-corner-tr{}
  171. .ui-corner-bl{}
  172. .ui-corner-br{}
  173. .ui-corner-top{}
  174. .ui-corner-bottom{}
  175. .ui-corner-right{}
  176. .ui-corner-left{}
  177. .box, .ui-oo-box-shadow,.ui-corner-all{border-color:#222222;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}
  178. .ui-corner-t, .ui-corner-b{}
  179. .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
  180. .ui-oo-box-shadow,.ui-widget-shadow, input:focus, textarea:focus, .box-shadow, .global-navigation-menu{box-shadow:0 1px 3px #070707;-webkit-box-shadow:0 1px 3px #070707;-moz-box-shadow:0 1px 3px #070707;}
  181. .text-shadow{text-shadow:0 1px 3px #999;} /* TODO */
  182. .ui-oo-fold-icon,.fold-icon{display:block;width:9px;height:9px;float:right;background:transparent url('images/unfold-indikator.png') no-repeat scroll 0 0;}
  183. h1.large{font-size:7em;margin-top:0!important;margin-bottom:0!important;}
  184. p.large{font-size:1.5em;}
  185. .space-top-large{padding-top:6em;}
  186. .space-top-medium{padding-top:3em;}
  187. .space-top-small{padding-top:1em;}
  188. .box-header, .box-subheader, .box-footer{color:#E6E6E6;padding:3px 0;margin-left:0!important;margin-right:0!important;min-height:15px;margin-top:-15px;width:100%;font-size:12px;}
  189. .box-header, .box-subheader, .box-footer, .header-tabs li.selected{background:#212121 url('../images/gradient-light-short_mod.png') repeat-x scroll 0 -20px;}
  190. .box-header a, .box-subheader a, .box-footer a{color:#6464E6;}
  191. .box-header li, .box-subheader li, .box-footer li{color:#6464E6;margin:0.2em 0;}
  192. .box-header{border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-left-radius:5px;-khtml-border-top-right-radius:5px;margin-bottom:15px!important;border-bottom:1px solid #222222;}
  193. h2.box-header, h2.box-subheader{text-indent:15px;font-size:1em;}
  194. .navigation h2.box-header, .navigation h2.box-subheader{margin-top:0!important;}
  195. .box-subheader{border-top:1px solid #222222;border-bottom:1px solid #222222;}
  196. .box-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;border-top:1px solid #222222;position:absolute;bottom:0px;left:0;margin-bottom:0!important;}
  197. .navigation .box-footer{position:relative;margin-bottom:-15px!important;}
  198. .box-header ul, .box-footer ul{list-style:none inside;padding:0;font-size:0.8em;margin:0 0 0 15px;}
  199. .box-header ul li, .box-footer ul li{float:left;}
  200. .box-header a, .box-footer a{text-decoration:none;margin-right:7px;text-shadow:0 1px 1px #0A0A0A;}
  201. .header-tabs{font-size:1.2em;overflow:hidden;min-height:23px;}
  202. .box-header.header-tabs, .box-footer.header-tabs{padding:0;}
  203. .header-tabs li{margin:0;padding:0;border-right:1px solid #222222;}
  204. .header-tabs li:first-child{border-left:1px dotted #222222;}
  205. .header-tabs .advanced_tabs li:first-child{border-left:none;}
  206. .header-tabs a{display:block;min-height:23px;margin:0 0.5em -0.3em;padding-top:0.3em;}
  207. /* TODO: */
  208. .header-tabs li.selected{background:#f6f6f6 url('images/gradient-dark.png') repeat-x scroll 0 -10px;background:#333 url('images/gradient-dark.png') repeat-x scroll 0 -10px;background:white url('images/gradient-dark-nav.png') repeat-x scroll bottom left;border-color:#ccc;}
  209. .header-tabs li.selected a{color:#fff;text-shadow:none;} /* TODO */
  210. .aside ul{list-style:none inside;}
  211. #display #lp-pr-image{margin-top:42px;margin-left:150px;}
  212. #display > div{margin-bottom:15px;}
  213. #display-content{height:450px;}
  214. #display-content.ui-oo-box-shadow,#display-content.box{padding:0;overflow:hidden;}
  215. /* TODO: */
  216. #quicklinks-wrapper{background:#222 url('images/bg_display-sidebar.png') no-repeat scroll 0 0;height:450px;border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-top-right-radius:5px;-khtml-border-bottom-right-radius:5px;}
  217. #quicklinks, #quicklinks .headline, #quicklinks .description{}
  218. #quicklinks{list-style:none inside;}
  219. #quicklinks li{margin-bottom:25px;}
  220. #quicklinks a{text-decoration:none;cursor:pointer;display:block;height:120px;}
  221. #quicklinks .top, #quicklinks .content, #quicklinks .bottom, #quicklinks .headline, #quicklinks .description{display:block;}
  222. #quicklinks .top, #quicklinks .content, #quicklinks .bottom{}
  223. #quicklinks .top, #quicklinks .bottom{height:20px;}
  224. #quicklinks .top{background-position:0 0;}
  225. #quicklinks .content{background-position:0 -10px;min-height:100px;}
  226. #quicklinks .bottom{background-position:0 -130px;}
  227. #quicklinks .description{margin-left:100px;}
  228. #quicklinks a img{opacity:0.5;-moz-opacity:0.5;}
  229. #quicklinks a:hover img{opacity:1;-moz-opacity:1;}
  230. #quicklinks .headline{font-weight:bold;font-size:1.2em;margin-bottom:0.5em;text-shadow:#000 0px 1px 1px;} /* TODO */
  231. #quicklinks .headline, #quicklinks .description{margin-left:30px;}
  232. #quicklinks a{color:#ccc;text-shadow:#000 0px 1px 1px;} /* TODO */
  233. #quicklinks a:hover{color:#fff;text-shadow:#000 0px 1px 3px;} /* TODO */
  234. #quicklinks .content img{float:left;margin:10px 15px 25px 0;}
  235. .ui-oo-border-top,.border-top{border-top:1px dotted #999;} /* TODO */
  236. .hidden{display:none;}
  237. .alignright{float:right;}
  238. .alignleft{float:left;}
  239. .aligncenter, .textcenter, .centered{text-align:center;}
  240. .textright{text-align:right;}
  241. .textleft{text-align:left;}
  242. img.aligncenter, img.centered{display:block;margin-left:auto !important;margin-right:auto !important;}
  243. img.alignright, img.alignleft{padding:4px;display:inline;}
  244. img.alignright{margin:0 0 2px 7px;}
  245. img.alignleft{margin:0 7px 2px 0;}
  246. .clear-left{clear:left;}
  247. .clear-both{clear:both;}
  248. .clear-right{clear:right;}
  249. .no-shadow{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
  250. .button, button, input[type="submit"]{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-color:#383838;background:#1C1C1C;color:#F0F0F0;} /* background:... url('images/gradient-medium-short.png') repeat-x scroll 0 0 */
  251. .button:hover, button:hover, input[type="submit"]:hover{background-color:#343434;border-color:#646464;color:#F0F0F0;cursor:pointer;}
  252. form *[disabled="disabled"], form *[disabled=""], form *[disabled="true"]{background-color:#181818;border-color:#646464;color:#646464;}
  253. .main .button, .main button, .main input[type="submit"]{background:#1C1C1C;color:#fcfcfc;} /* url('images/gradient-light-short-green.png') repeat-x scroll 0 -5px */
  254. .main .button:hover, .main button:hover, .main input[type="submit"]:hover{border-color:#646464;cursor:pointer;color:#F0F0F0;}
  255. .column_2{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
  256. .column_3{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px;}
  257. .column_4{-moz-column-count:4;-moz-column-gap:20px;-webkit-column-count:4;-webkit-column-gap:20px;column-count:4;column-gap:20px;}
  258. #global-navigation{color:fuchsia !important;} /* TODO */
  259. #global-navigation li.selected{background-color:#690;} /* TODO */
  260. /* TODO - global-navigation-menu */
  261. .global-navigation-menu{background:#fff;border:1px solid #888;border-color:#DDDDDD #CCCCCC #BBBBBB;border-top:none;width:23em;padding:0;display:none;position:absolute;z-index:10;}
  262. .global-navigation-menu, .global-navigation-menu li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;}
  263. .global-navigation-menu li{display:block;clear:both;margin:0;}
  264. .global-navigation-menu li:nth-child(even){background-color:#eee;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}
  265. .global-navigation-menu li:last-child{border-bottom:none;}
  266. .global-navigation-menu li a{min-height:56px;display:block;text-decoration:none;}
  267. .global-navigation-menu li:hover a{color:#fff;}
  268. .global-navigation-menu li:hover{background:#690;}
  269. .global-navigation-menu li img{float:left;width:48px;height:48px;margin:4px;margin-right:8px;}
  270. .global-navigation-menu li span.global-navigation-icon{float:left;display:block;width:24px;height:24px;margin:4px;margin-right:8px;padding:0;background-image:url('../images/globalnav/globalnav-im.png');background-color:transparent;background-attachment:scroll;background-repeat:no-repeat;}
  271. span.global-navigation-icon.release-stable{background-position:0 0;}
  272. span.global-navigation-icon.release-devel{background-position:0 -24px;}
  273. span.global-navigation-icon.packages{background-position:0 -48px;}
  274. span.global-navigation-icon.derivatives{background-position:0 -72px;}
  275. span.global-navigation-icon.help{background-position:-24px 0;}
  276. span.global-navigation-icon.wiki{background-position:-24px -24px;}
  277. span.global-navigation-icon.video{background-position:-24px -48px;}
  278. span.global-navigation-icon.forums{background-position:-24px -72px;}
  279. span.global-navigation-icon.lists{background-position:-24px -96px;}
  280. span.global-navigation-icon.irc{background-position:-24px -120px;}
  281. span.global-navigation-icon.connect{background-position:-48px 0;}
  282. span.global-navigation-icon.users{background-position:-48px -24px;}
  283. span.global-navigation-icon.planet{background-position:-48px -48px;}
  284. span.global-navigation-icon.news{background-position:-48px -72px;}
  285. span.global-navigation-icon.lizards{background-position:-48px -96px;}
  286. span.global-navigation-icon.spotlight{background-position:-48px -120px;}
  287. span.global-navigation-icon.shop{background-position:-48px -144px;}
  288. span.global-navigation-icon.events{background-position:-48px -168px;}
  289. span.global-navigation-icon.documentation{background-position:-72px 0;}
  290. span.global-navigation-icon.features{background-position:-72px -24px;}
  291. span.global-navigation-icon.buildservice{background-position:-72px -48px;}
  292. span.global-navigation-icon.bugs{background-position:-72px -72px;}
  293. span.global-navigation-icon.studio{background-position:-72px -96px;}
  294. .global-navigation-menu li span{font-weight:bold;padding-top:4px;display:block;margin-left:36px;margin-right:3px;}
  295. .global-navigation-menu li:hover span{text-shadow:0 1px 2px #666;}
  296. .global-navigation-menu li span.desc{color:#666;letter-spacing:0.1em;line-height:1.5em;font-size:0.8em;font-weight:normal;padding-top:2px;padding-bottom:4px;text-shadow:none;}
  297. .global-navigation-menu li:hover span.desc{color:#fff;}
  298. #status-icon{margin-right:3em;margin-top:1em;}
  299. #status-icon.large{width:250px;height:250px;}
  300. .page-maintainance{background:transparent url() no-repeat scroll 0 0;}
  301. .page-maintainance.xlarge{background-image:url('../images/icons/special/maintainance-256.png');}
  302. .page-maintainance.large{background-image:url('../images/icons/special/maintainance-128.png');}
  303. .page-maintainance.medium{background-image:url('../images/icons/special/maintainance-64.png');}
  304. .page-maintainance.small{background-image:url('../images/icons/special/maintainance-32.png');}
  305. .page-maintainance.tiny{background-image:url('../images/icons/special/maintainance-16.png');}
  306. .plainlinks a{background:none !important;padding:0 !important;}
  307. .dropdown-menu-content{position:absolute;list-style:none inside;margin:0;padding:0;clear:both;font-size:12px;background-color:white;border:1px solid #999;box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;}
  308. .dropdown-menu-content li{padding:0.2em 0.5em;}
  309. /* Custom */
  310. h4.mw-specialpagesgroup{background:#222222;}