Changeset 8609

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

Update tunnel theme

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • art/themes/tunnel/layout.html

    r8462 r8609  
    1212        <!-- END head --> 
    1313</head> 
    14 <body> 
    15 <div id="header" class="wide"> 
    16 <!-- BEGIN header -->{ELEMENT}<!-- END header --> 
    17 </div> 
    18 <div align="center" style="padding: 40px;"> 
    19     <table style="border:2px solid #000; width: 790px; border-collapse:collapse; padding: 0; border-spacing:0; background: #fff; text-align: left;"> 
    20     <tr> 
    21     <td colspan="3" style="background: url('{THEME}tunnel.jpg') no-repeat; min-height: 140px; height: 140px; border-bottom: 2px solid #000;"> 
    22       <div id="header"> 
    23         <span class="title">{site-name}</span><br /> 
    24         <span class="desc">{site-description}</span> 
     14 <body> 
     15  <div id="container" class="clearfix"> 
     16    <div id="header" class="wide"> 
     17    <!-- BEGIN header -->{ELEMENT}<!-- END header --> 
     18    </div> 
     19 
     20    <div id="top_header"> 
     21      <span class="site-title"><a href="{site-url}">{site-name}</a></span><br /> 
     22      <span class="site-desc">{site-description}</span> 
     23    </div> 
     24 
     25    <div id="main-section"> 
     26 
     27      <div id="bar1" class="narrow"> 
     28      <!-- BEGIN bar1 narrow="yes" -->{ELEMENT}<!-- END bar1 --> 
    2529      </div> 
    26     </td> 
    27     </tr> 
    28     <tr> 
    29     <td id="bar1" valign="top" class="narrow"> 
    30     &nbsp; 
    31     <!-- BEGIN bar1 narrow="yes" -->{ELEMENT}<!-- END bar1 --> 
    32     <br /><br /><br /> 
    33     </td> 
    34     <td id="main" valign="top" width="99%" class="wide"> 
    35     &nbsp; 
    36     <!-- BEGIN main -->{ELEMENT}<!-- END main --> 
    37     <br /><br /><br /> 
    38     </td> 
    39     <td id="bar2" valign="top" class="narrow"> 
    40     &nbsp; 
    41     <!-- BEGIN bar2 narrow="yes" -->{ELEMENT}<!-- END bar2 --> 
    42     <br /><br /><br /> 
    43     </td> 
    44     </tr> 
    45     </table> 
    46 <!-- BEGIN footer --> 
    47 <div id="footer" class="wide"> 
    48 {ELEMENT} 
    49 </div> 
    50 <!-- END footer --> 
    51 <div align="center"> 
    52 <br /><br /> 
    53 <a href="http://www.jaws-project.com"><img src="{THEME}jawspowered.png" border="0"></a> 
    54 <br /><br /> 
    55 </div> 
    56 </div> 
    57 </body> 
     30 
     31      <div id="main" class="wide"> 
     32      <!-- BEGIN main -->{ELEMENT}<!-- END main --> 
     33      </div> 
     34 
     35      <div id="bar2" class="narrow"> 
     36      <!-- BEGIN bar2 narrow="yes" -->{ELEMENT}<!-- END bar2 --> 
     37      </div> 
     38 
     39    </div> 
     40  </div> 
     41 
     42    <!-- BEGIN footer --> 
     43    <div id="footer" class="wide"> 
     44    {ELEMENT} 
     45    </div> 
     46    <!-- END footer --> 
     47    <div id="sub_footer"> 
     48      <p><strong>{site-name}</strong><br />{site-description}</p> 
     49      <a href="http://www.jaws-project.com"><img src="{THEME}jawspowered.png" border="0" alt="Powered by Jaws" /></a> 
     50    </div> 
     51 </body> 
    5852</html> 
    5953<!-- END layout --> 

  • art/themes/tunnel/style.css

    r8464 r8609  
     1* {margin:0; padding:0;} 
     2 
    13body { 
    2     background: #d04c01 url(bk.jpg); 
    3     font-family: arial, verdana, sans-serif; 
    4     font-size: 12px; 
    5     color: black; 
    6     margin: 0; 
    7     padding: 0; 
    8     border: 0; 
    9 } 
    10  
    11 #header .title { 
    12     font-size: 40px; 
    13     color: #fff; 
    14     padding:0; 
    15     margin:0; 
    16     padding-left: 30px; 
    17     font-weight: bold; 
    18 } 
    19 #header .desc {padding-left: 70px; font-style: italic;} 
    20  
    21 #main { min-width:10px; width: 99%; padding:4px; padding-left: 9px;} 
    22 #bar1 { width:150px; min-width:150px; display:block; padding:2px; padding-left: 2px; display: block;} 
    23 #bar2 { width:150px; min-width:150px; display:block; padding:2px; padding-right: 0px; display: block;} 
     4margin: 0; 
     5padding: 0; 
     6border: 0; 
     7color: black; 
     8font-size: 12px; 
     9direction: ltr; 
     10background: #d04c01 url(bk.jpg); 
     11font-family: arial, verdana, sans-serif; 
     12} 
     13#container { 
     14width:790px; 
     15text-align:left; 
     16margin:0px auto; 
     17border:2px solid #000; 
     18width: 790px; 
     19border-collapse:collapse; 
     20padding: 0; 
     21border-spacing:0; 
     22background: #fff; 
     23} 
     24 
     25#top_header { 
     26background: url(tunnel.jpg) no-repeat; 
     27min-height: 140px;  
     28height: 140px; 
     29border-bottom: 2px solid #000; 
     30} 
     31#top_header .site-title a { 
     32color: #fff; 
     33margin: 0px; 
     34padding: 0px; 
     35font-size: 40px; 
     36padding-left: 30px; 
     37font-weight: bold; 
     38text-decoration: none; 
     39background: none; 
     40} 
     41#top_header .site-desc {padding-left: 70px; font-style: italic;} 
     42 
     43#main { min-width:10px; width: 450px; padding:4px; float: left;} 
     44#bar1 { width:150px; min-width:150px; padding:4px; float: left;} 
     45#bar2 { width:150px; min-width:150px; padding:4px; float: right;} 
    2446 
    2547#footer { 
    26     padding: 0px; 
    27     padding-top: 20px; 
    28     height: 34px; 
    29     min-height: 34px; 
    30     max-height: 34px; 
    31     text-align: center; 
     48padding: 0px; 
     49padding-top: 20px; 
     50height: 34px; 
     51min-height: 34px; 
     52max-height: 34px; 
     53text-align: center; 
     54} 
     55#sub_footer { 
     56text-align: center; 
    3257} 
    3358 
    …… 
    3560a {color: #d04c01; padding:2px;} 
    3661a:hover { 
    37     color: #fff; 
    38     background: #d04c01; 
    39     text-decoration: none; 
     62color: #fff; 
     63background: #d04c01; 
     64text-decoration: none; 
    4065} 
    4166 
    …… 
    4671img {border: 0;} 
    4772textarea { 
    48   padding: 2px; 
    49   font-size: 8pt; 
    50   border: 1px solid #cccccc; 
     73padding: 2px; 
     74font-size: 8pt; 
     75border: 1px solid #cccccc; 
    5176} 
    5277input, select {font-size: 11pt; border: 1px solid #cccccc;} 
    5378button{font-size:12px; border: 1px solid #333;} 
    54 button, input[type="button"], input[type="submit"]  { 
    55   color: #888a85; 
    56   font-size: 8pt; 
    57   cursor: pointer; 
    58   background-color: #efefef; 
    59   border: 1px solid #babdb6; 
    60   border-top: 1px solid #d3d7cf; 
    61   border-left: 1px solid #d3d7cf; 
     79button, input[type="button"], input[type="submit"]{ 
     80color: #888a85; 
     81font-size: 8pt; 
     82cursor: pointer; 
     83background-color: #efefef; 
     84border: 1px solid #babdb6; 
     85border-top: 1px solid #d3d7cf; 
     86border-left: 1px solid #d3d7cf; 
    6287} 
    6388* html button { 
    64   color: #888a85; 
    65   font-size: 8pt; 
    66   cursor: pointer; 
    67   background-color: #efefef; 
    68   border: 1px solid #babdb6; 
    69   border-top: 1px solid #d3d7cf; 
    70   border-left: 1px solid #d3d7cf; 
    71 } 
    72 button:hover, input[type="button"]:hover, input[type="submit"]:hover  { 
    73   color: #fff; 
    74   background-color: #3465a4; 
     89color: #888a85; 
     90font-size: 8pt; 
     91cursor: pointer; 
     92background-color: #efefef; 
     93border: 1px solid #babdb6; 
     94border-top: 1px solid #d3d7cf; 
     95border-left: 1px solid #d3d7cf; 
     96} 
     97button:hover, input[type="button"]:hover, input[type="submit"]:hover{ 
     98color: #fff; 
     99background-color: #3465a4; 
    75100} 
    76101button:active, input[type="button"]:active, input[type="submit"]:active { 
    77   color: #000; 
    78   border: 1px solid #3465a4; 
    79   background-color: #fff; 
     102color: #000; 
     103border: 1px solid #3465a4; 
     104background-color: #fff; 
    80105} 
    81106select {cursor: pointer;} 
    82107input[type="text"], input[type="password"], textarea { 
    83   color: #555753; 
    84   background-color: #fff; 
    85   border: 1px solid #d3d7cf; 
    86   border-top: 1px solid #babdb6; 
    87   border-left: 1px solid #babdb6; 
    88 } 
    89 input[type="text"]:focus, input[type="password"]:focus, textarea:focus  { 
    90   color: #000; 
    91   background-color: #fff; 
    92   border: 1px solid #3465a4; 
     108color: #555753; 
     109background-color: #fff; 
     110border: 1px solid #d3d7cf; 
     111border-top: 1px solid #babdb6; 
     112border-left: 1px solid #babdb6; 
     113} 
     114input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
     115color: #000; 
     116background-color: #fff; 
     117border: 1px solid #3465a4; 
    93118} 
    94119textarea {width: inherit;} 
    95120input[type="radio"], input[type="checkbox"], select { 
    96   padding: 2px; 
    97   font-size: small; 
     121padding: 2px; 
     122font-size: small; 
    98123} 
    99124fieldset { 
    100   border: 0; 
    101   margin: 0; 
    102   padding: 0; 
    103   margin-bottom: 1em; 
    104   font-size: small; 
     125border: 0; 
     126margin: 0; 
     127padding: 0; 
     128margin-bottom: 1em; 
     129font-size: small; 
    105130} 
    106131legend { 
    107   background-color: white; 
    108   font-weight: bold; 
    109   font-size: 110%; 
    110   padding: 4px; 
    111   padding-left: .5em; 
    112   padding-right: .5em; 
     132background-color: white; 
     133font-weight: bold; 
     134font-size: 110%; 
     135padding: 4px; 
     136padding-left: .5em; 
     137padding-right: .5em; 
    113138} 
    114139label {color: #777; font-size: 12px; cursor: pointer;} 
    …… 
    117142fieldset label {display: block; font-size: 100%;} 
    118143fieldset div { 
    119   clear: right; 
    120   padding: 0 1em; 
    121   padding-bottom: 6px; 
     144clear: right; 
     145padding: 0 1em; 
     146padding-bottom: 6px; 
    122147} 
    123148fieldset div strong {font-size: 100%} 
    …… 
    126151.terminal 
    127152{ 
    128     margin: 15px; 
    129     padding:15px; 
    130     font-size: small; 
    131     font-family: "Courier New", Courier; 
    132     background: #000; 
    133     border: solid 1px #d3d7cf; 
    134     line-height:110%; 
    135     color:white; 
    136     width: 90%; 
     153margin: 15px; 
     154padding:15px; 
     155font-size: small; 
     156font-family: "Courier New", Courier; 
     157background: #000; 
     158border: solid 1px #d3d7cf; 
     159line-height:110%; 
     160color:white; 
     161width: 90%; 
    137162} 
    138163 
    139164.code, .xml , .script 
    140165{ 
    141     margin: 15px; 
    142     padding:15px; 
    143     font-size: small; 
    144     font-family: "Courier New", Courier; 
    145     background: #fff; 
    146     border: solid 1px #d3d7cf; 
    147     line-height:110%; 
    148     color: #000dbd; 
    149     width: 90%; 
     166margin: 15px; 
     167padding:15px; 
     168font-size: small; 
     169font-family: "Courier New", Courier; 
     170background: #fff; 
     171border: solid 1px #d3d7cf; 
     172line-height:110%; 
     173color: #000dbd; 
     174width: 90%; 
    150175} 
    151176 
    …… 
    157182 
    158183.filebrowser-location { 
    159     border-bottom: 1px solid #d3d7cf; 
    160     text-align: right; 
    161     margin-bottom: 10px; 
     184border-bottom: 1px solid #d3d7cf; 
     185text-align: right; 
     186margin-bottom: 10px; 
    162187} 
    163188.filebrowser-item { 
    164     float: left; 
    165     width: 150px; 
    166     text-align: center; 
    167     font-size: x-small; 
    168     padding-top: 0.5em; 
    169     height: 90px; 
     189float: left; 
     190width: 150px; 
     191text-align: center; 
     192font-size: x-small; 
     193padding-top: 0.5em; 
     194height: 90px; 
    170195} 
    171196.filebrowser-date {color: #888a85;} 
    …… 
    173198 
    174199#rss_time { 
    175     border: 1px solid #5255a5; 
    176     background: #d04c01; 
    177     color: #fff; 
    178     font-size: 16px; 
    179     font-weight: bold; 
    180     padding: 4px; 
     200border: 1px solid #5255a5; 
     201background: #d04c01; 
     202color: #fff; 
     203font-size: 16px; 
     204font-weight: bold; 
     205padding: 4px; 
    181206} 
    182207 
    …… 
    187212/* separator for pager links, you can use an image too */ 
    188213.pager a:after { 
    189     content: " | "; 
    190     /*background-image: url("yourimage");*/ 
     214content: " | "; 
     215/*background-image: url("yourimage");*/ 
    191216} 
    192217/* no separator after last link */ 
    …… 
    199224pre.var_dump span.type {color:#006600; background:transparent;} 
    200225pre.var_dump span.value { 
    201     padding:2px; color:#339900; 
    202     background:#F0F0F0; 
    203     border: 1px dashed #CCCCCC; 
     226padding:2px; color:#339900; 
     227background:#F0F0F0; 
     228border: 1px dashed #CCCCCC; 
    204229} 
    205230/* End Debug */ 
    …… 
    222247/* Common styles for all gadgets */ 
    223248.clearfix:after { 
    224   height: 0; 
    225   clear: both; 
    226   width: 100%; 
    227   content: "."; 
    228   display: block; 
    229   visibility: hidden; 
     249height: 0; 
     250clear: both; 
     251width: 100%; 
     252content: "."; 
     253display: block; 
     254visibility: hidden; 
    230255} 
    231256.gadget {margin-bottom: 10px;} 
    232257.wide .gadget {margin-bottom: 2px;} 
    233 .gadget h3 {color: #000; border-bottom: 1px solid #d3d7cf;} 
     258.gadget h3 {color: #000; border-bottom: 1px solid #d3d7cf; font-size:14px;} 
    234259.gadget .content {font-size: 10pt; padding: 0px 5px; border-top: none;} 
    235260.gadget .content ul {list-style: none;} 
    …… 
    238263.gadget .actions div {text-align: left;} 
    239264.gadget .actions button{ 
    240   margin: 2px; 
    241   padding: 1px; 
    242   min-height: 18px; 
    243   min-width: 42px; 
    244   font-weight: bold; 
    245   overflow: visible; 
    246   border: 1px solid #babdb6; 
    247   border-top: 1px solid #d3d7cf; 
    248   border-right: 1px solid #d3d7cf; 
     265margin: 2px; 
     266padding: 1px; 
     267min-height: 18px; 
     268min-width: 42px; 
     269font-weight: bold; 
     270overflow: visible; 
     271border: 1px solid #babdb6; 
     272border-top: 1px solid #d3d7cf; 
     273border-right: 1px solid #d3d7cf; 
    249274} 
    250275 
    …… 
    263288/* Commnets */ 
    264289.comment .comment_info, .comment_reply { 
    265   padding: 5px; 
    266   text-align: right; 
    267   font-size: xx-small; 
    268   color: #babdb6; 
    269   clear: both; 
     290padding: 5px; 
     291text-align: right; 
     292font-size: xx-small; 
     293color: #babdb6; 
     294clear: both; 
    270295} 
    271296.comment .content {text-align: justify;} 
    272297.comment .avatar { 
    273   float: left; 
    274   margin-right: 5px; 
    275   margin-bottom: 5px; 
    276   border: 1px solid #000; 
     298float: left; 
     299margin-right: 5px; 
     300margin-bottom: 5px; 
     301border: 1px solid #000; 
    277302} 
    278303.comment_level_0 {margin-left: 0px;} 
    …… 
    299324 
    300325/* Poll */ 
    301 .poll .content  input {padding: 2px; border: none;} 
    302 .poll .content  label {padding-left: 2px;} 
     326.poll .contentinput {padding: 2px; border: none;} 
     327.poll .contentlabel {padding-left: 2px;} 
    303328.poll_result table {width: 98%; margin: 0px; padding:0px; font-size:10pt;} 
    304329.poll_result th { border: 1px solid #d3d7cf; } 
    305 .poll_result td {font-size:9pt; padding:4px 4px 4px 2px; border: 1px solid #d3d7cf; } 
     330.poll_result td {font-size:9pt; padding:4px; padding-left:2px; border: 1px solid #d3d7cf; } 
    306331.poll_result .txt_percent {width: 28px;} 
    307332.poll_result .img_percent {width: 128px;} 
    …… 
    321346.quotes ul {list-style: none;} 
    322347.quotes li , .rssreader li { 
    323   display: block; 
    324   color: #271739; 
    325   font-size: 12px; 
    326   padding: 2px 6px 2px 2px; 
    327   text-decoration: none; 
    328   border-bottom: 1px dashed #ccc; 
     348display: block; 
     349color: #271739; 
     350font-size: 12px; 
     351padding: 2px; 
     352padding-right: 6px; 
     353text-decoration: none; 
     354border-bottom: 1px dashed #ccc; 
    329355} 
    330356.wide .quotes .content ul li {display: inline;} 
    …… 
    332358/* Blog */ 
    333359.blog_entry .entry-meta, .comment-feed { 
    334   display: block; 
    335   padding-top: 4px; 
    336   text-align: right; 
    337   font-size: smaller; 
    338   border-top:1px dashed #e3e7df; margin-top: 10px; 
     360display: block; 
     361padding-top: 4px; 
     362text-align: right; 
     363font-size: smaller; 
     364border-top:1px dashed #e3e7df; margin-top: 10px; 
    339365} 
    340366.blog-comment-title { 
    341   color: #000; 
    342   font-weight: bold; 
    343   font-size: 110%; 
     367color: #000; 
     368font-weight: bold; 
     369font-size: 110%; 
    344370} 
    345371.blog-comment-title a, .blog-comment-title a:hover { 
    346   color: #000; 
    347   text-decoration: none; 
    348 } 
    349  
    350 .blog-entry-nav, .blog-page-nav  { 
    351   padding: 4px; 
    352   height: 15px; 
    353   font-size: 80%; 
    354   display: block; 
    355   margin-bottom: 5px; 
    356   border: 1px solid #d3d7cf; 
    357   background-color: #fafafa; 
     372color: #000; 
     373text-decoration: none; 
     374} 
     375 
     376.blog-entry-nav, .blog-page-nav{ 
     377padding: 4px; 
     378height: 15px; 
     379font-size: 80%; 
     380display: block; 
     381margin-bottom: 5px; 
     382border: 1px solid #d3d7cf; 
     383background-color: #fafafa; 
    358384} 
    359385.blog-entry-nav .float-left {float:left} 
    …… 
    363389 
    364390.blog-navigation { 
    365     font-size: 90%; 
    366     padding: 4px; 
    367     display: block; 
    368     height: 15px; 
     391font-size: 90%; 
     392padding: 4px; 
     393display: block; 
     394height: 15px; 
    369395} 
    370396.blog-entry {padding-bottom: 5px; border-bottom: 1px solid #d3d7cf;} 
    371397.blog-title {color: #000; font-size: 130%; font-weight: bold;} 
    372398.blog-title a { 
    373     text-decoration: none; 
    374     color: #d04c01; 
    375     border-bottom: 1px dashed #fff; 
     399text-decoration: none; 
     400color: #d04c01; 
     401border-bottom: 1px dashed #fff; 
    376402} 
    377403.blog-title a:hover { 
    378     color: #f90; 
    379     border-bottom: 1px dashed #d04c01; 
    380     background-color: #fff; 
     404color: #f90; 
     405border-bottom: 1px dashed #d04c01; 
     406background-color: #fff; 
    381407} 
    382408.blog-body {text-align: justify;} 
    383409.blog-addinfo {text-align: right; font-size: 10px; color: #babdb6;} 
    384410.blog-tb { 
    385     border: 1px solid #d3d7cf; 
    386     background: #fff; 
    387     padding: 10px; 
    388     font-size: x-small; 
     411padding: 5px; 
     412font-size: 8pt; 
     413background: none; 
     414border: 1px solid #d3d7cf; 
    389415} 
    390416 
    …… 
    394420 
    395421.calendar { 
    396     margin-top: 10px; 
    397     padding: 2px; 
    398     border: 1px solid #d3d7cf; 
    399     width: 100%; 
    400     text-align: center; 
     422margin-top: 10px; 
     423padding: 2px; 
     424border: 1px solid #d3d7cf; 
     425width: 100%; 
     426text-align: center; 
    401427} 
    402428.calendar #cal-header { 
    403     color: #fff; 
    404     background: #d04c01; 
    405     font-size: 10px; 
    406     font-weight: bold; 
    407     padding: 2px; 
    408     text-align: center; 
     429color: #fff; 
     430background: #d04c01; 
     431font-size: 10px; 
     432font-weight: bold; 
     433padding: 2px; 
     434text-align: center; 
    409435} 
    410436.calendar #cal-header a {font-weight: bold; color: #fff; text-decoration: none;} 
    …… 
    412438.calendar #cal-header #arrow-right {margin-right: 2px; float: right;} 
    413439.calendar .weekday { 
    414     color: #babdb6; 
    415     background: #eee; 
    416     font-size: 8px; 
    417     font-weight: bold; 
    418     padding: 2px; 
     440color: #babdb6; 
     441background: #eee; 
     442font-size: 8px; 
     443font-weight: bold; 
     444padding: 2px; 
    419445} 
    420446.calendar .noday { 
    421     color: #aaa; 
    422     font-size: 8px; 
    423     padding: 2px; 
    424     text-align: center; 
     447color: #aaa; 
     448font-size: 8px; 
     449padding: 2px; 
     450text-align: center; 
    425451} 
    426452.calendar .noday a {color: #aaa; text-decoration: underline;} 
    …… 
    428454.calendar .day a {color: #d04c01; text-decoration: underline;} 
    429455.calendar .today { 
    430     background-color: #d04c01; 
    431     color: #fff; 
    432     font-size: 8px; 
    433     font-weight: bold; 
    434     padding: 2px; 
     456background-color: #d04c01; 
     457color: #fff; 
     458font-size: 8px; 
     459font-weight: bold; 
     460padding: 2px; 
    435461} 
    436462.calendar .today a {color: #fff; text-decoration: underline;} 
    437463.calendar .selectedday { 
    438     background-color: #eec; 
    439     color: #663; 
    440     font-weight: bold; 
    441     font-size: 8px; 
    442     padding: 2px; 
     464background-color: #eec; 
     465color: #663; 
     466font-weight: bold; 
     467font-size: 8px; 
     468padding: 2px; 
    443469} 
    444470.calendar .selectedday a {color: #663; text-decoration: underline;} 
    …… 
    486512.faq .summary {padding-bottom: 5px;} 
    487513.faq .summary li {margin-left: 20px; font-size: 10pt;} 
    488 .faq .summary li  {font-weight: bold;} 
    489 .faq .summary li  ol li {font-weight: normal;} 
     514.faq .summary li{font-weight: bold;} 
     515.faq .summary liol li {font-weight: normal;} 
    490516.faq_category h4 {font-size: 10pt;} 
    491517 
    …… 
    495521.glossary h3 {margin-bottom: 10px;} 
    496522.glossary span { 
    497   border: 1px solid #d3d7cf; 
    498   padding: 4px; 
    499   background: #eee; 
    500   font-size: xx-small; 
     523border: 1px solid #d3d7cf; 
     524padding: 4px; 
     525background: #eee; 
     526font-size: xx-small; 
    501527} 
    502528.glossary span a {padding: 2px;} 
    …… 
    536562.narrow .menu .content ul {z-index:500;} 
    537563.menu a, .menu a:visited { 
    538   color:#777; 
    539   padding:4px; 
    540   display:block; 
    541   min-height:18px; 
    542   font-weight: bold; 
    543   text-decoration:none; 
    544   border:1px solid #fff; 
    545   border-bottom: none; 
     564padding:4px; 
     565display:block; 
     566min-height:18px; 
     567font-weight: bold; 
     568text-decoration:none; 
     569border:1px solid #fff; 
     570border-bottom: none; 
    546571} 
    547572.menu li {background:#f0f0f0;} 
    …… 
    550575.wide .menu li ul li a, .wide .menu li ul li a:visited {width:170px;} 
    551576.menu li:hover {position:relative;} 
    552 .menu li:hover > a {background:#ddd; color:#37a;} 
    553 .menu li a:active, .menu li a:focus {background:#ddd; color:#37a;} 
     577.menu li:hover > a {background:#d04c01; color:#fff;} 
    554578.narrow .menu li ul {display:none;} 
    555579.wide .menu li ul {display:none;} 
    556580.menu li:hover > ul { 
    557   display:block; 
    558   position:absolute; 
    559   padding:10px 30px 30px 30px; 
    560   background:transparent url(images/blank.gif); 
     581display:block; 
     582position:absolute; 
     583padding:10px 30px 30px 30px; 
     584background:transparent url(images/blank.gif); 
    561585} 
    562586.wide .menu li:hover > ul {top:16px; left:-30px;} 
    563587.wide .menu li ul li:hover > ul {top:-10px; left:148px;} 
    564588.narrow .menu li:hover > ul {top:-10px; left:108px;} 
    565 .menu ul table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:1000; font-size:1em;} 
    566 * html .menu a:hover {color:#37a; background:#ddd; position:relative;} 
     589.menu ul table { 
     590top:0; 
     591left:0; 
     592z-index:1000; 
     593font-size:1em; 
     594position:absolute; 
     595border-collapse:collapse; 
     596} 
     597* html .menu a:hover {background:#d04c01; color:#fff; position:relative;} 
     598* html .wide .menu a:hover {float: left;} /* must be removed in RTL mode */ 
    567599* html .narrow .menu li a, * html .narrow .menu li a:visited {width:150px;} 
    568 * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:200px;} 
     600* html .wide .menu li ul, * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:200px;} 
    569601* html .narrow .menu li ul { 
    570   display:block; 
    571   position:absolute; 
    572   visibility:hidden; 
    573   top:-10px; left:108px; 
    574   padding:10px 30px 30px 30px; 
    575   background:transparent url(images/blank.gif); 
     602display:block; 
     603position:absolute; 
     604visibility:hidden; 
     605top:-11px; left:148px; 
     606padding:10px 30px 30px 30px; 
     607background:transparent url(images/blank.gif); 
    576608} 
    577609* html .wide .menu li ul { 
    578   display:block; 
    579   position:absolute; 
    580   visibility:hidden; 
    581   top:0px; left:148px; 
    582   padding:10px 30px 30px 30px; 
    583   background:transparent url(images/blank.gif); 
     610display:block; 
     611position:absolute; 
     612visibility:hidden; 
     613top:0px; left:108px; 
     614padding:10px 30px 30px 30px; 
     615background:transparent url(images/blank.gif); 
    584616} 
    585617.wide .menu ul li a:hover ul ul{visibility:hidden;} 
    …… 
    587619.wide .menu ul li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;} 
    588620.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;} 
    589 .wide .menu ul li a:hover ul {visibility:visible; left:-30px; top:13px; lef\t:-35px; to\p:14px;} 
    590 .wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-10px; left:148px;} 
     621.wide .menu ul li a:hover ul {visibility:visible; left:-31px; top:14px;} 
     622.wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-11px; left:148px;} 
    591623.wide .menu ul li a:hover ul a:hover ul a:hover ul {visibility:visible;} 
    592624.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;} 

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

    r8465 r8609  
     1* {margin:0; padding:0;} 
     2 
    13body { 
    2     background: #d04c01 url(bk.jpg); 
    3     font-family: arial, verdana, sans-serif; 
    4     font-size: 12px; 
    5     color: black; 
    6     margin: 0; 
    7     padding: 0; 
    8     border: 0; 
    9 } 
    10  
    11 #header .title { 
    12     font-size: 40px; 
    13     color: #fff; 
    14     padding:0; 
    15     margin:0; 
    16     padding-right: 30px; 
    17     font-weight: bold; 
    18 } 
    19 #header .desc {padding-right: 70px; font-style: italic;} 
    20  
    21 #main { min-width:10px; width: 99%; padding:4px; padding-right: 9px;} 
    22 #bar1 { width:150px; min-width:150px; display:block; padding:2px; padding-right: 2px; display: block;} 
    23 #bar2 { width:150px; min-width:150px; display:block; padding:2px; padding-left: 0px; display: block;} 
     4margin: 0; 
     5padding: 0; 
     6border: 0; 
     7color: black; 
     8font-size: 12px; 
     9direction: ltr; 
     10background: #d04c01 url(bk.jpg); 
     11font-family: arial, verdana, sans-serif; 
     12} 
     13#container { 
     14width:790px; 
     15text-align:right; 
     16margin:0px auto; 
     17border:2px solid #000; 
     18width: 790px; 
     19border-collapse:collapse; 
     20padding: 0; 
     21border-spacing:0; 
     22background: #fff; 
     23direction: rtl; 
     24} 
     25 
     26#top_header { 
     27background: url(tunnel.jpg) no-repeat; 
     28min-height: 140px;  
     29height: 140px; 
     30border-bottom: 2px solid #000; 
     31} 
     32#top_header .site-title a { 
     33color: #fff; 
     34margin: 0px; 
     35padding: 0px; 
     36font-size: 40px; 
     37padding-right: 30px; 
     38font-weight: bold; 
     39text-decoration: none; 
     40background: none; 
     41} 
     42#top_header .site-desc {padding-right: 70px; font-style: italic;} 
     43 
     44#main { min-width:10px; width: 450px; padding:4px; float: right;} 
     45#bar1 { width:150px; min-width:150px; padding:4px; float: right;} 
     46#bar2 { width:150px; min-width:150px; padding:4px; float: left;} 
    2447 
    2548#footer { 
    26     padding: 0px; 
    27     padding-top: 20px; 
    28     height: 34px; 
    29     min-height: 34px; 
    30     max-height: 34px; 
    31     text-align: center; 
     49padding: 0px; 
     50padding-top: 20px; 
     51height: 34px; 
     52min-height: 34px; 
     53max-height: 34px; 
     54text-align: center; 
     55} 
     56#sub_footer { 
     57text-align: center; 
    3258} 
    3359 
    …… 
    3561a {color: #d04c01; padding:2px;} 
    3662a:hover { 
    37     color: #fff; 
    38     background: #d04c01; 
    39     text-decoration: none; 
     63color: #fff; 
     64background: #d04c01; 
     65text-decoration: none; 
    4066} 
    4167 
    …… 
    4672img {border: 0;} 
    4773textarea { 
    48   padding: 2px; 
    49   font-size: 8pt; 
    50   border: 1px solid #cccccc; 
     74padding: 2px; 
     75font-size: 8pt; 
     76border: 1px solid #cccccc; 
    5177} 
    5278input, select {font-size: 11pt; border: 1px solid #cccccc;} 
    5379button{font-size:12px; border: 1px solid #333;} 
    54 button, input[type="button"], input[type="submit"]  { 
    55   color: #888a85; 
    56   font-size: 8pt; 
    57   cursor: pointer; 
    58   background-color: #efefef; 
    59   border: 1px solid #babdb6; 
    60   border-top: 1px solid #d3d7cf; 
    61   border-right: 1px solid #d3d7cf; 
     80button, input[type="button"], input[type="submit"]{ 
     81color: #888a85; 
     82font-size: 8pt; 
     83cursor: pointer; 
     84background-color: #efefef; 
     85border: 1px solid #babdb6; 
     86border-top: 1px solid #d3d7cf; 
     87border-right: 1px solid #d3d7cf; 
    6288} 
    6389* html button { 
    64   color: #888a85; 
    65   font-size: 8pt; 
    66   cursor: pointer; 
    67   background-color: #efefef; 
    68   border: 1px solid #babdb6; 
    69   border-top: 1px solid #d3d7cf; 
    70   border-right: 1px solid #d3d7cf; 
    71 } 
    72 button:hover, input[type="button"]:hover, input[type="submit"]:hover  { 
    73   color: #fff; 
    74   background-color: #3465a4; 
     90color: #888a85; 
     91font-size: 8pt; 
     92cursor: pointer; 
     93background-color: #efefef; 
     94border: 1px solid #babdb6; 
     95border-top: 1px solid #d3d7cf; 
     96border-right: 1px solid #d3d7cf; 
     97} 
     98button:hover, input[type="button"]:hover, input[type="submit"]:hover{ 
     99color: #fff; 
     100background-color: #3465a4; 
    75101} 
    76102button:active, input[type="button"]:active, input[type="submit"]:active { 
    77   color: #000; 
    78   border: 1px solid #3465a4; 
    79   background-color: #fff; 
     103color: #000; 
     104border: 1px solid #3465a4; 
     105background-color: #fff; 
    80106} 
    81107select {cursor: pointer;} 
    82108input[type="text"], input[type="password"], textarea { 
    83   color: #555753; 
    84   background-color: #fff; 
    85   border: 1px solid #d3d7cf; 
    86   border-top: 1px solid #babdb6; 
    87   border-right: 1px solid #babdb6; 
    88 } 
    89 input[type="text"]:focus, input[type="password"]:focus, textarea:focus  { 
    90   color: #000; 
    91   background-color: #fff; 
    92   border: 1px solid #3465a4; 
     109color: #555753; 
     110background-color: #fff; 
     111border: 1px solid #d3d7cf; 
     112border-top: 1px solid #babdb6; 
     113border-right: 1px solid #babdb6; 
     114} 
     115input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
     116color: #000; 
     117background-color: #fff; 
     118border: 1px solid #3465a4; 
    93119} 
    94120textarea {width: inherit;} 
    95121input[type="radio"], input[type="checkbox"], select { 
    96   padding: 2px; 
    97   font-size: small; 
     122padding: 2px; 
     123font-size: small; 
    98124} 
    99125fieldset { 
    100   border: 0; 
    101   margin: 0; 
    102   padding: 0; 
    103   margin-bottom: 1em; 
    104   font-size: small; 
     126border: 0; 
     127margin: 0; 
     128padding: 0; 
     129margin-bottom: 1em; 
     130font-size: small; 
    105131} 
    106132legend { 
    107   background-color: white; 
    108   font-weight: bold; 
    109   font-size: 110%; 
    110   padding: 4px; 
    111   padding-right: .5em; 
    112   padding-left: .5em; 
     133background-color: white; 
     134font-weight: bold; 
     135font-size: 110%; 
     136padding: 4px; 
     137padding-right: .5em; 
     138padding-left: .5em; 
    113139} 
    114140label {color: #777; font-size: 12px; cursor: pointer;} 
    …… 
    117143fieldset label {display: block; font-size: 100%;} 
    118144fieldset div { 
    119   clear: left; 
    120   padding: 0 1em; 
    121   padding-bottom: 6px; 
     145clear: left; 
     146padding: 0 1em; 
     147padding-bottom: 6px; 
    122148} 
    123149fieldset div strong {font-size: 100%} 
    …… 
    126152.terminal 
    127153{ 
    128     margin: 15px; 
    129     padding:15px; 
    130     font-size: small; 
    131     font-family: "Courier New", Courier; 
    132     background: #000; 
    133     border: solid 1px #d3d7cf; 
    134     line-height:110%; 
    135     color:white; 
    136     width: 90%; 
     154margin: 15px; 
     155padding:15px; 
     156font-size: small; 
     157font-family: "Courier New", Courier; 
     158background: #000; 
     159border: solid 1px #d3d7cf; 
     160line-height:110%; 
     161color:white; 
     162width: 90%; 
    137163} 
    138164 
    139165.code, .xml , .script 
    140166{ 
    141     margin: 15px; 
    142     padding:15px; 
    143     font-size: small; 
    144     font-family: "Courier New", Courier; 
    145     background: #fff; 
    146     border: solid 1px #d3d7cf; 
    147     line-height:110%; 
    148     color: #000dbd; 
    149     width: 90%; 
     167margin: 15px; 
     168padding:15px; 
     169font-size: small; 
     170font-family: "Courier New", Courier; 
     171background: #fff; 
     172border: solid 1px #d3d7cf; 
     173line-height:110%; 
     174color: #000dbd; 
     175width: 90%; 
    150176} 
    151177 
    …… 
    157183 
    158184.filebrowser-location { 
    159     border-bottom: 1px solid #d3d7cf; 
    160     text-align: left; 
    161     margin-bottom: 10px; 
     185border-bottom: 1px solid #d3d7cf; 
     186text-align: left; 
     187margin-bottom: 10px; 
    162188} 
    163189.filebrowser-item { 
    164     float: right; 
    165     width: 150px; 
    166     text-align: center; 
    167     font-size: x-small; 
    168     padding-top: 0.5em; 
    169     height: 90px; 
     190float: right; 
     191width: 150px; 
     192text-align: center; 
     193font-size: x-small; 
     194padding-top: 0.5em; 
     195height: 90px; 
    170196} 
    171197.filebrowser-date {color: #888a85;} 
    …… 
    173199 
    174200#rss_time { 
    175     border: 1px solid #5255a5; 
    176     background: #d04c01; 
    177     color: #fff; 
    178     font-size: 16px; 
    179     font-weight: bold; 
    180     padding: 4px; 
     201border: 1px solid #5255a5; 
     202background: #d04c01; 
     203color: #fff; 
     204font-size: 16px; 
     205font-weight: bold; 
     206padding: 4px; 
    181207} 
    182208 
    …… 
    187213/* separator for pager links, you can use an image too */ 
    188214.pager a:after { 
    189     content: " | "; 
    190     /*background-image: url("yourimage");*/ 
     215content: " | "; 
     216/*background-image: url("yourimage");*/ 
    191217} 
    192218/* no separator after last link */ 
    …… 
    199225pre.var_dump span.type {color:#006600; background:transparent;} 
    200226pre.var_dump span.value { 
    201     padding:2px; color:#339900; 
    202     background:#F0F0F0; 
    203     border: 1px dashed #CCCCCC; 
     227padding:2px; color:#339900; 
     228background:#F0F0F0; 
     229border: 1px dashed #CCCCCC; 
    204230} 
    205231/* End Debug */ 
    …… 
    222248/* Common styles for all gadgets */ 
    223249.clearfix:after { 
    224   height: 0; 
    225   clear: both; 
    226   width: 100%; 
    227   content: "."; 
    228   display: block; 
    229   visibility: hidden; 
     250height: 0; 
     251clear: both; 
     252width: 100%; 
     253content: "."; 
     254display: block; 
     255visibility: hidden; 
    230256} 
    231257.gadget {margin-bottom: 10px;} 
    232258.wide .gadget {margin-bottom: 2px;} 
    233 .gadget h3 {color: #000; border-bottom: 1px solid #d3d7cf;} 
     259.gadget h3 {color: #000; border-bottom: 1px solid #d3d7cf; font-size:14px;} 
    234260.gadget .content {font-size: 10pt; padding: 0px 5px; border-top: none;} 
    235261.gadget .content ul {list-style: none;} 
    …… 
    238264.gadget .actions div {text-align: right;} 
    239265.gadget .actions button{ 
    240   margin: 2px; 
    241   padding: 1px; 
    242   min-height: 18px; 
    243   min-width: 42px; 
    244   font-weight: bold; 
    245   overflow: visible; 
    246   border: 1px solid #babdb6; 
    247   border-top: 1px solid #d3d7cf; 
    248   border-left: 1px solid #d3d7cf; 
     266margin: 2px; 
     267padding: 1px; 
     268min-height: 18px; 
     269min-width: 42px; 
     270font-weight: bold; 
     271overflow: visible; 
     272border: 1px solid #babdb6; 
     273border-top: 1px solid #d3d7cf; 
     274border-left: 1px solid #d3d7cf; 
    249275} 
    250276 
    …… 
    263289/* Commnets */ 
    264290.comment .comment_info, .comment_reply { 
    265   padding: 5px; 
    266   text-align: left; 
    267   font-size: xx-small; 
    268   color: #babdb6; 
    269   clear: both; 
     291padding: 5px; 
     292text-align: left; 
     293font-size: xx-small; 
     294color: #babdb6; 
     295clear: both; 
    270296} 
    271297.comment .content {text-align: justify;} 
    272298.comment .avatar { 
    273   float: right; 
    274   margin-left: 5px; 
    275   margin-bottom: 5px; 
    276   border: 1px solid #000; 
     299float: right; 
     300margin-left: 5px; 
     301margin-bottom: 5px; 
     302border: 1px solid #000; 
    277303} 
    278304.comment_level_0 {margin-right: 0px;} 
    …… 
    299325 
    300326/* Poll */ 
    301 .poll .content  input {padding: 2px; border: none;} 
    302 .poll .content  label {padding-right: 2px;} 
     327.poll .contentinput {padding: 2px; border: none;} 
     328.poll .contentlabel {padding-right: 2px;} 
    303329.poll_result table {width: 98%; margin: 0px; padding:0px; font-size:10pt;} 
    304330.poll_result th { border: 1px solid #d3d7cf; } 
    305 .poll_result td {font-size:9pt; padding:4px 4px 4px 2px; border: 1px solid #d3d7cf; }