Changeset 8595

Show
Ignore:
Timestamp:
05/18/08 19:47:29 (8 months ago)
Author:
afz
Message:

Update factory theme

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • art/themes/factory/style.css

    r8575 r8595  
     1* {margin:0; padding:0;} 
    12body { 
    2     margin: 0; 
    3     border: 0; 
    4     padding: 0; 
    5     direction: ltr; 
    6     color: #888a85; 
    7     font: 13px/15px georgia; 
    8     background: #8fb4d8 url(topbg.jpg) repeat-x; 
     3margin: 0; 
     4border: 0; 
     5padding: 0; 
     6direction: ltr; 
     7color: #888a85; 
     8font: 13px/15px georgia; 
     9background: #8fb4d8 url(topbg.jpg) repeat-x; 
    910} 
    1011 
    …… 
    1213 
    1314#fmargin { 
    14     width: 700px; 
    15     padding: 10px; 
    16     margin: 20px auto; 
    17     background: #fff; 
    18     border: 1px solid #babdb6; 
    19     -moz-border-radius: 6px; 
    20     border-radius: 6px; 
     15width: 700px; 
     16padding: 10px; 
     17margin: 20px auto; 
     18background: #fff; 
     19border: 1px solid #babdb6; 
     20-moz-border-radius: 6px; 
     21border-radius: 6px; 
    2122} 
    2223 
    2324#factory { 
    24     width: 700px; 
    25     border: 1px solid #babdb6; 
    26     background: #e7e7e7 url(factory.jpg) top left no-repeat; 
     25width: 700px; 
     26border: 1px solid #babdb6; 
     27background: #e7e7e7 url(factory.jpg) top left no-repeat; 
    2728} 
    2829#factory td { 
    29     border-spacing: 0px; 
     30border-spacing: 0px; 
    3031} 
    3132 
    3233#header { 
    33     color: #fff; 
    34     height: 300px; 
    35     margin-bottom: 20px; 
    36     background: transparent; 
    37     padding: 0px 10px 0px 10px; 
     34color: #fff; 
     35height: 300px; 
     36margin-bottom: 20px; 
     37background: transparent; 
     38padding: 0px 10px 0px 10px; 
    3839} 
    3940 
    4041#header .text { 
    41     top: 270px; 
    42     color: #d3d7cf; 
    43     font-size: 22px; 
    44     position: relative; 
    45     padding: 10px; 
    46     font-family: Verdana, sans-serif; 
     42top: 270px; 
     43color: #d3d7cf; 
     44font-size: 22px; 
     45position: relative; 
     46padding: 10px; 
     47font-family: Verdana, sans-serif; 
    4748} 
    4849#header .text a {text-decoration: none; color: #d3d7cf;} 
    4950 
    5051#bar1 { 
    51     width:180px; 
    52     display:block; 
    53     padding: 5px; 
    54     vertical-align: top; 
     52width:180px; 
     53display:block; 
     54padding: 5px; 
     55vertical-align: top; 
    5556} 
    5657#main { 
    57     width:520px; 
    58     padding: 5px; 
    59     vertical-align: top; 
     58width:520px; 
     59padding: 5px; 
     60vertical-align: top; 
    6061} 
    6162 
    6263#sub_footer { 
    63     padding: 0px; 
    64     height: 34px; 
    65     min-height: 34px; 
    66     max-height: 34px; 
    67     text-align: center; 
     64padding: 0px; 
     65height: 34px; 
     66min-height: 34px; 
     67max-height: 34px; 
     68text-align: center; 
    6869} 
    6970 
    7071h1, h1 a { 
    71     font-size: 16px; 
    72     color: #444; 
    73     font-weight: bold; 
    74     text-decoration: none; 
     72font-size: 16px; 
     73color: #444; 
     74font-weight: bold; 
     75text-decoration: none; 
    7576} 
    7677h2, h2 a { 
    77     font-size: 16px; 
    78     font-weight: bold; 
    79     color: #888a85; 
    80     text-decoration: none; 
     78font-size: 16px; 
     79font-weight: bold; 
     80color: #888a85; 
     81text-decoration: none; 
    8182} 
    8283h2 {border-bottom: 1px dotted #d3d7cf;} 
    8384h3,h4, h3 a, h4 a { 
    84     min-width: 150px; 
    85     padding: 0px; 
    86     color: #888a85; 
    87     font-weight: bold; 
    88     font-size: 12px; 
    89     border-bottom: 1px solid #888a85; 
    90     text-decoration: none; 
    91     padding-top: 5px; 
    92     padding-bottom: 3px; 
     85min-width: 150px; 
     86padding: 0px; 
     87color: #888a85; 
     88font-weight: bold; 
     89font-size: 12px; 
     90border-bottom: 1px solid #888a85; 
     91text-decoration: none; 
     92padding-top: 5px; 
     93padding-bottom: 3px; 
    9394} 
    9495hr {display: none;} 
    …… 
    9798img {border: 0;} 
    9899textarea { 
    99   padding: 2px; 
    100   font-size: 8pt; 
    101   border: 1px solid #cccccc; 
     100padding: 2px; 
     101font-size: 8pt; 
     102border: 1px solid #cccccc; 
    102103} 
    103104input, select {font-size: 11pt; border: 1px solid #cccccc;} 
    104105button{font-size:12px; border: 1px solid #333;} 
    105 button, input[type="button"], input[type="submit"]  { 
    106   color: #888a85; 
    107   font-size: 8pt; 
    108   cursor: pointer; 
    109   background-color: #efefef; 
    110   border: 1px solid #babdb6; 
    111   border-top: 1px solid #d3d7cf; 
    112   border-left: 1px solid #d3d7cf; 
    113 } 
    114 * html button  { 
    115   color: #888a85; 
    116   font-size: 8pt; 
    117   cursor: pointer; 
    118   background-color: #efefef; 
    119   border: 1px solid #babdb6; 
    120   border-top: 1px solid #d3d7cf; 
    121   border-left: 1px solid #d3d7cf; 
    122 } 
    123 button:hover, input[type="button"]:hover, input[type="submit"]:hover  { 
    124   color: #fff; 
    125   background-color: #3465a4; 
     106button, input[type="button"], input[type="submit"]{ 
     107color: #888a85; 
     108font-size: 8pt; 
     109cursor: pointer; 
     110background-color: #efefef; 
     111border: 1px solid #babdb6; 
     112border-top: 1px solid #d3d7cf; 
     113border-left: 1px solid #d3d7cf; 
     114} 
     115* html button{ 
     116color: #888a85; 
     117font-size: 8pt; 
     118cursor: pointer; 
     119background-color: #efefef; 
     120border: 1px solid #babdb6; 
     121border-top: 1px solid #d3d7cf; 
     122border-left: 1px solid #d3d7cf; 
     123} 
     124button:hover, input[type="button"]:hover, input[type="submit"]:hover{ 
     125color: #fff; 
     126background-color: #3465a4; 
    126127} 
    127128button:active, input[type="button"]:active, input[type="submit"]:active { 
    128   color: #000; 
    129   border: 1px solid #3465a4; 
    130   background-color: #fff; 
     129color: #000; 
     130border: 1px solid #3465a4; 
     131background-color: #fff; 
    131132} 
    132133select {cursor: pointer;} 
    133134input[type="text"], input[type="password"], textarea { 
    134   color: #555753; 
    135   background-color: #fff; 
    136   border: 1px solid #d3d7cf; 
    137   border-top: 1px solid #babdb6; 
    138   border-left: 1px solid #babdb6; 
    139 } 
    140 input[type="text"]:focus, input[type="password"]:focus, textarea:focus  { 
    141   color: #000; 
    142   background-color: #fff; 
    143   border: 1px solid #3465a4; 
     135color: #555753; 
     136background-color: #fff; 
     137border: 1px solid #d3d7cf; 
     138border-top: 1px solid #babdb6; 
     139border-left: 1px solid #babdb6; 
     140} 
     141input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
     142color: #000; 
     143background-color: #fff; 
     144border: 1px solid #3465a4; 
    144145} 
    145146textarea {width: inherit;} 
    146147input[type="radio"], input[type="checkbox"], select { 
    147   padding: 2px; 
    148   font-size: small; 
     148padding: 2px; 
     149font-size: small; 
    149150} 
    150151fieldset { 
    151   border: 0; 
    152   margin: 0; 
    153   padding: 0; 
    154   margin-bottom: 1em; 
    155   font-size: small; 
     152border: 0; 
     153margin: 0; 
     154padding: 0; 
     155margin-bottom: 1em; 
     156font-size: small; 
    156157} 
    157158legend { 
    158   background-color: white; 
    159   font-weight: bold; 
    160   font-size: 110%; 
    161   padding: 4px; 
    162   padding-left: .5em; 
    163   padding-right: .5em; 
     159background-color: white; 
     160font-weight: bold; 
     161font-size: 110%; 
     162padding: 4px; 
     163padding-left: .5em; 
     164padding-right: .5em; 
    164165} 
    165166label {color: #777; font-size: 12px; cursor: pointer;} 
    …… 
    168169fieldset label {display: block; font-size: 100%;} 
    169170fieldset div { 
    170   clear: right; 
    171   padding: 0 1em; 
    172   padding-bottom: 6px; 
     171clear: right; 
     172padding: 0 1em; 
     173padding-bottom: 6px; 
    173174} 
    174175fieldset div strong {font-size: 100%} 
    175176 
    176177.borderimage { 
    177     border: 1px solid #babdb6; 
    178     background-color: #fff; 
    179     padding: 4px; 
     178border: 1px solid #babdb6; 
     179background-color: #fff; 
     180padding: 4px; 
    180181} 
    181182 
    182183.terminal 
    183184{ 
    184     margin: 15px; 
    185     padding:15px; 
    186     font-size: small; 
    187     font-family: "Courier New", Courier; 
    188     background:darkslategray; 
    189     border: solid 1px silver; 
    190     line-height:110%; 
    191     color:ghostwhite; 
    192     width: 90%; 
     185margin: 15px; 
     186padding:15px; 
     187font-size: small; 
     188font-family: "Courier New", Courier; 
     189background:darkslategray; 
     190border: solid 1px silver; 
     191line-height:110%; 
     192color:ghostwhite; 
     193width: 90%; 
    193194} 
    194195 
    195196.code, .xml , .script 
    196197{ 
    197     margin: 15px; 
    198     padding:15px; 
    199     font-size: small; 
    200     font-family: "Courier New", Courier; 
    201     background:whitesmoke; 
    202     border: solid 1px silver; 
    203     line-height:110%; 
    204     color: #888a85dbd; 
    205     width: 90%; 
     198margin: 15px; 
     199padding:15px; 
     200font-size: small; 
     201font-family: "Courier New", Courier; 
     202background:whitesmoke; 
     203border: solid 1px silver; 
     204line-height:110%; 
     205color: #888a85dbd; 
     206width: 90%; 
    206207} 
    207208 
    …… 
    216217 
    217218.filebrowser-location { 
    218     border-bottom: 1px solid #d3d7cf; 
    219     text-align: right; 
    220     margin-bottom: 10px; 
     219border-bottom: 1px solid #d3d7cf; 
     220text-align: right; 
     221margin-bottom: 10px; 
    221222} 
    222223.filebrowser-item { 
    223     float: left; 
    224     width: 150px; 
    225     text-align: center; 
    226     font-size: x-small; 
    227     padding-top: 0.5em; 
    228     height: 90px; 
     224float: left; 
     225width: 150px; 
     226text-align: center; 
     227font-size: x-small; 
     228padding-top: 0.5em; 
     229height: 90px; 
    229230} 
    230231.filebrowser-date {color: #888a85;} 
    …… 
    232233 
    233234#rss_time { 
    234     border: 1px solid #5255a5; 
    235     background: #888a85; 
    236     color: #fff; 
    237     font-size: 16px; 
    238     font-weight: bold; 
    239     padding: 4px; 
     235border: 1px solid #5255a5; 
     236background: #888a85; 
     237color: #fff; 
     238font-size: 16px; 
     239font-weight: bold; 
     240padding: 4px; 
    240241} 
    241242 
    …… 
    244245/* pager styling */ 
    245246div.pager{ 
    246     font-size: .8em; 
    247     text-align: right; 
     247font-size: .8em; 
     248text-align: right; 
    248249} 
    249250/* separator for pager links, you can use an image too */ 
    250251.pager a:after { 
    251     content: " | "; 
    252     //background-image: url("yourimage"); 
     252content: " | "; 
     253//background-image: url("yourimage"); 
    253254} 
    254255/* no separator after last link */ 
    255256.pager a.last:after { 
    256     content: ""; 
     257content: ""; 
    257258} 
    258259 
    259260/* Debug */ 
    260261#debug-table { 
    261     background-color: white; 
    262     color: black; 
    263     font-size: x-small; 
     262background-color: white; 
     263color: black; 
     264font-size: x-small; 
    264265} 
    265266#debug-table pre {font-size: small;} 
    …… 
    268269pre.var_dump span.type {color:#006600; background:transparent;} 
    269270pre.var_dump span.value { 
    270     padding:2px; color:#339900; 
    271     background:#F0F0F0; 
    272     border: 1px dashed #CCCCCC; 
     271padding:2px; color:#339900; 
     272background:#F0F0F0; 
     273border: 1px dashed #CCCCCC; 
    273274} 
    274275/* End Debug */ 
    …… 
    281282.menu_level_1 a {} 
    282283.menu_option_active { 
    283     color: #000; 
    284     text-decoration: none; 
    285     font-weight: bold; 
     284color: #000; 
     285text-decoration: none; 
     286font-weight: bold; 
    286287} 
    287288.menu_level_2 {padding-left: 20px;} 
    …… 
    297298/* Common styles for all gadgets */ 
    298299.clearfix:after { 
    299   height: 0; 
    300   clear: both; 
    301   width: 100%; 
    302   content: "."; 
    303   display: block; 
    304   visibility: hidden; 
     300height: 0; 
     301clear: both; 
     302width: 100%; 
     303content: "."; 
     304display: block; 
     305visibility: hidden; 
    305306} 
    306307.gadget {margin-bottom: 10px;} 
    307308.wide .gadget {margin-bottom: 2px;} 
    308309.gadget h3 { 
    309     min-width: 150px; 
    310     padding: 0px; 
    311     color: #888a85; 
    312     font-weight: bold; 
    313     font-size: 12px; 
    314     border-bottom: 1px solid #888a85; 
    315     text-decoration: none; 
    316     padding-top: 5px; 
    317     padding-bottom: 3px; 
     310min-width: 150px; 
     311padding: 0px; 
     312color: #888a85; 
     313font-weight: bold; 
     314font-size: 12px; 
     315border-bottom: 1px solid #888a85; 
     316text-decoration: none; 
     317padding-top: 5px; 
     318padding-bottom: 3px; 
    318319} 
    319320.gadget .content {font-size: 10pt; border-top: none;} 
    …… 
    323324.gadget .actions div {text-align: left;} 
    324325.gadget .actions button{ 
    325   margin: 2px; 
    326   padding: 1px; 
    327   min-height: 18px; 
    328   min-width: 42px; 
    329   font-weight: bold; 
    330   overflow: visible; 
    331   border: 1px solid #babdb6; 
    332   border-top: 1px solid #d3d7cf; 
    333   border-right: 1px solid #d3d7cf; 
     326margin: 2px; 
     327padding: 1px; 
     328min-height: 18px; 
     329min-width: 42px; 
     330font-weight: bold; 
     331overflow: visible; 
     332border: 1px solid #babdb6; 
     333border-top: 1px solid #d3d7cf; 
     334border-right: 1px solid #d3d7cf; 
    334335} 
    335336 
    …… 
    348349/* Commnets */ 
    349350.comment .comment_info, .comment_reply { 
    350   padding: 5px; 
    351   text-align: right; 
    352   font-size: xx-small; 
    353   color: #babdb6; 
    354   clear: both; 
     351padding: 5px; 
     352text-align: right; 
     353font-size: xx-small; 
     354color: #babdb6; 
     355clear: both; 
    355356} 
    356357.comment .content {text-align: justify;} 
    357358.comment .avatar { 
    358   float: left; 
    359   margin-right: 5px; 
    360   margin-bottom: 5px; 
    361   border: 1px solid #000; 
     359float: left; 
     360margin-right: 5px; 
     361margin-bottom: 5px; 
     362border: 1px solid #000; 
    362363} 
    363364.comment_level_0 {margin-left: 0px;} 
    …… 
    384385 
    385386/* Poll */ 
    386 .poll .content  input {padding: 2px; border: none;} 
    387 .poll .content  label {padding-left: 2px;} 
     387.poll .contentinput {padding: 2px; border: none;} 
     388.poll .contentlabel {padding-left: 2px;} 
    388389.poll_result table {width: 98%; margin: 0px; padding:0px; font-size:10pt;} 
    389390.poll_result th { border: 1px solid #d3d7cf; } 
    390 .poll_result td {font-size:9pt; padding:4px 4px 4px 2px; border: 1px solid #d3d7cf; } 
     391.poll_result td {font-size:9pt; padding:4px; padding-left:2px; border: 1px solid #d3d7cf;} 
    391392.poll_result .txt_percent {width: 28px;} 
    392393.poll_result .img_percent {width: 128px;} 
    …… 
    406407.quotes ul {list-style: none;} 
    407408.quotes li , .rssreader li { 
    408   display: block; 
    409   color: #271739; 
    410   font-size: 12px; 
    411   padding: 2px 6px 2px 2px; 
    412   text-decoration: none; 
    413   border-bottom: 1px dashed #ccc; 
     409display: block; 
     410color: #271739; 
     411font-size: 12px; 
     412padding: 2px; 
     413padding-right: 6px; 
     414text-decoration: none; 
     415border-bottom: 1px dashed #ccc; 
    414416} 
    415417.quotes ul a:hover {color: #ef3300;} 
    …… 
    418420/* Blog */ 
    419421.blog_entry .entry-meta, .comment-feed { 
    420   display: block; 
    421   padding-top: 4px; 
    422   text-align: right; 
    423   font-size: smaller; 
    424   border-top:1px dashed #e3e7df; margin-top: 10px; 
     422display: block; 
     423padding-top: 4px; 
     424text-align: right; 
     425font-size: smaller; 
     426border-top:1px dashed #e3e7df; margin-top: 10px; 
    425427} 
    426428.blog-comment-title { 
    427   color: #000; 
    428   font-weight: bold; 
    429   font-size: 110%; 
     429color: #000; 
     430font-weight: bold; 
     431font-size: 110%; 
    430432} 
    431433.blog-comment-title a, .blog-comment-title a:hover { 
    432   color: #000; 
    433   text-decoration: none; 
    434 } 
    435  
    436 .blog-entry-nav, .blog-page-nav  { 
    437   padding: 4px; 
    438   height: 15px; 
    439   font-size: 80%; 
    440   display: block; 
    441   margin-bottom: 5px; 
    442   border: 1px solid #d3d7cf; 
    443   background-color: #fafafa; 
     434color: #000; 
     435text-decoration: none; 
     436} 
     437 
     438.blog-entry-nav, .blog-page-nav{ 
     439padding: 4px; 
     440height: 15px; 
     441font-size: 80%; 
     442display: block; 
     443margin-bottom: 5px; 
     444border: 1px solid #d3d7cf; 
     445background-color: #fafafa; 
    444446} 
    445447.blog-entry-nav .float-left {float:left} 
    446448.blog-entry-nav .float-right {float:right} 
    447449.blog-tb { 
    448   border: 1px solid #d3d7cf; 
    449   background: #fff; 
    450   padding: 10px; 
    451   font-size: xx-small; 
     450border: 1px solid #d3d7cf; 
     451background: #fff; 
     452padding: 10px; 
     453font-size: xx-small; 
    452454} 
    453455 
    …… 
    456458 
    457459.calendar { 
    458     background: #fff; 
    459     margin-top: 10px; 
    460     padding: 2px; 
    461     border: 1px solid #d3d7cf; 
    462     width: 100%; 
    463     text-align: center; 
     460background: #fff; 
     461margin-top: 10px; 
     462padding: 2px; 
     463border: 1px solid #d3d7cf; 
     464width: 100%; 
     465text-align: center; 
    464466} 
    465467.calendar #cal-header { 
    466     color: #fff; 
    467     background: #888a85; 
    468     font-size: 12px; 
    469     font-weight: bold; 
    470     padding: 2px; 
    471     text-align: center; 
     468color: #fff; 
     469background: #888a85; 
     470font-size: 12px; 
     471font-weight: bold; 
     472padding: 2px; 
     473text-align: center; 
    472474} 
    473475.calendar #cal-header a {font-weight: bold; color: #fff; text-decoration: none;} 
    …… 
    475477.calendar #cal-header #arrow-right {margin-right: 2px; float: right;} 
    476478.calendar .weekday { 
    477     color: #888a85; 
    478     background: #eee; 
    479     font-size: 8px; 
    480     padding: 2px; 
     479color: #888a85; 
     480background: #eee; 
     481font-size: 8px; 
     482padding: 2px; 
    481483} 
    482484.calendar .noday {color: #aaa; font-size: 8px; padding: 2px;} 
    …… 
    485487.calendar .day a {color: #888a85; text-decoration: underline;} 
    486488.calendar .today { 
    487     background-color: #888a85; 
    488     color: #fff; 
    489     font-size: 8px; 
    490     font-weight: bold; 
    491     padding: 2px; 
     489background-color: #888a85; 
     490color: #fff; 
     491font-size: 8px; 
     492font-weight: bold; 
     493padding: 2px; 
    492494} 
    493495.calendar .today a {color: #fff; text-decoration: underline;} 
    494496.calendar .selectedday { 
    495     background-color: #eec; 
    496     color: #663; 
    497     font-weight: bold; 
    498     font-size: 8px; 
    499     padding: 2px; 
     497background-color: #eec; 
     498color: #663; 
     499font-weight: bold; 
     500font-size: 8px; 
     501padding: 2px; 
    500502} 
    501503.calendar .selectedday a {color: #663; text-decoration: underline;} 
    …… 
    543545.faq .summary {padding-bottom: 5px;} 
    544546.faq .summary li {margin-left: 20px; font-size: 10pt;} 
    545 .faq .summary li  {font-weight: bold;} 
    546 .faq .summary li  ol li {font-weight: normal;} 
     547.faq .summary li{font-weight: bold;} 
     548.faq .summary liol li {font-weight: normal;} 
    547549.faq_category h4 {font-size: 10pt;} 
    548550 
    …… 
    552554.glossary h3 {margin-bottom: 10px;} 
    553555.glossary span { 
    554   border: 1px solid #d3d7cf; 
    555   padding: 4px; 
    556   background: #eee; 
    557   font-size: xx-small; 
     556border: 1px solid #d3d7cf; 
     557padding: 4px; 
     558background: #eee; 
     559font-size: xx-small; 
    558560} 
    559561.glossary span a {padding: 2px;} 
    …… 
    590592/* Menu */ 
    591593.menu:after {height: 0; clear: both; content: "."; display: block; visibility: hidden;} 
    592 .menu .content, .menu .content ul, .menu .content ul li {padding:0; margin:0; font-size: 8pt;} 
     594.menu .content, .menu .content ul, .menu .content ul li {padding:0; margin:0;} 
    593595.menu .content ul {position:relative; list-style-type: none; display:inline-block; z-index:1000;} 
    594596.narrow .menu .content ul {z-index:500;} 
    595597.menu a, .menu a:visited { 
    596   color:#777; 
    597   padding:4px; 
    598   display:block; 
    599   min-height:18px; 
    600   font-weight: bold; 
    601   text-decoration:none; 
    602   border:1px solid #fff; 
    603   border-bottom: none; 
     598padding:4px; 
     599display:block; 
     600min-height:18px; 
     601font-weight: bold; 
     602text-decoration:none; 
     603border:1px solid #fff; 
     604border-bottom: none; 
    604605} 
    605606.menu li {background:#f0f0f0;} 
    606607.wide .menu li {float: left;} 
    607 .narrow .menu li a, .narrow .menu li a:visited {width:145px;} 
     608.narrow .menu li a, .narrow .menu li a:visited {width:170px;} 
    608609.wide .menu li ul li a, .wide .menu li ul li a:visited {width:170px;} 
    609610.menu li:hover {position:relative;} 
    610611.menu li:hover > a {background:#ddd; color:#37a;} 
    611 .menu li a:active, .menu li a:focus {background:#ddd; color:#37a;} 
    612612.narrow .menu li ul {display:none;} 
    613613.wide .menu li ul {display:none;} 
    614614.menu li:hover > ul { 
    615   display:block; 
    616   position:absolute; 
    617   padding:10px 30px 30px 30px; 
    618   background:transparent url(images/blank.gif); 
     615display:block; 
     616position:absolute; 
     617padding:10px 30px 30px 30px; 
     618background:transparent url(images/blank.gif); 
    619619} 
    620620.wide .menu li:hover > ul {top:16px; left:-30px;} 
    621 .wide .menu li ul li:hover > ul {top:-10px; left:118px;} 
    622 .narrow .menu li:hover > ul {top:-10px; left:118px;} 
    623 .menu ul table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:1000; font-size:1em;} 
    624 * html .menu a:hover {color:#37a; background:#ddd;  text-decoration:none; position:relative;} 
    625 * html .narrow .menu li a, * html .narrow .menu li a:visited {width:145px;} 
    626 * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:170px;} 
     621.wide .menu li ul li:hover > ul {top:-10px; left:140px;} 
     622.narrow .menu li:hover > ul {top:-10px; left:140px;} 
     623.menu ul table { 
     624top:0; 
     625left:0; 
     626z-index:1000; 
     627font-size:1em; 
     628position:absolute; 
     629border-collapse:collapse; 
     630} 
     631* html .menu a:hover {background:#ddd; color:#37a; text-decoration:none; position:relative;} 
     632* html .wide .menu a:hover {float: left;} /* must be removed in RTL mode */ 
     633* html .narrow .menu li a, * html .narrow .menu li a:visited {width:170px;} 
     634* html .wide .menu li ul, * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:170px;} 
    627635* html .narrow .menu li ul { 
    628   display:block; 
    629   position:absolute; 
    630   visibility:hidden; 
    631   top:-10px; left:118px; 
    632   padding:10px 30px 30px 30px; 
    633   background:transparent url(images/blank.gif); 
     636display:block; 
     637position:absolute; 
     638visibility:hidden; 
     639top:-11px; left:140px; 
     640padding:10px 30px 30px 30px; 
     641background:transparent url(images/blank.gif); 
    634642} 
    635643* html .wide .menu li ul { 
    636   display:block; 
    637   position:absolute; 
    638   visibility:hidden; 
    639   top:0px; left:148px; 
    640   padding:10px 30px 30px 30px; 
    641   background:transparent url(images/blank.gif); 
     644display:block; 
     645position:absolute; 
     646visibility:hidden; 
     647top:0px; left:148px; 
     648padding:10px 30px 30px 30px; 
     649background:transparent url(images/blank.gif); 
    642650} 
    643651.wide .menu ul li a:hover ul ul{visibility:hidden;} 
    …… 
    645653.wide .menu ul li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;} 
    646654.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;} 
    647 .wide .menu ul li a:hover ul {visibility:visible; left:-30px; top:13px; lef\t:-35px; to\p:14px;} 
    648 .wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-10px; left:148px;} 
     655.wide .menu ul li a:hover ul {visibility:visible; left:-31px; top:14px;} 
     656.wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-11px; left:148px;} 
    649657.wide .menu ul li a:hover ul a:hover ul a:hover ul {visibility:visible;} 
    650658.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;} 

  • art/themes/factory/style.rtl.css

    r8575 r8595  
     1* {margin:0; padding:0;} 
    12body { 
    2     margin: 0; 
    3     border: 0; 
    4     padding: 0; 
    5     direction: ltr; 
    6     color: #888a85; 
    7     font: 13px/15px georgia; 
    8     background: #8fb4d8 url(topbg.jpg) repeat-x; 
     3margin: 0; 
     4border: 0; 
     5padding: 0; 
     6direction: ltr; 
     7color: #888a85; 
     8font: 13px/15px georgia; 
     9background: #8fb4d8 url(topbg.jpg) repeat-x; 
    910} 
    1011 
    …… 
    1213 
    1314#fmargin { 
    14     width: 700px; 
    15     padding: 10px; 
    16     direction: rtl; 
    17     margin: 20px auto; 
    18     background: #fff; 
    19     border: 1px solid #babdb6; 
    20     -moz-border-radius: 6px; 
    21     border-radius: 6px; 
     15width: 700px; 
     16padding: 10px; 
     17margin: 20px auto; 
     18background: #fff; 
     19border: 1px solid #babdb6; 
     20-moz-border-radius: 6px; 
     21border-radius: 6px; 
     22direction: rtl; 
    2223} 
    2324 
    2425#factory { 
    25     width: 700px; 
    26     border: 1px solid #babdb6; 
    27     background: #e7e7e7 url(factory.jpg) top right no-repeat; 
     26width: 700px; 
     27border: 1px solid #babdb6; 
     28background: #e7e7e7 url(factory.jpg) top right no-repeat; 
    2829} 
    2930#factory td { 
    30     border-spacing: 0px; 
     31border-spacing: 0px; 
    3132} 
    3233 
    3334#header { 
    34     color: #fff; 
    35     height: 300px; 
    36     margin-bottom: 20px; 
    37     background: transparent; 
    38     padding: 0px 10px 0px 10px; 
     35color: #fff; 
     36height: 300px; 
     37margin-bottom: 20px; 
     38background: transparent; 
     39padding: 0px 10px 0px 10px; 
    3940} 
    4041 
    4142#header .text { 
    42     top: 270px; 
    43     color: #d3d7cf; 
    44     font-size: 22px; 
    45     position: relative; 
    46     padding: 10px; 
    47     font-family: Verdana, sans-serif; 
     43top: 270px; 
     44color: #d3d7cf; 
     45font-size: 22px; 
     46position: relative; 
     47padding: 10px; 
     48font-family: Verdana, sans-serif; 
    4849} 
    4950#header .text a {text-decoration: none; color: #d3d7cf;} 
    5051 
    5152#bar1 { 
    52     width:180px; 
    53     display:block; 
    54     padding: 5px; 
    55     vertical-align: top; 
     53width:180px; 
     54display:block; 
     55padding: 5px; 
     56vertical-align: top; 
    5657} 
    5758#main { 
    58     width:520px; 
    59     padding: 5px; 
    60     vertical-align: top; 
     59width:520px; 
     60padding: 5px; 
     61vertical-align: top; 
    6162} 
    6263 
    6364#sub_footer { 
    64     padding: 0px; 
    65     height: 34px; 
    66     min-height: 34px; 
    67     max-height: 34px; 
    68     text-align: center; 
     65padding: 0px; 
     66height: 34px; 
     67min-height: 34px; 
     68max-height: 34px; 
     69text-align: center; 
    6970} 
    7071 
    7172h1, h1 a { 
    72     font-size: 16px; 
    73     color: #444; 
    74     font-weight: bold; 
    75     text-decoration: none; 
     73font-size: 16px; 
     74color: #444; 
     75font-weight: bold; 
     76text-decoration: none; 
    7677} 
    7778h2, h2 a { 
    78     font-size: 16px; 
    79     font-weight: bold; 
    80     color: #888a85; 
    81     text-decoration: none; 
     79font-size: 16px; 
     80font-weight: bold; 
     81color: #888a85; 
     82text-decoration: none; 
    8283} 
    8384h2 {border-bottom: 1px dotted #d3d7cf;} 
    8485h3,h4, h3 a, h4 a { 
    85     min-width: 150px; 
    86     padding: 0px; 
    87     color: #888a85; 
    88     font-weight: bold; 
    89     font-size: 12px; 
    90     border-bottom: 1px solid #888a85; 
    91     text-decoration: none; 
    92     padding-top: 5px; 
    93     padding-bottom: 3px; 
     86min-width: 150px; 
     87padding: 0px; 
     88color: #888a85; 
     89font-weight: bold; 
     90font-size: 12px; 
     91border-bottom: 1px solid #888a85; 
     92text-decoration: none; 
     93padding-top: 5px; 
     94padding-bottom: 3px; 
    9495} 
    9596hr {display: none;} 
    …… 
    9899img {border: 0;} 
    99100textarea { 
    100   padding: 2px; 
    101   font-size: 8pt; 
    102   border: 1px solid #cccccc; 
     101padding: 2px; 
     102font-size: 8pt; 
     103border: 1px solid #cccccc; 
    103104} 
    104105input, select {font-size: 11pt; border: 1px solid #cccccc;} 
    105106button{font-size:12px; border: 1px solid #333;} 
    106 button, input[type="button"], input[type="submit"]  { 
    107   color: #888a85; 
    108   font-size: 8pt; 
    109   cursor: pointer; 
    110   background-color: #efefef; 
    111   border: 1px solid #babdb6; 
    112   border-top: 1px solid #d3d7cf; 
    113   border-right: 1px solid #d3d7cf; 
    114 } 
    115 * html button  { 
    116   color: #888a85; 
    117   font-size: 8pt; 
    118   cursor: pointer; 
    119   background-color: #efefef; 
    120   border: 1px solid #babdb6; 
    121   border-top: 1px solid #d3d7cf; 
    122   border-right: 1px solid #d3d7cf; 
    123 } 
    124 button:hover, input[type="button"]:hover, input[type="submit"]:hover  { 
    125   color: #fff; 
    126   background-color: #3465a4; 
     107button, input[type="button"], input[type="submit"]{ 
     108color: #888a85; 
     109font-size: 8pt; 
     110cursor: pointer; 
     111background-color: #efefef; 
     112border: 1px solid #babdb6; 
     113border-top: 1px solid #d3d7cf; 
     114border-right: 1px solid #d3d7cf; 
     115} 
     116* html button{ 
     117color: #888a85; 
     118font-size: 8pt; 
     119cursor: pointer; 
     120background-color: #efefef; 
     121border: 1px solid #babdb6; 
     122border-top: 1px solid #d3d7cf; 
     123border-right: 1px solid #d3d7cf; 
     124} 
     125button:hover, input[type="button"]:hover, input[type="submit"]:hover{ 
     126color: #fff; 
     127background-color: #3465a4; 
    127128} 
    128129button:active, input[type="button"]:active, input[type="submit"]:active { 
    129   color: #000; 
    130   border: 1px solid #3465a4; 
    131   background-color: #fff; 
     130color: #000; 
     131border: 1px solid #3465a4; 
     132background-color: #fff; 
    132133} 
    133134select {cursor: pointer;} 
    134135input[type="text"], input[type="password"], textarea { 
    135   color: #555753; 
    136   background-color: #fff; 
    137   border: 1px solid #d3d7cf; 
    138   border-top: 1px solid #babdb6; 
    139   border-right: 1px solid #babdb6; 
    140 } 
    141 input[type="text"]:focus, input[type="password"]:focus, textarea:focus  { 
    142   color: #000; 
    143   background-color: #fff; 
    144   border: 1px solid #3465a4; 
     136color: #555753; 
     137background-color: #fff; 
     138border: 1px solid #d3d7cf; 
     139border-top: 1px solid #babdb6; 
     140border-right: 1px solid #babdb6; 
     141} 
     142input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
     143color: #000; 
     144background-color: #fff; 
     145border: 1px solid #3465a4; 
    145146} 
    146147textarea {width: inherit;} 
    147148input[type="radio"], input[type="checkbox"], select { 
    148   padding: 2px; 
    149   font-size: small; 
     149padding: 2px; 
     150font-size: small; 
    150151} 
    151152fieldset { 
    152   border: 0; 
    153   margin: 0; 
    154   padding: 0; 
    155   margin-bottom: 1em; 
    156   font-size: small; 
     153border: 0; 
     154margin: 0; 
     155padding: 0; 
     156margin-bottom: 1em; 
     157font-size: small; 
    157158} 
    158159legend { 
    159   background-color: white; 
    160   font-weight: bold; 
    161   font-size: 110%; 
    162   padding: 4px; 
    163   padding-right: .5em; 
    164   padding-left: .5em; 
     160background-color: white; 
     161font-weight: bold; 
     162font-size: 110%; 
     163padding: 4px; 
     164padding-right: .5em; 
     165padding-left: .5em; 
    165166} 
    166167label {color: #777; font-size: 12px; cursor: pointer;} 
    …… 
    169170fieldset label {display: block; font-size: 100%;} 
    170171fieldset div { 
    171   clear: left; 
    172   padding: 0 1em; 
    173   padding-bottom: 6px; 
     172clear: left; 
     173padding: 0 1em; 
     174padding-bottom: 6px; 
    174175} 
    175176fieldset div strong {font-size: 100%} 
    176177 
    177178.borderimage { 
    178     border: 1px solid #babdb6; 
    179     background-color: #fff; 
    180     padding: 4px; 
     179border: 1px solid #babdb6; 
     180background-color: #fff; 
     181padding: 4px; 
    181182} 
    182183 
    183184.terminal 
    184185{ 
    185     margin: 15px; 
    186     padding:15px; 
    187     font-size: small; 
    188     font-family: "Courier New", Courier; 
    189     background:darkslategray; 
    190     border: solid 1px silver; 
    191     line-height:110%; 
    192     color:ghostwhite; 
    193     width: 90%; 
     186margin: 15px; 
     187padding:15px; 
     188font-size: small; 
     189font-family: "Courier New", Courier; 
     190background:darkslategray; 
     191border: solid 1px silver; 
     192line-height:110%; 
     193color:ghostwhite; 
     194width: 90%; 
    194195} 
    195196 
    196197.code, .xml , .script 
    197198{ 
    198     margin: 15px; 
    199     padding:15px; 
    200     font-size: small; 
    201     font-family: "Courier New", Courier; 
    202     background:whitesmoke; 
    203     border: solid 1px silver; 
    204     line-height:110%; 
    205     color: #888a85dbd; 
    206     width: 90%; 
     199margin: 15px; 
     200padding:15px; 
     201font-size: small; 
     202font-family: "Courier New", Courier; 
     203background:whitesmoke; 
     204border: solid 1px silver; 
     205line-height:110%; 
     206color: #888a85dbd; 
     207width: 90%; 
    207208} 
    208209 
    …… 
    217218 
    218219.filebrowser-location { 
    219     border-bottom: 1px solid #d3d7cf; 
    220     text-align: left; 
    221     margin-bottom: 10px; 
     220border-bottom: 1px solid #d3d7cf; 
     221text-align: left; 
     222margin-bottom: 10px; 
    222223} 
    223224.filebrowser-item { 
    224     float: right; 
    225     width: 150px; 
    226     text-align: center; 
    227     font-size: x-small; 
    228     padding-top: 0.5em; 
    229     height: 90px; 
     225float: right; 
     226width: 150px; 
     227text-align: center; 
     228font-size: x-small; 
     229padding-top: 0.5em; 
     230height: 90px; 
    230231} 
    231232.filebrowser-date {color: #888a85;} 
    …… 
    233234 
    234235#rss_time { 
    235     border: 1px solid #5255a5; 
    236     background: #888a85; 
    237     color: #fff; 
    238     font-size: 16px; 
    239     font-weight: bold; 
    240     padding: 4px; 
     236border: 1px solid #5255a5; 
     237background: #888a85; 
     238color: #fff; 
     239font-size: 16px; 
     240font-weight: bold; 
     241padding: 4px; 
    241242} 
    242243 
    …… 
    245246/* pager styling */ 
    246247div.pager{ 
    247     font-size: .8em; 
    248     text-align: left; 
     248font-size: .8em; 
     249text-align: left; 
    249250} 
    250251/* separator for pager links, you can use an image too */ 
    251252.pager a:after { 
    252     content: " | "; 
    253     //background-image: url("yourimage"); 
     253content: " | "; 
     254//background-image: url("yourimage"); 
    254255} 
    255256/* no separator after last link */ 
    256257.pager a.last:after { 
    257     content: ""; 
     258content: ""; 
    258259} 
    259260 
    260261/* Debug */ 
    261262#debug-table { 
    262     background-color: white; 
    263     color: black; 
    264     font-size: x-small; 
     263background-color: white; 
     264color: black; 
     265font-size: x-small; 
    265266} 
    266267#debug-table pre {font-size: small;} 
    …… 
    269270pre.var_dump span.type {color:#006600; background:transparent;} 
    270