ep2008-dev

themes/ep2008/css/common.css

62:0fa03d82b23d
2008-09-07 Paul Boddie Added links to translation issues, hopefully fixed in future MoinMoin versions. moin-1.6
     1 /*  common.css - MoinMoin Default Styles     2      3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann     4 Copyright (c) 2007 by Paul Boddie (minor adjustments)     5 */     6      7 /* content styles */     8      9 html {    10     background-color: #ccc9e2;    11     color: black;    12     font-family: Arial, Helvetica, sans-serif;    13     font-size: 1em;    14 }    15     16 body {    17     margin: 0;    18 }    19     20 /* Links */    21     22 a {color: #0044B3;}    23 a:visited {color: #597BB3;}    24 a.nonexistent, a.badinterwiki {color: gray;}    25     26 a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}    27 a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}    28 a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}    29 a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}    30 a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}    31 a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}    32 a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}    33 a.telnet:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}    34 a.irc:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}    35 a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}    36 a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}    37 a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}    38 a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}    39     40 /* IE sucks */    41 * html a.www { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }    42 * html a.http { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }    43 * html a.https { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }    44 * html a.file { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; }    45 * html a.ftp { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; }    46 * html a.nntp { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; }    47 * html a.news { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; }    48 * html a.telnet { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; }    49 * html a.irc { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; }    50 * html a.mailto { padding-left: 14px; background: url(../img/moin-email.png) left center no-repeat; }    51 * html a.attachment { padding-left: 14px; background: url(../img/moin-attach.png) left center no-repeat; }    52 * html a.badinterwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; }    53 * html a.interwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; }    54     55 /*    56 This could maybe avoid screen jumping in IE with IE7 hack.    57     58 It works (or rather: should work) like this:    59 First, IE sees the a.interwiki definition only as it doesn't understand neither    60 * > a.interwiki, nor a.interwiki:before. We use a.interwiki to reserve some    61 space for the icon inserted later.    62 Later, the IE7 hack kicks in and then IE also understands those 2 other css lines.    63 The * > a.interwiki line now removes the space we previously reserved and the    64 :before inserts the icon.    65     66 a.interwiki {margin-left: 25px; padding-top: 25px; padding-bottom: 25px;}    67 * > a.interwiki {margin-left: 0px; padding-top: 25px; padding-bottom: 25px;}    68 a.interwiki:before {content: url(../img/moin-inter.png);}    69     70 Problem:    71 While margin-left seems to work, margin-/padding-top/bottom doesnt.    72 After getting it to work, this has to be fine-tuned to avoid screen jumping.    73 */    74     75 li p {    76     margin: .25em 0;    77 }    78     79 li.gap {    80     margin-top: 0.5em;    81 }    82     83 dt {    84     margin-top: 0.5em;    85     font-weight: bold;    86 }    87     88 dd {    89     margin-top: 0;    90     margin-bottom: 0;    91 }    92     93 dd p {    94     margin: 0.25em 0;    95 }    96        97 a, img, img.drawing {    98     border: 0;    99 }   100    101 pre {   102     border: 1pt solid #AEBDCC;   103     background-color: #F3F5F7;   104     padding: 5pt;   105     font-family: courier, monospace;   106     white-space: pre;   107     /* begin css 3 or browser specific rules - do not remove!   108     see: http://forums.techguy.org/archive/index.php/t-249849.html */   109     white-space: pre-wrap;   110     word-wrap: break-word;   111     white-space: -moz-pre-wrap;   112     white-space: -pre-wrap;   113     white-space: -o-pre-wrap;   114     /* end css 3 or browser specific rules */   115 }   116    117 pre.comment {   118     background-color: #CCCCCC;   119     color: red;   120     padding: 0;   121     margin: 0;   122     border: 0;   123 }   124    125 pre.comment:before {   126     content: url(../img/attention.png);   127 }   128    129    130 table   131 {   132     margin: 0.5em 0 0 0.5em;   133     border-collapse: collapse;   134 }   135    136 td   137 {   138     padding: 0.25em 0.5em 0.25em 0.5em;   139     border: 1pt solid #ADB9CC;   140 }   141    142 td p {   143     margin: 0;   144     padding: 0;   145 }   146    147 /* TableOfContents macro */   148 .table-of-contents { border: 1px solid #bbbbbb;   149                      color: black; background-color: #eeeeee;   150                      font-size: small;   151                      text-align:left;   152                      margin: 0.5em; padding-left: 2em;   153                      width:50%; }   154 .table-of-contents ol { margin:0; margin-left:1em;   155                         list-style-type:decimal; }   156 .table-of-contents ul { margin:0;   157                         list-style-type:none; }   158 .table-of-contents-heading { font-weight:bold; padding:0; margin:0; }   159    160    161 .footnotes div {   162     width: 5em;   163     border-top: 1pt solid gray;   164 }   165    166 .footnotes ul {   167     padding: 0 2em;   168     margin: 0 0 1em;   169     list-style: none;   170 }   171    172 .footnotes li {   173 }   174    175 .info {   176     float: right;   177     font-size: 0.7em;   178     color: gray;   179 }   180    181 #pageinfo {   182     margin-top: 2em;   183 }   184    185 .seperator {   186     color: gray;   187 }   188    189 #pagebottom {clear: both;}   190    191 /* standard rule ---- */   192 hr {   193     height: 1pt;   194     background-color: #9C9C9C;   195     border: 0;   196 }   197    198 /* custom rules ----- to ---------- */   199 .hr1 {height: 2pt;}   200 .hr2 {height: 3pt;}   201 .hr3 {height: 4pt;}   202 .hr4 {height: 5pt;}   203 .hr5 {height: 6pt;}   204 .hr6 {height: 7pt;}   205    206 /* Replacement for deprecated html 3 <u> element and html 4 <strike> */   207 .u {text-decoration: underline;}   208 .strike {text-decoration: line-through;}   209    210 /* eye catchers */   211 .warning    212 {   213     color: red;   214 }   215    216 .error    217 {   218     color: red;   219 }   220    221 strong.highlight    222 {   223     background-color: #CCE0FF;   224     padding: 1pt;   225 }   226    227    228 /* Recent changes */   229    230 .rcrss {   231     float: right;   232     margin: 0;   233 }   234    235 .recentchanges[dir="rtl"] .rcrss {   236     float: left;   237 }   238    239 .recentchanges table {   240     clear: both;   241 }   242    243 .recentchanges td {   244     vertical-align: top;   245     border: none;   246     border-bottom: 1pt solid #E6EAF0;   247     background: #F2F4F7;   248 }   249    250 .rcdaybreak td {   251     background: #B8C5D9;   252     border: none;   253 }   254    255 .rcdaybreak td a {   256     font-size: 0.88em;   257 }   258    259 .rcicon1, .rcicon2 {   260     text-align: center;   261 }   262    263 .rcpagelink {   264     width: 33%;   265 }   266    267 .rctime {   268     font-size: 0.88em;   269     white-space: nowrap;   270 }   271    272 .rceditor {   273     white-space: nowrap;   274     font-size: 0.88em;   275 }   276    277 .rccomment {   278     width: 50%;   279     color: gray;   280     font-size: 0.88em;   281 }   282    283    284 /* User Preferences */   285    286 .userpref table, .userpref td {   287     border: none;   288 }   289    290 /* CSS for new code_area markup used by Colorizer and ParserBase */   291    292 div.codearea { /* the div makes the border */   293     margin: 0.5em 0;   294     padding: 0;   295     border: 1pt solid #AEBDCC;   296     background-color: #F3F5F7;   297     color: black;   298 }   299    300 div.codearea pre { /* the pre has no border and is inside the div */   301     margin: 0;   302     padding: 10pt;   303     border: none;   304 }   305    306 a.codenumbers { /* format of the line numbering link */   307     margin: 0 10pt;   308     font-size: 0.85em;   309     color: gray;   310 }   311    312 /* format of certain syntax spans */   313 div.codearea pre span.LineNumber {color: gray;}   314 div.codearea pre span.ID         {color: #000000;}   315 div.codearea pre span.Operator   {color: #0000C0;}   316 div.codearea pre span.Char       {color: #004080;}   317 div.codearea pre span.Comment    {color: #008000;}   318 div.codearea pre span.Number     {color: #0080C0;}   319 div.codearea pre span.String     {color: #004080;}   320 div.codearea pre span.SPChar     {color: #0000C0;}   321 div.codearea pre span.ResWord    {color: #A00000;}   322 div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}   323 div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}   324 div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}   325 div.codearea pre span.Special    {color: #0000ff;}   326 div.codearea pre span.Preprc     {color: #803999;}   327    328    329 /* Search results */   330    331 .searchresults dt {   332     margin-top: 1em;   333     font-weight: normal;   334 }   335    336 .searchresults dd {   337     font-size: 0.85em;   338 }   339    340 /* MonthCalendar css */   341    342 /* days without and with pages linked to them */   343 a.cal-emptyday {   344     color: #777777;   345     text-align: center;   346 }   347 a.cal-usedday {   348     color: #000000;   349     font-weight: bold;   350     text-align: center;   351 }   352 /* general stuff: workdays, weekend, today */   353 td.cal-workday {   354     background-color: #DDDDFF;   355     text-align: center;   356 }   357 td.cal-weekend {   358     background-color: #FFDDDD;   359     text-align: center;   360 }   361 td.cal-today {   362     background-color: #CCFFCC;   363     border-style: solid;   364     border-width: 2pt;   365     text-align: center;   366 }   367 /* invalid places on the monthly calendar sheet */   368 td.cal-invalidday {   369     background-color: #CCCCCC;   370 }   371 /* links to prev/next month/year */   372 a.cal-link {   373     color: #000000;   374     text-decoration: none;   375 }   376 th.cal-header {   377     background-color: #DDBBFF;   378     text-align: center;   379 }   380    381 /* for MonthCalendar mouseover info boxes */   382 TABLE.tip {   383     color: black;   384     background-color: #FF8888;   385     font-size: small;   386     font-weight: normal;   387     border-style: solid;   388     border-width: 1px;   389 }   390    391 TH.tip {   392     background-color: #FF4444;   393     font-weight: bold;   394     text-align: center;   395 }   396    397 TD.tip {   398     text-align: left;   399 }   400 *[dir="rtl"] TD.tip {   401     text-align: right;   402 }   403    404 /* end MonthCalendar stuff */   405    406 /* vim: tabstop=4 expandtab shiftwidth=4   407  */