Changeset 19995 for documentation/trunk


Ignore:
Timestamp:
07/15/09 17:12:57 (12 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.

File:
1 edited

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
Note: See TracChangeset for help on using the changeset viewer.