Ignore:
Timestamp:
08/19/14 15:31:00 (10 years ago)
Author:
Twan Goosen
Message:

Styling of the VC details page
Refs #594

File:
1 edited

Legend:

Unmodified
Added
Removed

  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_collectiondetails.scss

    r5572 r5573  
    1616*/
    1717
     18div.collectionDetails {
    1819
     20    div.property {
     21        clear: both;
     22        font-size: 100%;
     23        border: none;
     24        padding: 0 10px 0 10px;
     25        margin: 0 0 4px 0;
    1926
    20 div.collectionDetails div.property {
    21     clear: both;
    22     font-size: 100%;
    23     border: none;
    24     padding: 0 10px 0 10px;
    25     margin: 0 0 4px 0;
    26 }
     27        label, div {
     28            line-height: 1.5em;
     29        }
    2730
    28 div.collectionDetails div label {
    29     display: block;
    30     float: left;
    31     width: 140px;
    32     padding: 0px 2px;
    33     margin: 0;
    34     text-align: right;
    35     font-weight: normal;
    36 }
     31        label {
     32            display: block;
     33            float: left;
     34            width: 140px;
     35            padding: 0px 2px;
     36            margin: 0;
     37            text-align: right;
     38            font-weight: normal;
    3739
    38 div.collectionDetails div label:after {
    39     content: ':';
    40 }
     40            &:after {
     41                content: ':';
     42            }
     43        }
    4144
    42 div.collectionDetails div div {
    43     display: block;
    44     clear: none;
    45     padding: 0px 2px;
    46     margin-left: 144px;
    47 }
     45        div {
     46            display: block;
     47            clear: none;
     48            padding: 0px 2px;
     49            margin-left: 144px;
     50        }
    4851
    49 div.collectionDetails ul.keywords {
    50     margin: 0 0 0 16px;
    51     padding: 0;
    52     list-style: square;
    53 }
     52    } //div.collectionDetails div.property
    5453
    55 div.collectionDetails ul.creators {
    56     margin: 0;
    57     padding: 0;
    58     list-style: none;
    59 }
     54    ul {
    6055
    61 div.collectionDetails ul.creators li {
    62     border-top: 1px dotted #000000;
    63     margin-top: 4px;
    64     padding-top: 4px;
    65 }
     56        &.keywords {
     57            margin: 0 0 0 16px;
     58            padding: 0;
     59            list-style: square;
     60        }
    6661
    67 div.collectionDetails ul.creators li.first {
    68     border-top: none;
    69     margin-top: 0;
    70     padding-top: 0;
    71 }
     62        &.creators {
     63            margin: 0;
     64            padding: 0;
     65            list-style: none;
    7266
    73 div.collectionDetails.resources {
    74     padding: 0 !important;
    75 }
     67            li {
     68                border-top: 1px dotted #000000;
     69                margin-top: 4px;
     70                padding-top: 4px;
     71            }
    7672
    77 div.collectionDetails.resources table {
    78     width: 100%;
    79 }
     73            li.first {
     74                border-top: none;
     75                margin-top: 0;
     76                padding-top: 0;
     77            }
     78        }
     79    } //div.collectionDetails ul
    8080
    81 div.collectionDetails.buttons {
    82     margin: 10px 0 10px 0;
    83     text-align: center;
    84 }
     81    &.resources {
     82        padding-left: 1em !important;
     83
     84        table {
     85            width: 100%;
     86            table-layout: fixed;
     87
     88            td, th {
     89                padding-left: .5em;
     90                width: auto;
     91
     92                &.reference {
     93                    width: auto;
     94                }
     95
     96                &.type {
     97                    width: 9em;
     98                }
     99            }
     100        }
     101
     102    } //div.collectionDetails.resources
     103
     104    &.buttons {
     105        margin: 10px 0 10px 0;
     106        text-align: center;
     107    } //div.collectionDetails.buttons
     108
     109} //div.collectionDetails
Note: See TracChangeset for help on using the changeset viewer.