Ignore:
Timestamp:
04/29/15 11:24:25 (9 years ago)
Author:
emanuel.dima@uni-tuebingen.de
Message:
  1. beta-44: more UI/css fixes (footer facelift), misc
File:
1 edited

Legend:

Unmodified
Added
Removed
  • SRUAggregator/trunk/src/main/resources/assets/CLARIN.css

    r6171 r6172  
    77body {
    88  font-family: "Roboto", sans-serif;
    9   /*font-family: "Courier New";*/
    109  -webkit-font-smoothing: antialiased;
    1110  -moz-osx-font-smoothing: grayscale;
    1211  color: black;
    13   /*color: #222;*/
    14   /*font-size: 12px;*/
    15   /*word-wrap: break-word;*/
    1612}
    1713
    1814a {
    19   /*color: #806a52;*/
    2015  color: #B27000;
    21   /*text-decoration: dotted !important;*/
    2216}
    2317a:hover, a:focus {
    24   text-decoration: none !important;
    25 }
    26 a:visited {
    27   /*color: #c0a37c;*/
     18  text-decoration: none;
     19  color: #D08000;
    2820}
    2921
     
    3325}
    3426
    35 a.navbar-brand {
    36   color: #806a52;
    37   font-size: 1.6em;
    38   text-overflow: ellipsis;
    39   line-height: 1em;
     27.navbar a.navbar-brand {
     28  color: #036;
     29}
     30.navbar a.navbar-brand:hover {
     31  color: #259;
     32}
     33
     34#footer a {
     35  color: #036;
     36}
     37#footer a:hover {
     38  color: #259;
    4039}
    4140
     
    165164}
    166165
    167 div.container {
    168   z-index: -1 !important;
    169 }
    170 
    171 /*table.display {
    172   border-collapse: collapse !important;
    173   position: relative !important;
    174   border-spacing: 0 !important;
    175   border: 0px !important;
    176   background-clip: padding-box;
    177 }
    178 table.display th, table.display td {
    179   border: 0px !important;
    180 }
    181 table.display thead tr th {
    182   background-color: #00406f !important;
    183   border-collapse: collapse !important;
    184   background-attachment: scroll !important;
    185   color: #fff !important;
    186 }
    187 table.display thead tr th:first-child {
    188   border-top-left-radius: 6px !important;
    189   border-bottom-left-radius: 6px !important;
    190   -webkit-border-top-left-radius: 6px !important;
    191   -webkit-border-bottom-left-radius: 6px !important;
    192   -moz-border-top-left-radius: 6px !important;
    193   -moz-border-bottom-left-radius: 6px !important;
    194 }
    195 table.display thead tr {
    196   padding: 7px 7px !important;
    197   font-weight: bolder !important;
    198   text-align: left !important;
    199   border: 0px !important;
    200 }
    201 table.display thead tr th a {
    202   color: #fff !important;
    203   text-decoration: underline !important;
    204 }
    205 table.display thead tr th:last-child {
    206   border-top-right-radius: 6px !important;
    207   border-bottom-right-radius: 6px !important;
    208   -webkit-border-top-right-radius: 6px !important;
    209   -webkit-border-bottom-right-radius: 6px !important;
    210   -moz-border-top-right-radius: 6px !important;
    211   -moz-border-bottom-right-radius: 6px !important;
    212 }
    213 
    214 table tbody tr:nth-child(2n+1) td {
    215   background-color: #e3e3e3 !important;
    216 }
    217 table tbody td:first-child {
    218   -webkit-border-top-left-radius: 6px !important;
    219   -webkit-border-bottom-left-radius: 6px !important;
    220   -moz-border-top-left-radius: 6px !important;
    221   -moz-border-bottom-left-radius: 6px !important;
    222   border-top-left-radius: 6px !important;
    223   border-bottom-left-radius: 6px !important;
    224 }
    225 table tbody td:last-child {
    226   -webkit-border-top-right-radius: 6px !important;
    227   -webkit-border-bottom-right-radius: 6px !important;
    228   -moz-border-top-right-radius: 6px !important;
    229   -moz-border-bottom-right-radius: 6px !important;
    230   border-top-right-radius: 6px !important;
    231   border-bottom-right-radius: 6px !important;
    232 }
    233 table tbody tr {
    234   vertical-align: middle !important;
    235 }
    236 table tbody tr:last-child td:first-child {
    237   -webkit-border-bottom-left-radius: 6px !important;
    238   -moz-border-bottom-left-radius: 6px !important;
    239   border-bottom-left-radius: 6px !important;
    240 }
    241 table tbody tr:last-child td:last-child {
    242   -webkit-border-bottom-right-radius: 6px !important;
    243   -moz-border-bottom-right-radius: 6px !important;
    244   border-bottom-right-radius: 6px !important;
    245 }
    246 table tbody tr:last-child {
    247   border-bottom: 1px solid #00406f !important;
    248 }
    249 
    250 table:not(.display) tr:first-child {
    251   border-top: 1px solid #00406f !important;
    252 }
    253 table:not(.display) td, table:not(.display) th {
    254   padding: 5px;
    255 }
    256 table:not(.display) th {
    257   background-color: #e3e3e3;
    258   border-right: 1px dotted black;
    259 }
    260 */
    261 
    262166html body ul#nav ul, html body ul#nav ul li {
    263167  width: 200px;
     
    267171  margin: 0 0 0 200px;
    268172}
    269 div#body {
    270   min-height: 100%;
    271   height: auto;
    272   /* Pad top and bottom to prevent overflow over body div if using fixed-top navbar. */
     173
     174#footer {
     175  border-top: 1px solid #e7e7e7;
     176  background-color: #f8f8f8;
    273177}
    274 
    275 div#footer {
    276   background-color: #f5f5f5;
    277   bottom: 0;
    278   left: 0;
    279   width: 100%;
    280   border-top: 1px solid #e7e7e7;
    281 }
    282 div#footer div.container {
    283   height: 100%;
    284   display: flex;
    285   flex-flow: row wrap;
    286   justify-content: space-between;
    287   align-items: center;
    288   align-content: space-around;
    289 }
    290 div#footer div.container div#CLARIN_footer_left {
    291   order: 1;
    292   display: flex !important;
    293   text-align: left;
    294   vertical-align: middle;
    295   margin: 0;
    296   align-content: space-around;
    297 }
    298 div#footer div.container div#CLARIN_footer_middle {
    299   order: 2;
    300   display: flex !important;
    301   text-align: center;
    302   margin: auto;
    303   align-content: space-around;
    304 }
    305 div#footer div.container div#CLARIN_footer_middle img {
    306   display: inline-block;
    307   max-width: 100%;
    308   max-height: 100%;
    309   overflow: hidden;
    310 }
    311 div#footer div.container div#CLARIN_footer_right {
    312   order: 3;
    313   text-align: right;
    314   vertical-align: middle;
    315   display: flex !important;
    316   margin: 0;
    317   align-content: space-around;
    318 }
    319 
    320 ul#CLARIN_header_right, div#CLARIN_footer_left, div#CLARIN_footer_right {
    321   margin: 0px 4px 0 p x 4px;
    322   color: #653D00;
    323 }
    324 ul#CLARIN_header_right :not(.glyphicon), div#CLARIN_footer_left :not(.glyphicon), div#CLARIN_footer_right :not(.glyphicon) {
    325   font-size: 12px;
    326 }
    327 ul#CLARIN_header_right a, div#CLARIN_footer_left a, div#CLARIN_footer_right a {
    328   color: #653D00;
    329   text-decoration: none;
    330 }
    331 ul#CLARIN_header_right a:hover, ul#CLARIN_header_right a:focus, div#CLARIN_footer_left a:hover, div#CLARIN_footer_left a:focus, div#CLARIN_footer_right a:hover, div#CLARIN_footer_right a:focus {
    332   color: inherit !important;
    333   text-decoration: none !important;
    334 }
    335 ul#CLARIN_header_right a:visited, div#CLARIN_footer_left a:visited, div#CLARIN_footer_right a:visited {
    336   color: inherit !important;
    337   text-decoration: none !important;
    338 }
Note: See TracChangeset for help on using the changeset viewer.