KXStudio
/
Website
mirror of https://github.com/KXStudio/Website
1
0
Fork 0
Code Releases 0 Activity
Browse Source

Add css

pull/1/head
falkTX 11 years ago
parent
281b81bf98
commit
a65e29364a
6 changed files with 1477 additions and 0 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +311
    -0
      css/base.css
  2. +9
    -0
      css/base.fluid.fix.css
  3. +497
    -0
      css/grid.css
  4. +10
    -0
      css/reset.css
  5. +639
    -0
      css/style.css
  6. +11
    -0
      css/style.fluid.css

+ 311
- 0
css/base.css View File

@@ -0,0 +1,311 @@
html, body{background:#111111;color:#F0F0F0;font:1em "Open Sans", sans-serif;height:99%;margin:0;padding:0;width:100%;}
body > div{margin-bottom:15px;}
h1{font-size:1.7em;margin-bottom:1.2em;}
h2{font-size:1.5em;margin-bottom:1.1em;}
h3{font-size:1.2em;margin-bottom:1.0em;}
h4, h5, h6{font-size:1.1em;margin-bottom:0.9em;}
div{color:#D6D6D6;}
div ul b{color:#E6E6E6;}
a{color:#6464E6;text-decoration:none;cursor:pointer;}
a:visited{color:#E664E6;}
a:hover, a:focus, a:active{color:#9696E6;text-decoration:underline;}
p, ul, ol{margin:1em 0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, blockquote, .box small{margin-left:15px;margin-right:15px;}
h1, h2, h3, h4, h5, h6{color:#F0F0F0;margin-top:0.5em;margin-bottom:1.2em;}
p{line-height:150%;}
p img{padding:0;max-width:100%;}
ul, ol{list-style:disc inside;padding:0 1em;}
ul li, ol li{margin:0.5em 0;}
ul ul, ol ul, ul ol , ol ol{margin-top:0em;margin-bottom:0em;}
ol{list-style-type:decimal;}
input, button, textarea, pre{border:1px solid #222222;background-color:#070707;color:#E6E6E6;padding:2px 3px;}
input:focus, textarea:focus{border-color:#646464;background-color:#070707;}
textarea{padding:5px 3px;}
img{border:0;}
strong{font-weight:bold;}
em{font-style:italic;}
small{font-size:10px;}
.box p small, p small{font-size:inherit;margin:0;}
select{background-color:#0E0E0E;color:#F0F0F0;border-color:#303030;border-radius:2px;}
option{background-color:#0E0E0E;color:#F0F0F0;}
option:nth-child(even){background-color:#0E0E0E;}
table{width:inherit;max-width:95%;}
label{font-weight:normal;}
hr{background-color:#999;border:0 none;color:#999;height:1px;margin:2em 15px;} /* TODO */
caption{text-align:left;margin-bottom:0.5em;text-indent:0.5em;color:#690;} /* TODO */
tbody, tfoot, thead, tr{}
th, td{}
th{background-color:#eee;} /* TODO */
th, td{padding:0.2em;}
td{border:1px dotted #222222;}
th:first-child, td:first-child{border-left:none;}
th:last-child, td:last-child{border-right:none;}
pre{font-family:monospace;background-color:#070707;border:1px dotted #333;overflow:auto;} /* TODO */
blockquote{border-left:5px solid #690;color:#ddd;padding:10px;}
.ui-oo-content-wrapper .ui-oo-box-shadow > div.grid_5,.content-wrapper .box > div.grid_5{width:260px;}
.row_auto{height:auto;}
.row_1{min-height:2em;}
.row_8{min-height:16em;}
.row_9{min-height:18em;}
.row_10{min-height:20em;}
.row_11{min-height:22em;}
.row_12{min-height:24em;}
.row_13{min-height:26em;}
.row_14{min-height:28em;}
.row_15{min-height:30em;}
.row_16{min-height:32em;}
.row_17{min-height:34em;}
.row_18{min-height:36em;}
.row_19{min-height:38em;}
.row_20{min-height:40em;}
.row_21{min-height:42em;}
.row_22{min-height:44em;}
.row_23{min-height:46em;}
.row_24{min-height:48em;}
.row_25{min-height:50em;}
.row_26{min-height:52em;}
.row_27{min-height:54em;}
.row_28{min-height:56em;}
.row_29{min-height:58em;}
.row_30{min-height:60em;}
#header, #subheader, #flash-messages, #content, #footer{}
#subheader, #flash-messages, #footer{overflow:hidden;}
#content > div, #subheader, #content, #content .column > div, .ui-oo-box-shadow, .box{margin-bottom:15px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{}
#header{font-size:0.8em;font-weight:bold;margin:0 0 25px;border-bottom:1px solid #222222;}
#header, #global-navigation li.selected{background: url('../images/gradient-dark-nav_mod.png') repeat-x scroll bottom left;} /* background:#666 */
#header, #global-navigation li{height:30px;}
#header-content{}
#header ul#global-navigation{list-style:none inside;width:700px;float:left;}
#header ul#global-navigation, #global-navigation li{border-color:#222222;border-style:solid;margin:0;}
#global-navigation li:first-child{border-left-width:1px;}
#global-navigation li{float:left;border-right-width:1px;}
#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;}
#global-navigation li a:hover, #global-navigation li a:focus{color:#6464E6;}
#global-favorites{float:right !important;border-left-width:1px;}
#header-logo{float:left;margin-top:2px;margin-right:25px;}
#header-home{float:left;margin:0 0px;color:#F0F0F0;padding-top:7px;text-decoration:none;}
#header-home:hover, #header-home:focus{color:#6464E6;}
#header #global-search-form{color:#F0F0F0;float:right;margin-top:4px;position:relative;}
.lable-overley label{position:absolute;top:4px;left:5px;}
#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;}
#header #global-search-form input:focus{color:#E6E6E6;border-color:#646464;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.lable-overley label{font-size:10px;}
#subheader{font-size:0.8em;margin-top:-15px;min-height:17px;}
#subheader a{text-decoration:none;}
#breadcrump{font-size:0.9em;color:#E6E6E6;}
#breadcrump img{float:left;margin-right:5px;border-bottom:1px solid transparent;}
#breadcrump a{color:#E6E6E6;}
#breadcrump a:hover, #breadcrump a:focus{text-decoration:underline;}
#login-wrapper{text-align:right;height:1em;}
.main ul, .main ol{list-style-position:outside;}
.main li{padding-left:0;}
/* TODO - login-form */
#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;}
#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;}
#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;}
#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;}
#login-form input[type="submit"]:hover{border-color:#39c;}
#login-form p{margin:15px;clear:left;position:relative;}
#login-form label{display:block;position:absolute;top:8px;left:7px;color:#666;width:100px;font-size:13px;}
#login-form .slim-footer{text-align:center;margin-bottom:0;}
#login-form .slim-footer a{text-decoration:none;color:#eee;font-weight:bold;}
#login-form .slim-footer a:hover{text-decoration:underline;}
#local-user-actions{}
#local-user-actions ul{margin:0;list-style:none inside;}
#flash-messages{}
#flash-messages .ui-widget + .ui-widget{margin-top:15px;}
#footer-content, #footer-legal{color:#646464;font-size:0.9em;}
#footer{padding:10px;font-size:0.7em;clear:both;}
#footer ul{margin:0;padding:0.5em;}
#footer-legal{border-top:1px solid #646464;color:#646464;font-size:0.7em;margin-top:25px;padding-top:5px;text-align:center;}
.main{min-height:500px;}
.ui-oo-content-wrapper, .content-wrapper{font-size:0.8em;}
.ui-oo-content-wrapper .ui-oo-box-shadow.navigation > *, .content-wrapper .box.navigation > *{margin:0.5em 15px 1em;}
.ui-oo-content-wrapper .ui-oo-box-shadow > * >:first-child,.content-wrapper .box > * >:first-child{margin-top:0;}
.ui-oo-content-wrapper .ui-oo-box-shadow > * > h1,.content-wrapper .box > * > h1{margin-top:2em;margin-bottom:0.7em;}
.ui-oo-content-wrapper .ui-oo-box-shadow > * > h2,.content-wrapper .box-shadow > * > h2{margin-top:1.8em;margin-bottom:0.7em;}
.ui-oo-content-wrapper .ui-oo-box-shadow > * > h3,.content-wrapper .box > * > h3{margin-top:1.5em;margin-bottom:0.7em;}
.ui-oo-content-wrapper .ui-oo-box-shadow > * > h4,.content-wrapper .box > * > h4{margin-top:1em;margin-bottom:0.5em;}
.ui-oo-content-wrapper .box .ui-oo-box-shadow > * > h5,.content-wrapper .box > * > h5{margin-top:1em;margin-bottom:0.5em;}
.ui-oo-content-wrapper .box .ui-oo-box-shadow > * > h6,.content-wrapper .box > * > h6{margin-top:1em;margin-bottom:0.5em;}
.box .ui-oo-box-shadow,.box{border-width:1px;border-style:solid;border-color:red green blue;background-color:#070707;padding:15px 0;} /* FIXME */
.box .ui-oo-box-shadow a,.box a{color:#6464E6;}
.ui-oo-box-shadow a:hover,.box a:hover{color:#E664E6;}
.box.grey{background-color:#eee;} /* TODO */
.container_16 div div, .container_12 div div{}
.container_16.sibling_p4 div:first-child{margin-left:240px;}
.ui-oo-box-shadow.alpha,.ui-oo-box-shadow.omega,.box.alpha, .box.omega{margin-bottom:15px;}
div.navigation{padding-top:0;position:relative;}
ul.navigation{list-style:none inside;padding-left:0;width:85%;}
ul.navigation li{}
.navigation a{color:#E6E6E6;text-decoration:none;display:block;}
.navigation a:hover, .navigation a:focus{color:#6464E6;} /* background:transparent url('images/right_btn.png') no-repeat scroll bottom right; */
div.navigation h1{font-size:1.2em;color:#069;} /* TODO */
div.col_2{width:50%;}
.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{position:absolute;left:-99999999px;}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ui-helper-clearfix{display:inline-block;}
* html .ui-helper-clearfix{height:1%;}
.ui-helper-clearfix{display:block;}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}
.ui-widget{}
.ui-widget-header{}
.ui-widget-content{}
.ui-state-default{}
.ui-state-hover{}
.ui-state-focus{}
.ui-state-active{}
.ui-state-highlight, .ui-state-error{padding:0 0.7em;}
.ui-state-highlight{background-color:#fbf9ee;border:1px solid #fcefa1;color:#333;} /* TODO */
.ui-state-error{background-color:#fef1ec;border:1px solid #c00;color:#c00;} /* TODO */
.ui-state-error-text{}
.ui-state-disabled{cursor:default !important;}
.ui-priority-primary{}
.ui-priority-secondary{}
.ui-corner-all{}
.ui-corner-tl{}
.ui-corner-tr{}
.ui-corner-bl{}
.ui-corner-br{}
.ui-corner-top{}
.ui-corner-bottom{}
.ui-corner-right{}
.ui-corner-left{}
.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;}
.ui-corner-t, .ui-corner-b{}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.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;}
.text-shadow{text-shadow:0 1px 3px #999;} /* TODO */
.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;}
h1.large{font-size:7em;margin-top:0!important;margin-bottom:0!important;}
p.large{font-size:1.5em;}
.space-top-large{padding-top:6em;}
.space-top-medium{padding-top:3em;}
.space-top-small{padding-top:1em;}
.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;}
.box-header, .box-subheader, .box-footer, .header-tabs li.selected{background:#212121 url('../images/gradient-light-short_mod.png') repeat-x scroll 0 -20px;}
.box-header a, .box-subheader a, .box-footer a{color:#6464E6;}
.box-header li, .box-subheader li, .box-footer li{color:#6464E6;margin:0.2em 0;}
.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;}
h2.box-header, h2.box-subheader{text-indent:15px;font-size:1em;}
.navigation h2.box-header, .navigation h2.box-subheader{margin-top:0!important;}
.box-subheader{border-top:1px solid #222222;border-bottom:1px solid #222222;}
.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;}
.navigation .box-footer{position:relative;margin-bottom:-15px!important;}
.box-header ul, .box-footer ul{list-style:none inside;padding:0;font-size:0.8em;margin:0 0 0 15px;}
.box-header ul li, .box-footer ul li{float:left;}
.box-header a, .box-footer a{text-decoration:none;margin-right:7px;text-shadow:0 1px 1px #0A0A0A;}
.header-tabs{font-size:1.2em;overflow:hidden;min-height:23px;}
.box-header.header-tabs, .box-footer.header-tabs{padding:0;}
.header-tabs li{margin:0;padding:0;border-right:1px solid #222222;}
.header-tabs li:first-child{border-left:1px dotted #222222;}
.header-tabs .advanced_tabs li:first-child{border-left:none;}
.header-tabs a{display:block;min-height:23px;margin:0 0.5em -0.3em;padding-top:0.3em;}
/* TODO: */
.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;}
.header-tabs li.selected a{color:#fff;text-shadow:none;} /* TODO */
.aside ul{list-style:none inside;}
#display #lp-pr-image{margin-top:42px;margin-left:150px;}
#display > div{margin-bottom:15px;}
#display-content{height:450px;}
#display-content.ui-oo-box-shadow,#display-content.box{padding:0;overflow:hidden;}
/* TODO: */
#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;}
#quicklinks, #quicklinks .headline, #quicklinks .description{}
#quicklinks{list-style:none inside;}
#quicklinks li{margin-bottom:25px;}
#quicklinks a{text-decoration:none;cursor:pointer;display:block;height:120px;}
#quicklinks .top, #quicklinks .content, #quicklinks .bottom, #quicklinks .headline, #quicklinks .description{display:block;}
#quicklinks .top, #quicklinks .content, #quicklinks .bottom{}
#quicklinks .top, #quicklinks .bottom{height:20px;}
#quicklinks .top{background-position:0 0;}
#quicklinks .content{background-position:0 -10px;min-height:100px;}
#quicklinks .bottom{background-position:0 -130px;}
#quicklinks .description{margin-left:100px;}
#quicklinks a img{opacity:0.5;-moz-opacity:0.5;}
#quicklinks a:hover img{opacity:1;-moz-opacity:1;}
#quicklinks .headline{font-weight:bold;font-size:1.2em;margin-bottom:0.5em;text-shadow:#000 0px 1px 1px;} /* TODO */
#quicklinks .headline, #quicklinks .description{margin-left:30px;}
#quicklinks a{color:#ccc;text-shadow:#000 0px 1px 1px;} /* TODO */
#quicklinks a:hover{color:#fff;text-shadow:#000 0px 1px 3px;} /* TODO */
#quicklinks .content img{float:left;margin:10px 15px 25px 0;}
.ui-oo-border-top,.border-top{border-top:1px dotted #999;} /* TODO */
.hidden{display:none;}
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter, .textcenter, .centered{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}
img.aligncenter, img.centered{display:block;margin-left:auto !important;margin-right:auto !important;}
img.alignright, img.alignleft{padding:4px;display:inline;}
img.alignright{margin:0 0 2px 7px;}
img.alignleft{margin:0 7px 2px 0;}
.clear-left{clear:left;}
.clear-both{clear:both;}
.clear-right{clear:right;}
.no-shadow{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.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 */
.button:hover, button:hover, input[type="submit"]:hover{background-color:#343434;border-color:#646464;color:#F0F0F0;cursor:pointer;}
form *[disabled="disabled"], form *[disabled=""], form *[disabled="true"]{background-color:#181818;border-color:#646464;color:#646464;}
.main .button, .main button, .main input[type="submit"]{background:#1C1C1C;color:#fcfcfc;} /* url('images/gradient-light-short-green.png') repeat-x scroll 0 -5px */
.main .button:hover, .main button:hover, .main input[type="submit"]:hover{border-color:#646464;cursor:pointer;color:#F0F0F0;}
.column_2{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
.column_3{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px;}
.column_4{-moz-column-count:4;-moz-column-gap:20px;-webkit-column-count:4;-webkit-column-gap:20px;column-count:4;column-gap:20px;}
#global-navigation{color:fuchsia !important;} /* TODO */
#global-navigation li.selected{background-color:#690;} /* TODO */
/* TODO - global-navigation-menu */
.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;}
.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;}
.global-navigation-menu li{display:block;clear:both;margin:0;}
.global-navigation-menu li:nth-child(even){background-color:#eee;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}
.global-navigation-menu li:last-child{border-bottom:none;}
.global-navigation-menu li a{min-height:56px;display:block;text-decoration:none;}
.global-navigation-menu li:hover a{color:#fff;}
.global-navigation-menu li:hover{background:#690;}
.global-navigation-menu li img{float:left;width:48px;height:48px;margin:4px;margin-right:8px;}
.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;}
span.global-navigation-icon.release-stable{background-position:0 0;}
span.global-navigation-icon.release-devel{background-position:0 -24px;}
span.global-navigation-icon.packages{background-position:0 -48px;}
span.global-navigation-icon.derivatives{background-position:0 -72px;}
span.global-navigation-icon.help{background-position:-24px 0;}
span.global-navigation-icon.wiki{background-position:-24px -24px;}
span.global-navigation-icon.video{background-position:-24px -48px;}
span.global-navigation-icon.forums{background-position:-24px -72px;}
span.global-navigation-icon.lists{background-position:-24px -96px;}
span.global-navigation-icon.irc{background-position:-24px -120px;}
span.global-navigation-icon.connect{background-position:-48px 0;}
span.global-navigation-icon.users{background-position:-48px -24px;}
span.global-navigation-icon.planet{background-position:-48px -48px;}
span.global-navigation-icon.news{background-position:-48px -72px;}
span.global-navigation-icon.lizards{background-position:-48px -96px;}
span.global-navigation-icon.spotlight{background-position:-48px -120px;}
span.global-navigation-icon.shop{background-position:-48px -144px;}
span.global-navigation-icon.events{background-position:-48px -168px;}
span.global-navigation-icon.documentation{background-position:-72px 0;}
span.global-navigation-icon.features{background-position:-72px -24px;}
span.global-navigation-icon.buildservice{background-position:-72px -48px;}
span.global-navigation-icon.bugs{background-position:-72px -72px;}
span.global-navigation-icon.studio{background-position:-72px -96px;}
.global-navigation-menu li span{font-weight:bold;padding-top:4px;display:block;margin-left:36px;margin-right:3px;}
.global-navigation-menu li:hover span{text-shadow:0 1px 2px #666;}
.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;}
.global-navigation-menu li:hover span.desc{color:#fff;}
#status-icon{margin-right:3em;margin-top:1em;}
#status-icon.large{width:250px;height:250px;}
.page-maintainance{background:transparent url() no-repeat scroll 0 0;}
.page-maintainance.xlarge{background-image:url('../images/icons/special/maintainance-256.png');}
.page-maintainance.large{background-image:url('../images/icons/special/maintainance-128.png');}
.page-maintainance.medium{background-image:url('../images/icons/special/maintainance-64.png');}
.page-maintainance.small{background-image:url('../images/icons/special/maintainance-32.png');}
.page-maintainance.tiny{background-image:url('../images/icons/special/maintainance-16.png');}
.plainlinks a{background:none !important;padding:0 !important;}
.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;}
.dropdown-menu-content li{padding:0.2em 0.5em;}

/* Custom */
h4.mw-specialpagesgroup{background:#222222;}

+ 9
- 0
css/base.fluid.fix.css View File

@@ -0,0 +1,9 @@
.box-footer {
/* this does not work with fluid 960gs */
/* position: absolute;*/
/* bottom: 0px;*/
/* left: 0;*/
/* margin-bottom: 0!important;*/
position: relative;
margin-bottom: -15px!important;
}

+ 497
- 0
css/grid.css View File

@@ -0,0 +1,497 @@
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_12,
.container_16
{
width: 92%;
margin-left: 4%;
margin-right: 4%;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
}
.container_12 .grid_3,
.container_16 .grid_4
{
width: 23%;
}
.container_12 .grid_6,
.container_16 .grid_8
{
width: 48%;
}
.container_12 .grid_9,
.container_16 .grid_12
{
width: 73%;
}
.container_12 .grid_12,
.container_16 .grid_16
{
width: 98%;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha
{
margin-left: 0;
}
.omega
{
margin-right: 0;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1
{
width: 6.333%;
}
.container_12 .grid_2
{
width: 14.666%;
}
.container_12 .grid_4
{
width: 31.333%;
}
.container_12 .grid_5
{
width: 39.666%;
}
.container_12 .grid_7
{
width: 56.333%;
}
.container_12 .grid_8
{
width: 64.666%;
}
.container_12 .grid_10
{
width: 81.333%;
}
.container_12 .grid_11
{
width: 89.666%;
}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1
{
width: 4.25%;
}
.container_16 .grid_2
{
width: 10.5%;
}
.container_16 .grid_3
{
width: 16.75%;
max-width: 180px;
}
.container_16 .grid_5
{
width: 29.25%;
}
.container_16 .grid_6
{
width: 35.5%;
}
.container_16 .grid_7
{
width: 41.75%;
}
.container_16 .grid_9
{
width: 54.25%;
}
.container_16 .grid_10
{
width: 60.5%;
}
.container_16 .grid_11
{
width: 66.75%;
}
.container_16 .grid_13
{
width: 79.25%;
}
.container_16 .grid_14
{
width: 85.5%;
}
.container_16 .grid_15
{
width: 91.75%;
}
.container_16 .grid_77
{
width: 100%;
}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4
{
padding-left: 25%;
}
.container_12 .prefix_6,
.container_16 .prefix_8
{
padding-left: 50%;
}
.container_12 .prefix_9,
.container_16 .prefix_12
{
padding-left: 75%;
}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1
{
padding-left: 8.333%;
}
.container_12 .prefix_2
{
padding-left: 16.666%;
}
.container_12 .prefix_4
{
padding-left: 33.333%;
}
.container_12 .prefix_5
{
padding-left: 41.666%;
}
.container_12 .prefix_7
{
padding-left: 58.333%;
}
.container_12 .prefix_8
{
padding-left: 66.666%;
}
.container_12 .prefix_10
{
padding-left: 83.333%;
}
.container_12 .prefix_11
{
padding-left: 91.666%;
}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1
{
padding-left: 6.25%;
}
.container_16 .prefix_2
{
padding-left: 12.5%;
}
.container_16 .prefix_3
{
padding-left: 18.75%;
}
.container_16 .prefix_5
{
padding-left: 31.25%;
}
.container_16 .prefix_6
{
padding-left: 37.5%;
}
.container_16 .prefix_7
{
padding-left: 43.75%;
}
.container_16 .prefix_9
{
padding-left: 56.25%;
}
.container_16 .prefix_10
{
padding-left: 62.5%;
}
.container_16 .prefix_11
{
padding-left: 68.75%;
}
.container_16 .prefix_13
{
padding-left: 81.25%;
}
.container_16 .prefix_14
{
padding-left: 87.5%;
}
.container_16 .prefix_15
{
padding-left: 93.75%;
}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4
{
padding-right: 25%;
}
.container_12 .suffix_6,
.container_16 .suffix_8
{
padding-right: 50%;
}
.container_12 .suffix_9,
.container_16 .suffix_12
{
padding-right: 75%;
}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1
{
padding-right: 8.333%;
}
.container_12 .suffix_2
{
padding-right: 16.666%;
}
.container_12 .suffix_4
{
padding-right: 33.333%;
}
.container_12 .suffix_5
{
padding-right: 41.666%;
}
.container_12 .suffix_7
{
padding-right: 58.333%;
}
.container_12 .suffix_8
{
padding-right: 66.666%;
}
.container_12 .suffix_10
{
padding-right: 83.333%;
}
.container_12 .suffix_11
{
padding-right: 91.666%;
}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1
{
padding-right: 6.25%;
}
.container_16 .suffix_2
{
padding-right: 16.5%;
}
.container_16 .suffix_3
{
padding-right: 18.75%;
}
.container_16 .suffix_5
{
padding-right: 31.25%;
}
.container_16 .suffix_6
{
padding-right: 37.5%;
}
.container_16 .suffix_7
{
padding-right: 43.75%;
}
.container_16 .suffix_9
{
padding-right: 56.25%;
}
.container_16 .suffix_10
{
padding-right: 62.5%;
}
.container_16 .suffix_11
{
padding-right: 68.75%;
}
.container_16 .suffix_13
{
padding-right: 81.25%;
}
.container_16 .suffix_14
{
padding-right: 87.5%;
}
.container_16 .suffix_15
{
padding-right: 93.75%;
}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix
{
display: inline-block;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}

+ 10
- 0
css/reset.css View File

@@ -0,0 +1,10 @@
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{background:#fff;line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:none;}

+ 639
- 0
css/style.css View File

@@ -0,0 +1,639 @@
body {
color: #000000;
min-width: 1000px;
}

#header ul#global-navigation {
width: auto; /* to get space for advanced search */
}

div.tright {
clear: right;
float: right;
margin-left: 0.7em;
margin-right: 15px;
}

div.thumb {
border: 1px solid #ddd;
padding: 5px 5px 0;
}

.thumbcaption {
font-size: 0.8em;
}
.magnify {
float: right;
}


#wikitextframe {
height: 700px;
width: 100%;
overflow: visible;
}


/* Styles for wiki user actions under the main navigations */
#local-user-actions {
height: 1em;
text-align: right;
}

#local-user-actions a {
margin-right: 10px;
text-decoration: none;
}

#pt-personal {
display: none;
position: absolute;
z-index: 9999;
list-style: none inside;
margin: 0;
padding: 0;
font-size: 12px;

background: white;
background: #fff url('../css/images/gradient-light-short-02.png') repeat-x scroll 0 -23px; /*TODO: fix path for different applications */

border: 1px solid transparent;
border-color: transparent #f6f6f6 #eee;

-moz-box-shadow: 0 1px 2px #ddd;
-webkit-box-shadow: 0 1px 2px #ddd;
box-shadow: 0 1px 2px #ddd;

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;

}

#pt-personal li {
margin: 0 10px;
padding: 2px 0;
}

#pt-personal li a {
margin: 3px;
display: block;
width: 100%;
text-decoration: none;
}

#actions-trigger {
padding-right: 1.2em;
background: transparent url('../css/images/unfold-indicator-single.png') no-repeat scroll 4em 0.4em; /* toggle indicator */

}

.ui-oo-content-wrapper .ui-oo-box-shadow > * > h2, .content-wrapper .box-shadow > * > h2 {
margin-top:1em;
}

/* Don't display things that shouldn't be displayed */
#siteSub {
display: none;
}
#jump-to-nav {
display: none;
}
.printfooter {
display: none;
}

/* Preferences page */
#preferences {
margin: 0;
clear: both;
padding: 1.5em;
}
#preferences legend {
display: none;
}
#preftoc {
width: 100%;
clear: both;
display: block;
}
#preftoc li {
float: left;
white-space: nowrap;
padding-right: 10px;
list-style-type: none;
list-style-image: none;
border: 1px solid #ddd;
background: #fff url('../css/images/gradient-light-short.png') repeat-x scroll 0 -20px ;
}
#preftoc a {
color: #666;
text-decoration: none;
}
#preftoc li.selected {
margin-top: 5px;
font-weight: bold;
}

/* fieldsets */
fieldset {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
}
fieldset.nested {
margin: 0 0 0.5em 0;
padding: 0 0.5em 0.5em;
}
legend {
padding: .5em;
font-size: 95%;
}

/* contentSub */
/* #contentSub, #contentSub2 {
font-size: 84%;
line-height: 1.2em;
margin: 0 0 1.4em 1em;
width: auto;
} */

/* END OFF: Styles for wiki user actions under the main navigations */

td {
border: none;
}

h4.mw-specialpagesgroup {
margin:1em;
padding:4px;
}

#contentSub, #contentSub2, hr, #toolbar, #editform, #editoptions, #catlinks, .mw-searchresult, #search,
.special_info, .shell, .flash_video, div.mw-geshi, #successbox, #prefcache, dl {
margin-left: 1em;
margin-right: 1em;
}

#contentSub {
position: relative;
}

hr {
color: #AAAAAA;
background-color: #AAAAAA;
}

h1 .editsection, h2 .editsection, h3 .editsection {
/* position: 1; */
font-size:small;
font-weight:normal;
}

.toc {
background:url("../geeko_tail.gif") no-repeat scroll right top #F6F6F6;
/* display: block; */
font-size: 95%;
border: 1px solid #E0E0E0;
margin: 1px;
min-width: 30em;
/* margin-top: 7px; */
}

.toc a {
text-decoration: none;
}

.special_info, .toc {
padding-right: 4em;
}

#toc h2, .toc h2 {
display: inline;
}

/* trying to move the flaggedrev box out of the way */
.flaggedrevs_short {
border: 1px solid #DDDDDD;
-moz-border-radius: 5px 5px 5px 5px;
line-height: 1;
position: absolute;
right: 0;
max-width: 320px;
}

.flaggedrevs_basic, .flaggedrevs_quality, .flaggedrevs_pristine,
.flaggedrevs_notice, .flaggedrevs_editnotice, .flaggedrevs_diffnotice,
.flaggedrevs_warning, .flaggedrevs_preview {
margin: 1em;
}

#catlinks {
border-top: 2px solid #D9E5BF;
padding: 0.5em 0 0 2em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

.shell, div.mw-geshi {
background-color:#F6F6F6;
border:1px dotted #669900;
font-family:monospace;
border:1px solid #666666;
padding: 0.3em;
margin-bottom: 1em;
}

.image {

}

.CategoryTreeTag {
margin:0.5ex 0 0 1em;
}


.lable-overley label {
left:20px;
}

table {
max-width: none;
}

.editsection {
font-weight: normal;
margin-left: 1em;
margin-right: 1em;
}

ul, ol {
list-style: disc outside none;
}

ol {
list-style-type: decimal;
}

.center {
text-align: center;
}

pre {
margin-bottom: 1em;
}

div.minutes {
background: none repeat scroll 0 0 #F0F0F4;
border: 1px solid #669900;
color: #000000;
margin: 0 0 1em 1em;
padding: 0 0.5em;
white-space: pre;
}

/* Kategorie-Auswahl scrollbar */
#SelectCategoryList {
height:20em;
overflow:auto;
border: 1px solid #E0E0E0;
margin-bottom:10px;
margin-left: 0;
}

#SelectCategoryList li { margin: 0.1em 0; }


/* expand templates inputbox */
textarea#input {
border: 1px solid #2f6fab;
color: Black;
background-color: white;
width: 100%;
padding: 0.1em;
overflow: auto;

}

dt {
font-weight: bold;
}

/* fix screenshot galleries */
table.gallery td { vertical-align: top; }

blockquote {
padding-left: 5px;
}


/* formatting our search page */
div.searchresults {
border: none;
}

.mw-search-formheader {
margin-left: 15px;
margin-right: 15px;
background-color: #F3F3F3;
border: 1px solid silver;
margin-top: 1em;
}

.mw-search-formheader div.search-types {
float:left;
padding-left:0.25em;
}

.mw-search-formheader div.search-types ul {
list-style:none outside none !important;
margin:0 !important;
padding:0 !important;
}

.mw-search-formheader div.search-types ul li {
float: left;
margin:0;
padding:0;
}

.mw-search-formheader div.search-types ul li.current a {
color:#333333;
cursor:default;
}

.mw-search-formheader div.search-types ul li a {
background:none repeat scroll 0 0 transparent !important;
padding:0.5em !important;
}

.mw-search-formheader div.search-types ul li a {
display:block;
padding:0.5em;
}

.mw-search-formheader div.results-info {
float:right;
padding-right: 0.5em;
}

.mw-search-formheader div.results-info ul {
list-style:none outside none !important;
margin:0 !important;
padding:0 !important;
}

fieldset#mw-searchoptions {
background-color:#F9F9F9;
border-color:silver !important;
border-right:1px solid silver !important;
border-style:solid !important;
border-width:0 1px 1px !important;
border:1px solid #2F6FAB;
padding: 1em;
margin-left:15px !important;
margin-right:15px !important;
}


fieldset#mw-searchoptions legend {
display:none;
}
fieldset#mw-searchoptions h4 {
float:left;
margin:0;
padding:0;
}

fieldset#mw-searchoptions div#mw-search-togglebox {
float:right;
}

fieldset#mw-searchoptions div.divider {
border-bottom:1px solid #DDDDDD;
clear:both;
margin-bottom:0.5em;
padding-top:0.5em;
}

fieldset#mw-searchoptions table {
float:left;
margin-right:3em;
}

fieldset table {
background:none repeat scroll 0 0 transparent;
}

.box-description {
background: #0A0A0A;
border: solid 1px #171717;
padding: 0px;
margin-left: 10px;
margin-right: 10px;
}

.error {
color: red;
font-weight: bold;
margin-left: 15px;
}

thumb tright {
margin-bottom: 10px;
}

.img_text_align {
vertical-align: text-bottom;
}

.img_text_align_spaced {
padding-top: 3px;
vertical-align: text-bottom;
}

.img_thumb_128 {
min-width: 128px;
max-width: 128px;
width: 128px;
}

.img_thumb_150 {
min-width: 150px;
max-width: 150px;
width: 150px;
}

.a_bigger_text {
font-weight: bold;
}

.a_bigger_text strong {
font-weight: bold;
font-size: 1.1em;
}

.p_bigger_text {
font-size: 1.4em;
}

.p_extra_spaced br {
margin-bottom: 6px;
}

#rslides_container {
margin: 0 auto;
position: relative;
width: 1076px;
background: #191919;
margin-bottom: 25px;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 1000px;
padding: 0;
margin: 0;
left: 38px;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

.centered-btns_nav {
z-index: 10;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
opacity: 0.7;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url(../images/themes.gif) no-repeat left top;
margin-top: -45px;
}
.centered-btns_nav:active {
opacity: 1.0;
}
.centered-btns_nav.next {
left: auto;
background-position: right top;
right: 0;
}

.transparent-btns_nav {
z-index: 3;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 0;
left: 0;
display: block;
background: #fff; /* Fix for IE6-9 */
opacity: 0;
filter: alpha(opacity=1);
width: 48%;
text-indent: -9999px;
overflow: hidden;
height: 91%;
}
.transparent-btns_nav.next {
left: auto;
right: 0;
}

.large-btns_nav {
z-index: 10;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
opacity: 0.6;
text-indent: -9999px;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
background: #191919 url(../images/themes.gif) no-repeat left 50%;
width: 38px;
}
.large-btns_nav:active {
opacity: 1.0;
}
.large-btns_nav.next {
left: auto;
background-position: right 50%;
right: 0;
}

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
outline: none;
}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
margin-top: 10px;
text-align: right;
}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ccc;
background: rgba(0,0,0, .2);
display: inline-block;
_display: block;
*display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
width: 6px;
height: 6px;
}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
background: #222;
background: rgba(0,0,0, .8);
}


+ 11
- 0
css/style.fluid.css View File

@@ -0,0 +1,11 @@
/*
* Title: openSUSE.org stylesheet (Bento-Theme)
* Author: Robert Lihm <rlihm@opensuse.org>
* Copyright (c) 2009 AUTHORS.txt (http://www.opensuse.org)
* Licensed under the MIT (MIT-LICENSE.txt) license.
*/

@import url("reset.css"); /* reset default browser settings */
@import url("grid.css"); /* add fluid 960 Grid System */
@import url("base.css"); /* Basic CSS - Common styles */
@import url("base.fluid.fix.css"); /* Fixes for Bento with fluid 960gs */

Write Preview
Loading…
Cancel
Save