KXStudio
/
Website
mirror of https://github.com/KXStudio/Website
1
0
Fork 0
Code Releases 0 Activity
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.
205 Commits
2 Branches
109MB
Tree: 00eb9b18a9
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '00eb9b18a9'
${ noResults }
Website/css/base.css

312 lines
22KB
Raw Blame History 

  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. 

  310. /* Custom */

  311. h4.mw-specialpagesgroup{background:#222222;}