Changeset 19995

Show
Ignore:
Timestamp:
15.07.2009 17:12:57 (10 years ago)
Author:
davidb
Message:

style-blue.css was originall based on style.css, however there have been numerous updates to style.css and style-blue.css has fallen behind. Committing a new, updated version.

Files:
1 modified

Legend:

Unmodified
Added
Removed
  • documentation/trunk/tutorial_sample_files/custom/style-blue.css

    r18423 r19995  
    1 /* bluish colour theme - Alternate stylesheet for greenstone. 
     1 
     2/* Bluish colour theme - Alternate stylesheet for greenstone. 
    23   Written by John McPherson, 2006. Feel free to copy/modify this for 
    34   any purpose. 
    45*/ 
    56 
     7/* Based on the standard default style file for Greenstone  
     8   Edited elements are given first. 
     9*/ 
     10 
     11 
    612body { 
    713  background: #80a0fb; /* light blue */ 
     
    1521a:visited { color: #666633; }  
    1622 
    17 img.link { border: 0; } 
    18  
    19 /* for unesco/human info etc logos on home page */ 
    20 img.logo { 
    21   border: 0; 
    22   float: right; 
    23   margin-left: 10px; 
    24 } 
    25  
    26 div.v_list { 
    27   padding: 10px; 
    28   font-size: smaller; 
    29 } 
    30 /* specific columns, named in the format string */ 
    31 div.vlist_entry { 
    32   clear: both; /* comes after any previous floating divs */ 
    33   border-bottom: 1px grey solid; 
    34   margin-top: 10px; 
    35   margin-bottom: 5px; 
    36 } 
    37 div.vlist_entry div { 
    38   width: 15%; 
    39   padding-left: 1%; 
    40   padding-right: 1%; 
    41   float: left; 
    42 } 
    43  
    44 div.vlist_entry div.descr { width: 45% } 
    45  
    46 #banner { 
    47   margin-bottom: 5px; 
    48 } 
    49 /* this div contains the bannerlinks and bannerimage paragraphs */ 
    50 div.pageinfo { 
    51   float: right; 
    52   text-align: right; 
    53 } 
    54 /* home, help, preferences links */ 
    55 p.bannerlinks { 
    56   font-family: arial; 
    57   font-size: 10pt; 
    58   font-weight: bold; 
    59 } 
    60 /* the image based on the page action */ 
    61 p.bannerimage { 
    62   display: none; 
    63 } 
    64 /* the image for the collection, shown in the banner */ 
    65 div.collectimage { 
    66   text-align: left; 
    67   float: left; 
    68   height: 100%; /* for IE5/6 to make containing div the full height */ 
    69 } 
    7023/* link for collection name - will have text if there is no image */ 
    7124div.collectimage a { 
    7225  text-decoration: none; 
    7326  color: #666666; 
    74 } 
    75  
    76 /* make sure this is shown under the other divs (which may be floating) */ 
    77 div.bannerextra {clear:both;} 
    78  
    79 /* blankiconbar */ 
    80 div.section p.bar { 
    81   text-align: center; 
    8227} 
    8328 
     
    9035  border-right: 1px solid black; 
    9136  margin: 0px; 
    92   min-width: 400px; /* stop it wrapping in skinny windows */ 
     37  min-width: 500px; /* stop it wrapping in skinny windows */ 
     38  font-family: sans-serif, arial, helvetica; 
     39  font-weight: bold; 
    9340  font-size: 10pt; 
    94 } 
    95  
     41  text-transform: lowercase; 
     42  width: 100%; /* for ns4 */ 
     43} 
     44 
     45a.navlink { 
     46  vertical-align: top;  
     47  padding: 0 10px; 
     48  background: #508090; 
     49  color: black; 
     50  text-decoration: none; 
     51} 
     52 
     53a.navlink:hover { 
     54  background: #6090a0; 
     55} 
     56 
     57/* document content after nav bar */ 
     58div.document { 
     59  border: 5px #cccccc solid; 
     60  padding: .2em 0 0 0; 
     61  clear: both; 
     62  background: #aae; 
     63  margin-top: 5px; 
     64} 
     65 
     66 
     67/* ----------------------------------------------------------------- */ 
     68/* From here down is the remainder of standard Greenstone stylesheet */ 
     69/* ----------------------------------------------------------------- */ 
     70 
     71/* bg image set in style macro */ 
     72body.bgimage { } 
     73 
     74 
     75/* for unesco/human info etc logos on home page */ 
     76img.logo { 
     77  border: 0; 
     78  float: right; 
     79  margin-left: 10px; 
     80} 
     81 
     82 
     83/* this contains everything - all the other divs */ 
     84#page { 
     85  margin-left: 80px; 
     86  margin-right: 30px; 
     87} 
     88 
     89 
     90#banner { 
     91  margin: 0 0 5px 0; 
     92  padding:0; 
     93  
     94} 
     95 
     96/* this div contains the bannerlinks and bannertitle paragraphs */ 
     97div.pageinfo { 
     98  float: right; 
     99  text-align: right; 
     100  padding: 0; 
     101  margin:0 0 3px 0;  
     102  width: 50%; 
     103} 
     104 
     105/* home, help, preferences links */ 
     106p.bannerlinks { 
     107  font-family: sans-serif, arial, helvetica; 
     108  font-size: 10pt; 
     109  font-weight: bold; 
     110  margin:0; 
     111  padding:0; 
     112} 
     113 
     114/* the title set by the receptionist based on the page action */ 
     115p.bannertitle { 
     116  font-family: sans-serif, arial, helvetica; 
     117  font-size: 24px; 
     118  font-weight: bold; 
     119  margin: 10px 0 0 0; 
     120  text-transform: lowercase; 
     121  white-space: nowrap; 
     122  padding: 6px 2px 10px 0px; 
     123  background-repeat: repeat-y; 
     124  background-position: top right;  
     125 } 
     126 
     127p.collectiontitle { 
     128  font-family: sans-serif, arial, helvetica; 
     129  font-size: 24px; 
     130  font-weight: bold; 
     131  white-space: nowrap; 
     132  padding: 8px 0px 12px 2px; 
     133  background-repeat: repeat-y; 
     134  background-position: top left;  
     135  margin:0; 
     136} 
     137 
     138a.collectiontitle { 
     139  color: black; 
     140  text-decoration: none; 
     141} 
     142 
     143/* the image for the collection, shown in the banner */ 
     144div.collectimage { 
     145  text-align: left; 
     146  float: left; 
     147  width: 45%; 
     148  padding:0; 
     149  margin:0; 
     150} 
     151/* make sure this is shown under the other divs (which may be floating) */ 
     152div.bannerextra { 
     153   clear: both; 
     154} 
     155 
     156/* blankiconbar */ 
     157div.section p.bar { 
     158  text-align: center; 
     159} 
     160 
     161 
     162 
     163 
     164/* bg image set in style macro */ 
    96165div.divbar { /* for "select a collection" */ 
    97166  font-family: arial; 
    98167  font-size: 10pt; 
    99168  font-weight: bold; 
    100   text-align: top; 
    101169  border: 0; 
    102 } 
     170  width: 100%; /* for ns4 */ 
     171} 
     172 
     173 
    103174p.navbar { /* opt navbar text inside a divbar div */ 
     175  text-align: center;  
     176  margin: 0; 
     177} 
     178 
     179/* bg image set in style macro */ 
     180a.navlink_sel { 
     181  vertical-align: top; 
     182  padding: 0 10px; 
     183  color: black; 
     184  text-decoration: none; 
     185} 
     186 
     187a.navlink:visited { 
     188  color: black; 
     189} 
     190 
     191/* for the nav_ns4.dm macro only (for netscape4 support) */ 
     192a.navlink_ns4 { 
     193  background-color: #e8d9b1; 
     194} 
     195 
     196a.navlink_sel_ns4 { 
     197  background-color: #96c19b; 
     198} 
     199 
     200span.highlight { 
     201  background: #ffff77; 
     202} 
     203 
     204/* content inside the pages */ 
     205img.icon { border: 0; } 
     206 
     207span.textselect {  
     208  white-space: nowrap; 
     209} 
     210 
     211span.textselect select {  
     212  text-transform: lowercase; 
     213} 
     214 
     215 
     216div.documenttext { clear: both; } /* come after any floating divs */ 
     217 
     218ul#searchresults{ 
     219  list-style-type: none; 
     220  margin: 0 0 .2em 0; 
     221  padding:0; 
     222  overflow: hidden; 
     223} 
     224 
     225ul#searchresults li{ 
     226  margin: 0;  
     227  padding: 2px 0 2px 0; 
     228  font-size: 11px; 
     229  font-weight: bold;     
     230  width: 160px; 
     231  background-color:#f7e7c5; 
     232  text-align:center;  
     233} 
     234  
     235li#nextresult{ 
     236  float:right; 
     237} 
     238 
     239li#prevresult{ 
     240  float:left; 
     241} 
     242 
     243 
     244ul#searchresults li a { 
     245  margin:0;   
     246  padding:0; 
     247  text-decoration: none; 
     248  color: black; 
     249} 
     250 
     251 
     252div.warning { /* eg expanding more than 10 sections in table of contents */ 
     253} 
     254div.warning div.buttons { float: right; } /* continue button */ 
     255 
     256div.heading_image { 
     257 float: left; 
     258 
     259 } /* optional cover image */ 
     260 
     261div.heading_title { 
     262 font-size: 14pt; 
     263 } /* alternate to cover image */ 
     264 
     265div.document div.buttons { 
     266   /* anything that holds buttons... toc_buttons but also continue button */ 
     267   width: 100px; /* each button (inside its own div) can overflow this */ 
     268} 
     269div#toc_buttons { /* expand/contract etc "buttons" */ 
     270  clear: left; /* don't put next to another float on our left-hand side */ 
     271  float: left; 
     272  margin: 0 15px 5px 0;  
     273} 
     274 
     275div.button { 
     276  font-size: 11px; 
     277  font-weight: bold; 
     278  background: #f7e7c5; 
     279  margin: 1px; 
     280  border: 1px solid #eeddbb; 
    104281  text-align: center; 
    105   margin: 0px; 
    106 } 
    107  
    108 a.navlink { 
    109   padding: 0 10px; 
    110   background: #508090; 
    111   color: black; 
    112   text-decoration: none; 
    113 } 
    114  
    115 a.navlink:visited { 
    116   color: black; 
    117 } 
    118  
    119 a.navlink:hover { 
    120   background: #6090a0; 
    121 } 
    122  
    123  
    124 /* content inside the pages */ 
    125 /* this contains everything - all the other divs */ 
    126 div#page {} 
    127  
    128 /* document content after nav bar */ 
    129 div.document { 
    130   border: 5px #cccccc solid; 
    131   padding: 5px; 
    132   background: #aae; 
    133   margin-top: 5px; 
    134 } 
    135  
    136 img.icon { border: 0; } 
    137  
    138 div.queryform { 
     282  vertical-align: middle; 
     283  width: 110px; 
     284} 
     285 
     286*>div.button { /* for other browsers - IE6 doesn't apply this */ 
     287  height: auto; 
     288  width: auto; 
     289  min-width: 110px; 
     290} 
     291 
     292span.button {} 
     293span.button a { text-decoration: none; color: black; } 
     294span.button a:hover { /* IE6 doesn't do :hover for things that aren't <A> */ 
     295  background: #eeddbb; 
     296} 
     297 
     298div.homebutton { 
     299  font-size: 11px; 
     300  font-weight: bold; 
     301  background: #f7e7c5; 
     302  margin: 1px; 
     303  border: 1px solid #eeddbb; 
    139304  text-align: center; 
    140 } 
    141 span.textselect { white-space: nowrap; } 
     305  vertical-align: middle; 
     306  width: 110px; 
     307  height: 30px; 
     308} 
    142309 
    143310div.section p { 
    144311  text-align: justify; 
    145 } 
    146  
    147 div.h_list { 
    148   text-align: right; 
    149   padding: 5px; 
    150   background: #637d7d; 
    151 } 
    152  
    153 /* A-Z entries other than the current one */ 
    154 span.h_item a { 
    155   text-decoration: none; 
    156   color: #cccccc; 
    157 } 
    158 span.h_item a:hover { 
    159   text-decoration: none; 
    160   color: red; 
    161312} 
    162313 
     
    171322} 
    172323 
     324/* collections that have a logo should have a border around them */ 
     325table.collections img { 
     326  border: 1px solid; 
     327} 
     328 
     329/* collector bar */ 
     330table.wizardbar { 
     331   text-align: center; 
     332   vertical-align: middle; 
     333} 
     334                
     335td.wizardbargreen { 
     336   background-color: #96BE9C; 
     337} 
     338td.wizardbaryellow { 
     339   background-color: #EEE8AA; 
     340} 
     341td.wizardbargrey { 
     342   background-color: #D3D3D3; 
     343} 
     344 
     345table.wizardbar a { 
     346  color: black; 
     347  text-decoration: none; 
     348} 
     349 
     350table.wizardbar a:visited { 
     351  color: black; 
     352} 
     353 
     354 
     355span.date_list_year { 
     356  font-weight: bold; 
     357} 
     358span.date_list_month { 
     359  font-weight: bold; 
     360} 
     361 
     362