Changeset 8593

Show
Ignore:
Timestamp:
05/18/08 18:56:24 (8 months ago)
Author:
afz
Message:

Update digital theme

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • art/themes/digital/style.css

    r8464 r8593  
    11* {margin:0; padding:0;} 
    22body { 
    3   margin: 0 0; 
    4   padding: 0; 
    5   direction: ltr; 
    6   background: #fff; 
    7   margin-bottom: 10px; 
    8   text-align: center; 
    9   font-size: 1em; 
    10   font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif; 
     3margin: 0px; 
     4padding: 0px; 
     5direction: ltr; 
     6background: #fff; 
     7margin-bottom: 10px; 
     8text-align: center; 
     9font-size: 1em; 
     10font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif; 
    1111} 
    1212/* common style */ 
    …… 
    2323img {border: 0;} 
    2424textarea { 
    25   padding: 2px; 
    26   font-size: 8pt; 
    27   border: 1px solid #cccccc; 
     25padding: 2px; 
     26font-size: 8pt; 
     27border: 1px solid #cccccc; 
    2828} 
    2929input, select {font-size: 11pt; border: 1px solid #cccccc;} 
    3030button{font-size:12px; border: 1px solid #333;} 
    31 button, input[type="button"], input[type="submit"]  { 
    32   color: #888a85; 
    33   font-size: 8pt; 
    34   cursor: pointer; 
    35   background-color: #efefef; 
    36   border: 1px solid #babdb6; 
    37   border-top: 1px solid #d3d7cf; 
    38   border-left: 1px solid #d3d7cf; 
    39 } 
    40 button:hover, input[type="button"]:hover, input[type="submit"]:hover  { 
    41   color: #fff; 
    42   background-color: #3465a4; 
     31button, input[type="button"], input[type="submit"]{ 
     32color: #888a85; 
     33font-size: 8pt; 
     34cursor: pointer; 
     35background-color: #efefef; 
     36border: 1px solid #babdb6; 
     37border-top: 1px solid #d3d7cf; 
     38border-left: 1px solid #d3d7cf; 
     39} 
     40button:hover, input[type="button"]:hover, input[type="submit"]:hover{ 
     41color: #fff; 
     42background-color: #3465a4; 
    4343} 
    4444button:active, input[type="button"]:active, input[type="submit"]:active { 
    45   color: #000; 
    46   border: 1px solid #3465a4; 
    47   background-color: #fff; 
     45color: #000; 
     46border: 1px solid #3465a4; 
     47background-color: #fff; 
    4848} 
    4949select {cursor: pointer;} 
    5050input[type="text"], input[type="password"], textarea { 
    51   color: #555753; 
    52   background-color: #fff; 
    53   border: 1px solid #d3d7cf; 
    54   border-top: 1px solid #babdb6; 
    55   border-left: 1px solid #babdb6; 
    56 } 
    57 input[type="text"]:focus, input[type="password"]:focus, textarea:focus  { 
    58   color: #000; 
    59   background-color: #fff; 
    60   border: 1px solid #3465a4; 
     51color: #555753; 
     52background-color: #fff; 
     53border: 1px solid #d3d7cf; 
     54border-top: 1px solid #babdb6; 
     55border-left: 1px solid #babdb6; 
     56} 
     57input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
     58color: #000; 
     59background-color: #fff; 
     60border: 1px solid #3465a4; 
    6161} 
    6262textarea {width: inherit;} 
    6363input[type="radio"], input[type="checkbox"], select { 
    64   padding: 2px; 
    65   font-size: small; 
     64padding: 2px; 
     65font-size: small; 
    6666} 
    6767fieldset { 
    68   border: 0; 
    69   margin: 0; 
    70   padding: 0; 
    71   margin-bottom: 1em; 
    72   font-size: small; 
     68border: 0; 
     69margin: 0; 
     70padding: 0; 
     71margin-bottom: 1em; 
     72font-size: small; 
    7373} 
    7474legend { 
    75   background-color: white; 
    76   font-weight: bold; 
    77   font-size: 110%; 
    78   padding: 4px; 
    79   padding-left: .5em; 
    80   padding-right: .5em; 
     75background-color: white; 
     76font-weight: bold; 
     77font-size: 110%; 
     78padding: 4px; 
     79padding-left: .5em; 
     80padding-right: .5em; 
    8181} 
    8282label {color: #777; font-size: 12px; cursor: pointer;} 
    …… 
    8585fieldset label {display: block; font-size: 100%;} 
    8686fieldset div { 
    87   clear: right; 
    88   padding: 0 1em; 
    89   padding-bottom: 6px; 
     87clear: right; 
     88padding: 0 1em; 
     89padding-bottom: 6px; 
    9090} 
    9191fieldset div strong {font-size: 100%} 
    …… 
    9393 
    9494#container { 
    95   width:960px; 
    96   text-align:left; 
    97   margin:0px auto; 
     95width:960px; 
     96text-align:left; 
     97margin:0px auto; 
    9898} 
    9999#top_header { 
    100   height:130px; 
    101   color:rgb(75,75,75); 
    102   text-align:center; 
    103   background: rgb(105,173,249) url(images/bg-logo.png) repeat-x; 
     100height:130px; 
     101color:rgb(75,75,75); 
     102text-align:center; 
     103background: rgb(105,173,249) url(images/bg-logo.png) repeat-x; 
    104104} 
    105105#top_header h1 {font-size:1.8em;padding-top:36px;} 
    …… 
    107107#top_header p {color:#cc0;} 
    108108#header { 
    109   min-height: 26px; 
    110   border-bottom: 1px solid  #cccccc; 
    111   background: rgb(230,230,230) url(images/bg-header.png) repeat; 
     109min-height: 26px; 
     110border-bottom: 1px solid#cccccc; 
     111background: rgb(230,230,230) url(images/bg-header.png) repeat; 
    112112} 
    113113#main-section {clear:both;} 
    …… 
    117117#footer {clear:both;} 
    118118#sub_footer { 
    119   padding: 0px; 
    120   margin-top: 0px; 
    121   color: #888a85; 
    122   height: 16px; 
    123   text-align: center; 
    124   letter-spacing: 0px; 
    125   background: rgb(230,230,230) url(images/bg-footer.png) repeat-x; 
     119padding: 0px; 
     120margin-top: 0px; 
     121color: #888a85; 
     122height: 16px; 
     123text-align: center; 
     124letter-spacing: 0px; 
     125background: rgb(230,230,230) url(images/bg-footer.png) repeat-x; 
    126126} 
    127127#sub_footer a, #sub_footer a:hover{text-decoration: none;} 
    …… 
    130130/* Common styles for all gadgets */ 
    131131.clearfix:after { 
    132   height: 0; 
    133   clear: both; 
    134   width: 100%; 
    135   content: "."; 
    136   display: block; 
    137   visibility: hidden; 
     132height: 0; 
     133clear: both; 
     134width: 100%; 
     135content: "."; 
     136display: block; 
     137visibility: hidden; 
     138} 
     139#main h1 { 
     140padding: 2px; 
     141font-size: 15px; 
     142text-align: left; 
     143margin-bottom: 8px; 
     144background-color: #f0e7e0; 
    138145} 
    139146.gadget {margin-bottom: 10px;} 
    140147.wide .gadget {margin-bottom: 2px;} 
    141148.gadget h3 { 
    142   color: #777; 
    143   padding: 1px; 
    144   font-size: 12px; 
    145   text-align: left; 
    146   margin-bottom: 2px; 
    147   border: 1px dotted #f0cca0; 
    148   background-color: #f7f0e7; 
     149color: #777; 
     150padding: 2px; 
     151font-size: 12px; 
     152text-align: left; 
     153margin-bottom: 2px; 
     154background-color: #f5f0ea; 
    149155} 
    150156.gadget .content {font-size: 10pt; padding: 2px 5px; border-top: none;} 
    …… 
    154160.gadget .actions div {text-align: left;} 
    155161.gadget .actions button{ 
    156   margin: 2px; 
    157   padding: 1px; 
    158   min-height: 18px; 
    159   min-width: 42px; 
    160   font-weight: bold; 
    161   overflow: visible; 
    162   border: 1px solid #babdb6; 
    163   border-top: 1px solid #d3d7cf; 
    164   border-right: 1px solid #d3d7cf; 
     162margin: 2px; 
     163padding: 1px; 
     164min-height: 18px; 
     165min-width: 42px; 
     166font-weight: bold; 
     167overflow: visible; 
     168border: 1px solid #babdb6; 
     169border-top: 1px solid #d3d7cf; 
     170border-right: 1px solid #d3d7cf; 
    165171} 
    166172 
    …… 
    179185/* Commnets */ 
    180186.comment .comment_info, .comment_reply { 
    181   padding: 5px; 
    182   text-align: right; 
    183   font-size: xx-small; 
    184   color: #babdb6; 
    185   clear: both; 
     187padding: 5px; 
     188text-align: right; 
     189font-size: xx-small; 
     190color: #babdb6; 
     191clear: both; 
    186192} 
    187193.comment .content {text-align: justify;} 
    188194.comment .avatar { 
    189   float: left; 
    190   margin-right: 5px; 
    191   margin-bottom: 5px; 
    192   border: 1px solid #000; 
     195float: left; 
     196margin-right: 5px; 
     197margin-bottom: 5px; 
     198border: 1px solid #000; 
    193199} 
    194200.comment_level_0 {margin-left: 0px;} 
    195 .comment_level_1 {margin-left: 10px;} 
    196 .comment_level_2 {margin-left: 20px;} 
    197 .comment_level_3 {margin-left: 30px;} 
    198 .comment_level_4 {margin-left: 40px;} 
    199 .comment_level_5 {margin-left: 50px;} 
    200 .comment_level_6 {margin-left: 60px;} 
    201 .comment_level_7 {margin-left: 70px;} 
     201.comment_level_1 {margin-left: 20px;} 
     202.comment_level_2 {margin-left: 40px;} 
     203.comment_level_3 {margin-left: 60px;} 
     204.comment_level_4 {margin-left: 80px;} 
     205.comment_level_5 {margin-left: 100px;} 
     206.comment_level_6 {margin-left: 120px;} 
     207.comment_level_7 {margin-left: 140px;} 
    202208.comment_form p {clear: left; padding-bottom:4px; padding-left: 185px;} 
    203209.comment_form p label {font-weight: bold; float:left; width: 180px; font-weight: bold; margin-left: -185px;} 
    …… 
    215221 
    216222/* Poll */ 
    217 .poll .content  input {padding: 2px; border: none;} 
    218 .poll .content  label {padding-left: 2px;} 
     223.poll .contentinput {padding: 2px; border: none;} 
     224.poll .contentlabel {padding-left: 2px;} 
    219225.poll_result table {width: 98%; margin: 0px; padding:0px; font-size:10pt;} 
    220226.poll_result th { border: 1px solid #d3d7cf; } 
    …… 
    237243.quotes ul {list-style: none;} 
    238244.quotes li , .rssreader li { 
    239   display: block; 
    240   color: #271739; 
    241   font-size: 12px; 
    242   padding: 2px 6px 2px 2px; 
    243   text-decoration: none; 
    244   border-bottom: 1px dashed #ccc; 
     245display: block; 
     246color: #271739; 
     247font-size: 12px; 
     248padding: 2px; 
     249padding-right: 6px; 
     250text-decoration: none; 
     251border-bottom: 1px dashed #ccc; 
    245252} 
    246253.quotes ul a:hover {color: #ef3300;} 
    …… 
    249256/* Blog */ 
    250257.blog_entry .entry-meta, .comment-feed { 
    251   display: block; 
    252   padding-top: 4px; 
    253   text-align: right; 
    254   font-size: smaller; 
    255   border-top:1px dashed #e3e7df; margin-top: 10px; 
     258display: block; 
     259padding-top: 4px; 
     260text-align: right; 
     261font-size: smaller; 
     262border-top:1px dashed #e3e7df; margin-top: 10px; 
    256263} 
    257264.blog-comment-title { 
    258   color: #000; 
    259   font-weight: bold; 
    260   font-size: 110%; 
     265color: #000; 
     266font-weight: bold; 
     267font-size: 110%; 
    261268} 
    262269.blog-comment-title a, .blog-comment-title a:hover { 
    263   color: #000; 
    264   text-decoration: none; 
    265 } 
    266  
    267 .blog-entry-nav, .blog-page-nav  { 
    268   padding: 4px; 
    269   height: 15px; 
    270   font-size: 80%; 
    271   display: block; 
    272   margin-bottom: 5px; 
    273   border: 1px solid #d3d7cf; 
    274   background-color: #fafafa; 
     270color: #000; 
     271text-decoration: none; 
     272} 
     273 
     274.blog-entry-nav, .blog-page-nav{ 
     275padding: 4px; 
     276height: 15px; 
     277font-size: 80%; 
     278display: block; 
     279margin-bottom: 5px; 
     280border: 1px solid #d3d7cf; 
     281background-color: #fafafa; 
    275282} 
    276283.blog-entry-nav .float-left {float:left} 
    277284.blog-entry-nav .float-right {float:right} 
    278285.blog-tb { 
    279   border: 1px solid #d3d7cf; 
    280   background: #fff; 
    281   padding: 10px; 
    282   font-size: xx-small; 
    283 } 
    284  
     286padding: 5px; 
     287font-size: 8pt; 
     288background: none; 
     289margin-bottom: 2px; 
     290border: 1px solid #d3d7cf; 
     291} 
    285292.blog-page-nav .float-left {float:left} 
    286293.blog-page-nav .float-right {float:right} 
    287294 
    288295.calendar { 
    289     margin-top: 10px; 
    290     margin-bottom: 10px; 
    291     padding: 2px; 
    292     border: 1px solid #d3d7cf; 
    293     width: 100%; 
     296margin-top: 10px; 
     297margin-bottom: 10px; 
     298padding: 2px; 
     299border: 1px solid #d3d7cf; 
     300width: 100%; 
    294301} 
    295302.calendar #cal-header { 
    296     color: #fff; 
    297     background: #777; 
    298     font-size: 12px; 
    299     font-weight: bold; 
    300     padding: 2px; 
    301     text-align: center; 
     303color: #fff; 
     304background: #777; 
     305font-size: 12px; 
     306font-weight: bold; 
     307padding: 2px; 
     308text-align: center; 
    302309} 
    303310.calendar #cal-header a { 
    304     font-weight: bold; 
    305     color: #fff; 
    306     text-decoration: none; 
     311font-weight: bold; 
     312color: #fff; 
     313text-decoration: none; 
    307314} 
    308315.calendar #cal-header #arrow-left {margin-left: 2px; float: left;} 
    309316.calendar #cal-header #arrow-right {margin-right: 2px; float: right;} 
    310317.calendar .weekday { 
    311     color: #babdb6; 
    312     background: #eee; 
    313     font-size: 10px; 
    314     font-weight: bold; 
    315     padding: 2px; 
    316     text-align: center; 
     318color: #babdb6; 
     319background: #eee; 
     320font-size: 10px; 
     321font-weight: bold; 
     322padding: 2px; 
     323text-align: center; 
    317324} 
    318325.calendar .noday { 
    319     color: #aaa; 
    320     font-size: 10px; 
    321     padding: 2px; 
    322     text-align: center; 
     326color: #aaa; 
     327font-size: 10px; 
     328padding: 2px; 
     329text-align: center; 
    323330} 
    324331.calendar .noday a {color: #aaa; text-decoration: underline;} 
    325332.calendar .day { 
    326     color: #555753; 
    327     font-size: 10px; 
    328     padding: 2px; 
    329     text-align: center; 
     333color: #555753; 
     334font-size: 10px; 
     335padding: 2px; 
     336text-align: center; 
    330337} 
    331338.calendar .day a {color: #3465a4; text-decoration: underline;} 
    332339.calendar .today { 
    333     background-color: #777; 
    334     color: #fff; 
    335     font-size: 10px; 
    336     font-weight: bold; 
    337     text-align: center; 
     340background-color: #777; 
     341color: #fff; 
     342font-size: 10px; 
     343font-weight: bold; 
     344text-align: center; 
    338345} 
    339346.calendar .today a {color: #fff; text-decoration: underline;} 
    …… 
    381388.faq .summary {padding-bottom: 5px;} 
    382389.faq .summary li {margin-left: 20px; font-size: 10pt;} 
    383 .faq .summary li  {font-weight: bold;} 
    384 .faq .summary li  ol li {font-weight: normal;} 
     390.faq .summary li{font-weight: bold;} 
     391.faq .summary liol li {font-weight: normal;} 
    385392.faq_category h4 {font-size: 10pt;} 
    386393 
    …… 
    390397.glossary h3 {margin-bottom: 10px;} 
    391398.glossary span { 
    392   border: 1px solid #d3d7cf; 
    393   padding: 4px; 
    394   background: #eee; 
    395   font-size: xx-small; 
     399border: 1px solid #d3d7cf; 
     400padding: 4px; 
     401background: #eee; 
     402font-size: xx-small; 
    396403} 
    397404.glossary span a {padding: 2px;} 
    …… 
    432439.narrow .menu .content ul {z-index:500;} 
    433440.menu a, .menu a:visited { 
    434   color:#777; 
    435   padding:4px; 
    436   display:block; 
    437   min-height:18px; 
    438   font-weight: bold; 
    439   text-decoration:none; 
    440   border:1px solid #fff; 
    441   border-bottom: none; 
     441padding:4px; 
     442display:block; 
     443min-height:18px; 
     444font-weight: bold; 
     445text-decoration:none; 
     446border:1px solid #fff; 
     447border-bottom: none; 
    442448} 
    443449.menu li {background:#f0f0f0;} 
    …… 
    447453.menu li:hover {position:relative;} 
    448454.menu li:hover > a {background:#ddd; color:#37a;} 
    449 .menu li a:active, .menu li a:focus {background:#ddd; color:#37a;} 
    450455.narrow .menu li ul {display:none;} 
    451456.wide .menu li ul {display:none;} 
    452457.menu li:hover > ul { 
    453   display:block; 
    454   position:absolute; 
    455   padding:10px 30px 30px 30px; 
    456   background:transparent url(images/blank.gif); 
     458display:block; 
     459position:absolute; 
     460padding:10px 30px 30px 30px; 
     461background:transparent url(images/blank.gif); 
    457462} 
    458463.wide .menu li:hover > ul {top:16px; left:-30px;} 
    459464.wide .menu li ul li:hover > ul {top:-10px; left:148px;} 
    460465.narrow .menu li:hover > ul {top:-10px; left:148px;} 
    461 .menu ul table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:1000; font-size:1em;} 
    462 * html .menu a:hover {color:#37a; background:#ddd; position:relative;} 
     466.menu ul table { 
     467top:0; 
     468left:0; 
     469z-index:1000; 
     470font-size:1em; 
     471position:absolute; 
     472border-collapse:collapse; 
     473} 
     474* html .menu a:hover {background:#ddd; color:#37a; position:relative;} 
     475* html .wide .menu a:hover {float: left;} /* must be removed in RTL mode */ 
    463476* html .narrow .menu li a, * html .narrow .menu li a:visited {width:200px;} 
    464 * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:200px;} 
     477* html .wide .menu li ul, * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:200px;} 
    465478* html .narrow .menu li ul { 
    466   display:block; 
    467   position:absolute; 
    468   visibility:hidden; 
    469   top:-10px; left:148px; 
    470   padding:10px 30px 30px 30px; 
    471   background:transparent url(images/blank.gif); 
     479display:block; 
     480position:absolute; 
     481visibility:hidden; 
     482top:-11px; left:148px; 
     483padding:10px 30px 30px 30px; 
     484background:transparent url(images/blank.gif); 
    472485} 
    473486* html .wide .menu li ul { 
    474   display:block; 
    475   position:absolute; 
    476   visibility:hidden; 
    477   top:0px; left:148px; 
    478   padding:10px 30px 30px 30px; 
    479   background:transparent url(images/blank.gif); 
     487display:block; 
     488position:absolute; 
     489visibility:hidden; 
     490top:0px; left:148px; 
     491padding:10px 30px 30px 30px; 
     492background:transparent url(images/blank.gif); 
    480493} 
    481494.wide .menu ul li a:hover ul ul{visibility:hidden;} 
    …… 
    483496.wide .menu ul li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;} 
    484497.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;} 
    485 .wide .menu ul li a:hover ul {visibility:visible; left:-30px; top:13px; lef\t:-35px; to\p:14px;} 
    486 .wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-10px; left:148px;} 
     498.wide .menu ul li a:hover ul {visibility:visible; left:-31px; top:14px;} 
     499.wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-11px; left:148px;} 
    487500.wide .menu ul li a:hover ul a:hover ul a:hover ul {visibility:visible;} 
    488501.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;} 

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

    r8577 r8593  
    11* {margin:0; padding:0;} 
    22body { 
    3   margin: 0 0; 
    4   padding: 0; 
    5   direction: ltr; 
    6   background: #fff; 
    7   margin-bottom: 10px; 
    8   text-align: center; 
    9   font-size: 1em; 
    10   font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif; 
     3margin: 0px; 
     4padding: 0px; 
     5direction: ltr; 
     6background: #fff; 
     7margin-bottom: 10px; 
     8text-align: center; 
     9font-size: 1em; 
     10font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif; 
    1111} 
    1212/* common style */ 
    …… 
    2323img {border: 0;} 
    2424textarea { 
    25   padding: 2px; 
    26   font-size: 8pt; 
    27   border: 1px solid #cccccc; 
     25padding: 2px; 
     26font-size: 8pt; 
     27border: 1px solid #cccccc; 
    2828} 
    2929input, select {font-size: 11pt; border: 1px solid #cccccc;} 
    3030button{font-size:12px; border: 1px solid #333;} 
    31 button, input[type="button"], input[type="submit"]  { 
    32   color: #888a85; 
    33   font-size: 8pt; 
    34   cursor: pointer; 
    35   background-color: #efefef; 
    36   border: 1px solid #babdb6; 
    37   border-top: 1px solid #d3d7cf; 
    38   border-right: 1px solid #d3d7cf; 
    39 } 
    40 button:hover, input[type="button"]:hover, input[type="submit"]:hover  { 
    41   color: #fff; 
    42   background-color: #3465a4; 
     31button, input[type="button"], input[type="submit"]{ 
     32color: #888a85; 
     33font-size: 8pt; 
     34cursor: pointer; 
     35background-color: #efefef; 
     36border: 1px solid #babdb6; 
     37border-top: 1px solid #d3d7cf; 
     38border-right: 1px solid #d3d7cf; 
     39} 
     40button:hover, input[type="button"]:hover, input[type="submit"]:hover{ 
     41color: #fff; 
     42background-color: #3465a4; 
    4343} 
    4444button:active, input[type="button"]:active, input[type="submit"]:active { 
    45   color: #000; 
    46   border: 1px solid #3465a4; 
    47   background-color: #fff; 
     45color: #000; 
     46border: 1px solid #3465a4; 
     47background-color: #fff; 
    4848} 
    4949select {cursor: pointer;} 
    5050input[type="text"], input[type="password"], textarea { 
    51   color: #555753; 
    52   background-color: #fff; 
    53   border: 1px solid #d3d7cf; 
    54   border-top: 1px solid #babdb6; 
    55   border-right: 1px solid #babdb6; 
    56 } 
    57 input[type="text"]:focus, input[type="password"]:focus, textarea:focus  { 
    58   color: #000; 
    59   background-color: #fff; 
    60   border: 1px solid #3465a4; 
     51color: #555753; 
     52background-color: #fff; 
     53border: 1px solid #d3d7cf; 
     54border-top: 1px solid #babdb6; 
     55border-right: 1px solid #babdb6; 
     56} 
     57input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
     58color: #000; 
     59background-color: #fff; 
     60border: 1px solid #3465a4; 
    6161} 
    6262textarea {width: inherit;} 
    6363input[type="radio"], input[type="checkbox"], select { 
    64   padding: 2px; 
    65   font-size: small; 
     64padding: 2px; 
     65font-size: small; 
    6666} 
    6767fieldset { 
    68   border: 0; 
    69   margin: 0; 
    70   padding: 0; 
    71   margin-bottom: 1em; 
    72   font-size: small; 
     68border: 0; 
     69margin: 0; 
     70padding: 0; 
     71margin-bottom: 1em; 
     72font-size: small; 
    7373} 
    7474legend { 
    75   background-color: white; 
    76   font-weight: bold; 
    77   font-size: 110%; 
    78   padding: 4px; 
    79   padding-right: .5em; 
    80   padding-left: .5em; 
     75background-color: white; 
     76font-weight: bold; 
     77font-size: 110%; 
     78padding: 4px; 
     79padding-right: .5em; 
     80padding-left: .5em; 
    8181} 
    8282label {color: #777; font-size: 12px; cursor: pointer;} 
    …… 
    8585fieldset label {display: block; font-size: 100%;} 
    8686fieldset div { 
    87   clear: left; 
    88   padding: 0 1em; 
    89   padding-bottom: 6px; 
     87clear: left; 
     88padding: 0 1em; 
     89padding-bottom: 6px; 
    9090} 
    9191fieldset div strong {font-size: 100%} 
    …… 
    9393 
    9494#container { 
    95   direction: rtl; 
    96   width:960px; 
    97   text-align:right; 
    98   margin:0px auto; 
     95width:960px; 
     96text-align:right; 
     97margin:0px auto; 
     98direction: rtl; 
    9999} 
    100100#top_header { 
    101   height:130px; 
    102   color:rgb(75,75,75); 
    103   text-align:center; 
    104   background: rgb(105,173,249) url(images/bg-logo.png) repeat-x; 
     101height:130px; 
     102color:rgb(75,75,75); 
     103text-align:center; 
     104background: rgb(105,173,249) url(images/bg-logo.png) repeat-x; 
    105105} 
    106106#top_header h1 {font-size:1.8em;padding-top:36px;} 
    …… 
    108108#top_header p {color:#cc0;} 
    109109#header { 
    110   min-height: 26px; 
    111   border-bottom: 1px solid  #cccccc; 
    112   background: rgb(230,230,230) url(images/bg-header.png) repeat; 
     110min-height: 26px; 
     111border-bottom: 1px solid#cccccc; 
     112background: rgb(230,230,230) url(images/bg-header.png) repeat; 
    113113} 
    114114#main-section {clear:both;} 
    …… 
    118118#footer {clear:both;} 
    119119#sub_footer { 
    120   padding: 0px; 
    121   margin-top: 0px; 
    122   color: #888a85; 
    123   height: 16px; 
    124   text-align: center; 
    125   letter-spacing: 0px; 
    126   background: rgb(230,230,230) url(images/bg-footer.png) repeat-x; 
     120padding: 0px; 
     121margin-top: 0px; 
     122color: #888a85; 
     123height: 16px; 
     124text-align: center; 
     125letter-spacing: 0px; 
     126background: rgb(230,230,230) url(images/bg-footer.png) repeat-x; 
    127127} 
    128128#sub_footer a, #sub_footer a:hover{text-decoration: none;} 
    …… 
    131131/* Common styles for all gadgets */ 
    132132.clearfix:after { 
    133   height: 0; 
    134   clear: both; 
    135   width: 100%; 
    136   content: "."; 
    137   display: block; 
    138   visibility: hidden; 
     133height: 0; 
     134clear: both; 
     135width: 100%; 
     136content: "."; 
     137display: block; 
     138visibility: hidden; 
     139} 
     140#main h1 { 
     141padding: 2px; 
     142font-size: 15px; 
     143text-align: right; 
     144margin-bottom: 8px; 
     145background-color: #f0e7e0; 
    139146} 
    140147.gadget {margin-bottom: 10px;} 
    141148.wide .gadget {margin-bottom: 2px;} 
    142149.gadget h3 { 
    143   color: #777; 
    144   padding: 1px; 
    145   font-size: 12px; 
    146   text-align: right; 
    147   margin-bottom: 2px; 
    148   border: 1px dotted #f0cca0; 
    149   background-color: #f7f0e7; 
     150color: #777; 
     151padding: 2px; 
     152font-size: 12px; 
     153text-align: right; 
     154margin-bottom: 2px; 
     155background-color: #f5f0ea; 
    150156} 
    151157.gadget .content {font-size: 10pt; padding: 2px 5px; border-top: none;} 
    …… 
    155161.gadget .actions div {text-align: right;} 
    156162.gadget .actions button{ 
    157   margin: 2px; 
    158   padding: 1px; 
    159   min-height: 18px; 
    160   min-width: 42px; 
    161   font-weight: bold; 
    162   overflow: visible; 
    163   border: 1px solid #babdb6; 
    164   border-top: 1px solid #d3d7cf; 
    165   border-left: 1px solid #d3d7cf; 
     163margin: 2px; 
     164padding: 1px; 
     165min-height: 18px; 
     166min-width: 42px; 
     167font-weight: bold; 
     168overflow: visible; 
     169border: 1px solid #babdb6; 
     170border-top: 1px solid #d3d7cf; 
     171border-left: 1px solid #d3d7cf; 
    166172} 
    167173 
    …… 
    180186/* Commnets */ 
    181187.comment .comment_info, .comment_reply { 
    182   padding: 5px; 
    183   text-align: left; 
    184   font-size: xx-small; 
    185   color: #babdb6; 
    186   clear: both; 
     188padding: 5px; 
     189text-align: left; 
     190font-size: xx-small; 
     191color: #babdb6; 
     192clear: both; 
    187193} 
    188194.comment .content {text-align: justify;} 
    189195.comment .avatar { 
    190   float: right; 
    191   margin-left: 5px; 
    192   margin-bottom: 5px; 
    193   border: 1px solid #000; 
     196float: right; 
     197margin-left: 5px; 
     198margin-bottom: 5px; 
     199border: 1px solid #000; 
    194200} 
    195201.comment_level_0 {margin-right: 0px;} 
    196 .comment_level_1 {margin-right: 10px;} 
    197 .comment_level_2 {margin-right: 20px;} 
    198 .comment_level_3 {margin-right: 30px;} 
    199 .comment_level_4 {margin-right: 40px;} 
    200 .comment_level_5 {margin-right: 50px;} 
    201 .comment_level_6 {margin-right: 60px;} 
    202 .comment_level_7 {margin-right: 70px;} 
     202.comment_level_1 {margin-right: 20px;} 
     203.comment_level_2 {margin-right: 40px;} 
     204.comment_level_3 {margin-right: 60px;} 
     205.comment_level_4 {margin-right: 80px;} 
     206.comment_level_5 {margin-right: 100px;} 
     207.comment_level_6 {margin-right: 120px;} 
     208.comment_level_7 {margin-right: 140px;} 
    203209.comment_form p {clear: right; padding-bottom:4px; padding-right: 185px;} 
    204210.comment_form p label {font-weight: bold; float:right; width: 180px; font-weight: bold; margin-right: -185px;} 
    …… 
    216222 
    217223/* Poll */ 
    218 .poll .content  input {padding: 2px; border: none;} 
    219 .poll .content  label {padding-right: 2px;} 
     224.poll .contentinput {padding: 2px; border: none;} 
     225.poll .contentlabel {padding-right: 2px;} 
    220226.poll_result table {width: 98%; margin: 0px; padding:0px; font-size:10pt;} 
    221227.poll_result th { border: 1px solid #d3d7cf; } 
    …… 
    238244.quotes ul {list-style: none;} 
    239245.quotes li , .rssreader li { 
    240   display: block; 
    241   color: #271739; 
    242   font-size: 12px; 
    243   padding: 2px 2px 2px 6px; 
    244   text-decoration: none; 
    245   border-bottom: 1px dashed #ccc; 
     246display: block; 
     247color: #271739; 
     248font-size: 12px; 
     249padding: 2px; 
     250padding-left: 6px; 
     251text-decoration: none; 
     252border-bottom: 1px dashed #ccc; 
    246253} 
    247254.quotes ul a:hover {color: #ef3300;} 
    …… 
    250257/* Blog */ 
    251258.blog_entry .entry-meta, .comment-feed { 
    252   display: block; 
    253   padding-top: 4px; 
    254   text-align: left; 
    255   font-size: smaller; 
    256   border-top:1px dashed #e3e7df; margin-top: 10px; 
     259display: block; 
     260padding-top: 4px; 
     261text-align: left; 
     262font-size: smaller; 
     263border-top:1px dashed #e3e7df; margin-top: 10px; 
    257264} 
    258265.blog-comment-title { 
    259   color: #000; 
    260   font-weight: bold; 
    261   font-size: 110%; 
     266color: #000; 
     267font-weight: bold; 
     268font-size: 110%; 
    262269} 
    263270.blog-comment-title a, .blog-comment-title a:hover { 
    264   color: #000; 
    265   text-decoration: none; 
    266 } 
    267  
    268 .blog-entry-nav, .blog-page-nav  { 
    269   padding: 4px; 
    270   height: 15px; 
    271   font-size: 80%; 
    272   display: block; 
    273   margin-bottom: 5px; 
    274   border: 1px solid #d3d7cf; 
    275   background-color: #fafafa; 
     271color: #000; 
     272text-decoration: none; 
     273} 
     274 
     275.blog-entry-nav, .blog-page-nav{ 
     276padding: 4px; 
     277height: 15px; 
     278font-size: 80%; 
     279display: block; 
     280margin-bottom: 5px; 
     281border: 1px solid #d3d7cf; 
     282background-color: #fafafa; 
    276283} 
    277284.blog-entry-nav .float-right {float:right} 
    278285.blog-entry-nav .float-left {float:left} 
    279286.blog-tb { 
    280   border: 1px solid #d3d7cf; 
    281   background: #fff; 
    282   padding: 10px; 
    283   font-size: xx-small; 
    284 } 
    285  
     287padding: 5px; 
     288font-size: 8pt; 
     289background: none; 
     290margin-bottom: 2px; 
     291border: 1px solid #d3d7cf; 
     292} 
    286293.blog-page-nav .float-right {float:right} 
    287294.blog-page-nav .float-left {float:left} 
    288295 
    289296.calendar { 
    290     margin-top: 10px; 
    291     margin-bottom: 10px; 
    292     padding: 2px; 
    293     border: 1px solid #d3d7cf; 
    294     width: 100%; 
     297margin-top: 10px; 
     298margin-bottom: 10px; 
     299padding: 2px; 
     300border: 1px solid #d3d7cf; 
     301width: 100%; 
    295302} 
    296303.calendar #cal-header { 
    297     color: #fff; 
    298     background: #777; 
    299     font-size: 12px; 
    300     font-weight: bold; 
    301     padding: 2px; 
    302     text-align: center; 
     304color: #fff; 
     305background: #777; 
     306font-size: 12px; 
     307font-weight: bold; 
     308padding: 2px; 
     309text-align: center; 
    303310} 
    304311.calendar #cal-header a { 
    305     font-weight: bold; 
    306     color: #fff; 
    307     text-decoration: none; 
     312font-weight: bold; 
     313color: #fff; 
     314text-decoration: none; 
    308315} 
    309316.calendar #cal-header #arrow-right {margin-right: 2px; float: right;} 
    310317.calendar #cal-header #arrow-left {margin-left: 2px; float: left;} 
    311318.calendar .weekday { 
    312     color: #babdb6; 
    313     background: #eee; 
    314     font-size: 10px; 
    315     font-weight: bold; 
    316     padding: 2px; 
    317     text-align: center; 
     319color: #babdb6; 
     320background: #eee; 
     321font-size: 10px; 
     322font-weight: bold; 
     323padding: 2px; 
     324text-align: center; 
    318325} 
    319326.calendar .noday { 
    320     color: #aaa; 
    321     font-size: 10px; 
    322     padding: 2px; 
    323     text-align: center; 
     327color: #aaa; 
     328font-size: 10px; 
     329padding: 2px; 
     330text-align: center; 
    324331} 
    325332.calendar .noday a {color: #aaa; text-decoration: underline;} 
    326333.calendar .day { 
    327     color: #555753; 
    328     font-size: 10px; 
    329     padding: 2px; 
    330     text-align: center; 
     334color: #555753; 
     335font-size: 10px; 
     336padding: 2px; 
     337text-align: center; 
    331338} 
    332339.calendar .day a {color: #3465a4; text-decoration: underline;} 
    333340.calendar .today { 
    334     background-color: #777; 
    335     color: #fff; 
    336     font-size: 10px; 
    337     font-weight: bold; 
    338     text-align: center; 
     341background-color: #777; 
     342color: #fff; 
     343font-size: 10px; 
     344font-weight: bold; 
     345text-align: center; 
    339346} 
    340347.calendar .today a {color: #fff; text-decoration: underline;} 
    …… 
    382389.faq .summary {padding-bottom: 5px;} 
    383390.faq .summary li {margin-right: 20px; font-size: 10pt;} 
    384 .faq .summary li  {font-weight: bold;} 
    385 .faq .summary li  ol li {font-weight: normal;} 
     391.faq .summary li{font-weight: bold;} 
     392.faq .summary liol li {font-weight: normal;} 
    386393.faq_category h4 {font-size: 10pt;} 
    387394 
    …… 
    391398.glossary h3 {margin-bottom: 10px;} 
    392399.glossary span { 
    393   border: 1px solid #d3d7cf; 
    394   padding: 4px; 
    395   background: #eee; 
    396   font-size: xx-small; 
     400border: 1px solid #d3d7cf; 
     401padding: 4px; 
     402background: #eee; 
     403font-size: xx-small; 
    397404} 
    398405.glossary span a {padding: 2px;} 
    …… 
    433440.narrow .menu .content ul {z-index:500;} 
    434441.menu a, .menu a:visited { 
    435   color:#777; 
    436   padding:4px; 
    437   display:block; 
    438   min-height:18px; 
    439   font-weight: bold; 
    440   text-decoration:none; 
    441   border:1px solid #fff; 
    442   border-bottom: none; 
     442padding:4px; 
     443display:block; 
     444min-height:18px; 
     445font-weight: bold; 
     446text-decoration:none; 
     447border:1px solid #fff; 
     448border-bottom: none; 
    443449} 
    444450.menu li {background:#f0f0f0;} 
    …… 
    448454.menu li:hover {position:relative;} 
    449455.menu li:hover > a {background:#ddd; color:#37a;} 
    450 .menu li a:active, .menu li a:focus {background:#ddd; color:#37a;} 
    451456.narrow .menu li ul {display:none;} 
    452457.wide .menu li ul {display:none;} 
    453458.menu li:hover > ul { 
    454   display:block; 
    455   position:absolute; 
    456   padding:10px 30px 30px 30px; 
    457   background:transparent url(images/blank.gif); 
     459display:block; 
     460position:absolute; 
     461padding:10px 30px 30px 30px; 
     462background:transparent url(images/blank.gif); 
    458463} 
    459464.wide .menu li:hover > ul {top:16px; right:-30px;} 
    460465.wide .menu li ul li:hover > ul {top:-10px; right:148px;} 
    461466.narrow .menu li:hover > ul {top:-10px; right:148px;} 
    462 .menu ul table {position:absolute; border-collapse:collapse; top:0; right:0; z-index:1000; font-size:1em;} 
    463 * html .menu a:hover {color:#37a; background:#ddd;} /* position:relative; */ 
     467.menu ul table { 
     468top:0; 
     469right:0; 
     470z-index:1000; 
     471font-size:1em; 
     472position:absolute; 
     473border-collapse:collapse; 
     474} 
     475* html .menu a:hover {background:#ddd; color:#37a; position:relative;} 
    464476* html .narrow .menu li a, * html .narrow .menu li a:visited {width:200px;} 
    465 * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:200px;} 
     477* html .wide .menu li ul, * html .wide .menu li ul li a, * html .wide .menu li ul li a:visited {width:200px;} 
    466478* html .narrow .menu li ul { 
    467   display:block; 
    468   position:absolute; 
    469   visibility:hidden; 
    470   top:-10px; right:148px; 
    471   padding:10px 30px 30px 30px; 
    472   background:transparent url(images/blank.gif); 
     479display:block; 
     480position:absolute; 
     481visibility:hidden; 
     482top:-11px; right:148px; 
     483padding:10px 30px 30px 30px; 
     484background:transparent url(images/blank.gif); 
    473485} 
    474486* html .wide .menu li ul { 
    475   display:block; 
    476   position:absolute; 
    477   visibility:hidden; 
    478   top:0px; right:148px; 
    479   padding:10px 30px 30px 30px; 
    480   background:transparent url(images/blank.gif); 
     487display:block; 
     488position:absolute; 
     489visibility:hidden; 
     490top:0px; right:148px; 
     491padding:10px 30px 30px 30px; 
     492background:transparent url(images/blank.gif); 
    481493} 
    482494.wide .menu ul li a:hover ul ul{visibility:hidden;} 
    …… 
    484496.wide .menu ul li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;} 
    485497.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;} 
    486 .wide .menu ul li a:hover ul {visibility:visible; right:-30px; top:13px; lef\t:-35px; to\p:14px;} 
    487 .wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-10px; right:148px;} 
     498.wide .menu ul li a:hover ul {visibility:visible; right:-38px; top:14px;} 
     499.wide .menu ul li a:hover ul a:hover ul{visibility:visible; top:-11px; right:148px;} 
    488500.wide .menu ul li a:hover ul a:hover ul a:hover ul {visibility:visible;} 
    489501.wide .menu ul li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}