Changeset 532:0b8bed1223ad in documentViewer for css


Ignore:
Timestamp:
Jul 25, 2012, 7:28:31 PM (12 years ago)
Author:
casties
Branch:
default
Message:

new layout and styles.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • css/docuviewer.css

    r528 r532  
     1
     2body {
     3    background-color: #ebebeb;
     4    margin: 5px;
     5    font-size: 12px;
     6}
     7
     8a:link,
     9a:visited {
     10    color: black;
     11    font-weight: bold;
     12    text-decoration: none;
     13}
     14a:hover {
     15    text-decoration: underline;
     16}
     17
     18/*
     19 * head
     20 */
     21div.page-head div.logo {
     22    display: table-cell;
     23    vertical-align: top;
     24    padding: 5px;
     25}
     26div.page-head div.title-block {
     27    display: table-cell;
     28    vertical-align: top;
     29}
     30div.page-head div.title {
     31    max-width: 50em;
     32    border: 1px solid silver;
     33    padding: 0.5em; 
     34    background-color: white;
     35}
     36
     37ul.view-switcher {
     38    padding-left: 0;
     39    margin-top: 4px;
     40}
     41ul.view-switcher li {
     42    list-style-type: none;
     43    display: inline;
     44    background-color: #d0d0d0;
     45    margin-right: 0;
     46    border-bottom: 1px solid silver;
     47    border-left: 1px solid silver;
     48    border-right: 1px solid silver;
     49    border-radius: 0 0 5px 5px;
     50    padding: 5px;
     51}
     52ul.view-switcher li.sel {
     53    background-color: white;
     54}
    155
    256div.page-body {
    … …  
    862}
    963
    10 div.toc-text,
    11 div.toc-figures {
     64/*
     65 * TOC
     66 */
     67div.toc-container {
     68    display:table-row;
     69}
     70
     71div.toc-switcher {
     72    /* position: relative; */
     73    display: table-cell;
     74    width: 28px;
     75}
     76div.toc-switcher ul {
     77    position: absolute;
     78    z-index: 20;
     79    transform: rotate(270deg);
     80    transform-origin: top left;
     81    -moz-transform: rotate(270deg);
     82    -moz-transform-origin: top left;
     83    -webkit-transform: rotate(270deg);
     84    -webkit-transform-origin: top left;
     85    -o-transform: rotate(270deg);
     86    -o-transform-origin: top left;
     87    left: 12px;
     88    top: 486px;
     89    padding: 0px;
     90}
     91div.toc-switcher li {
     92    list-style-type: none;
     93    display: inline;
     94    background-color: #d0d0d0;
     95    margin-bottom: 5px;
     96    border-top: 1px solid silver;
     97    border-left: 1px solid silver;
     98    border-right: 1px solid silver;
     99    border-radius: 5px 5px 0 0;
     100    padding: 5px;
     101}
     102div.toc-switcher li.sel {
     103    background-color: white;
     104}
     105
     106div.tocbody {
     107    z-index: 10;
     108    display: table-cell;
     109    border: 1px solid silver;
     110    padding: 0.5em; 
     111    background-color: white;   
     112}
     113
     114div.tocbody.text,
     115div.tocbody.figures {
    12116    max-width: 20em;
    13 }
    14 
    15 div.col.results {
    16         max-width: 20em;
    17 }
    18 
    19 div.toc-text .toc,
    20 div.toc-figures .toc,
    21 div.toc-concordance .toc {
     117    background-color: white;
     118}
     119
     120div.tocbody.text .toc,
     121div.tocbody.figures .toc,
     122div.tocbody.concordance .toc {
    22123    float:left;
    23124    clear:right;
    24125}
    25 div.toc-text .toc.float.right,
    26 div.toc-figures .toc.float.right,
    27 div.toc-concordance .toc.float.right {
     126div.tocbody.text .toc.float.right,
     127div.tocbody.figures .toc.float.right,
     128div.tocbody.concordance .toc.float.right {
    28129    float:right;
    29130}
    30131
    31 table.thumbs .thumb {
     132div.tocbody table.thumbs td {
     133    text-align: center;
     134}
     135div.tocbody table.thumbs .thumb {
    32136    padding: 3px;
    33137}
    34 table.thumbs .thumbsel {
     138div.tocbody table.thumbs .thumbsel {
    35139    padding: 2px;
    36140    border: 1px solid blue;
    37141}
    38 table.thumbs .thumbcap {
     142div.tocbody table.thumbs .thumbcap {
    39143    color: black;
    40144}
    41145
     146/*
     147 * content
     148 */
     149div.col.main {
     150    padding-left: 5px;
     151    padding-right: 5px;
     152}
     153div.col.main div.ruler {
     154    margin-top: 4px;
     155}
     156div.col.main span.ruler-main {
     157    background-color: #d0d0d0;
     158    border-left: 1px solid silver;
     159    border-top: 1px solid silver;
     160    border-right: 1px solid silver;
     161    border-radius: 5px 5px 0 0;
     162    padding: 4px;   
     163}
     164
     165div.col.main div.content {
     166    border: 1px solid silver;
     167    padding: 1em; 
     168    background-color: white;
     169    font-size: 14px;
     170    font-family: Junicode,Gentium,Georgia,serif;
     171}
     172div.col.main div.content a:link,
     173div.col.main div.content a:visited {
     174    font-weight: inherit;
     175    color: #892B06;
     176}
    42177span.hit.highlight {
    43         background-color: lightgreen;
    44 }
     178    background-color: lime;
     179}
     180
     181/*
     182 * buttons
     183 */
     184div.col.buttons div.options {
     185    border: 1px solid silver;
     186    padding: 0.5em; 
     187    background-color: white;   
     188}
     189div.col.buttons h4 {
     190    margin-top: 0;
     191    margin-bottom: 0;
     192}
     193div.col.buttons ul {
     194    list-style-type: none;
     195    padding-left: 0;
     196    margin-top: 0.5em;
     197    margin-bottom: 0.5em;
     198}
     199
     200/*
     201 * search results
     202 */
     203div.col.results {
     204    max-width: 20em;
     205}
     206
Note: See TracChangeset for help on using the changeset viewer.