Lady’s Gitweb - Langdev/blob - data/qjt/srcs/x-XX-jt/files/clover.css

   1 /*
   2 SPDX-FileCopyrightText: Lady <https://www.ladys.computer/about/#lady>
   3 SPDX-License-Identifier: CC0-1.0
   4 */
   5 /*Basic stuff:*/
   6
   7 @font-face {
   8         font-family: 'JCode';
   9         font-weight: normal;
  10         font-style: normal;
  11         src: url('../files/junicode/fonts/Junicode.woff');
  12 }
  13 @font-face {
  14         font-family: 'JCode';
  15         font-weight: bold;
  16         font-style: normal;
  17         src: url('../files/junicode/fonts/Junicode-Bold.woff');
  18 }
  19 @font-face {
  20         font-family: 'JCode';
  21         font-weight: normal;
  22         font-style: italic;
  23         src: url('../files/junicode/fonts/Junicode-Italic.woff');
  24 }
  25 @font-face {
  26         font-family: 'JCode';
  27         font-weight: bold;
  28         font-style: italic;
  29         src: url('../files/junicode/fonts/Junicode-BoldItalic.woff');
  30 }
  31
  32 body {
  33         background: #77CC77;
  34         font-family: 'JCode', serif;
  35         color: #236632;
  36         -moz-font-feature-settings: "onum" 1, "ss02" 1, "dlig" 1;
  37 }
  38 h1 {
  39         font-size: 3em;
  40         text-align: center;
  41         line-height: 1;
  42 }
  43 h2 {
  44         font-size: 1em;
  45         text-align: center;
  46         line-height: 1;
  47         color: #22BB22;
  48 }
  49 h3 {
  50         font-size: 1.5em;
  51 }
  52 *:lang(x-XX-jt) {
  53         color: #236632!important;
  54 }
  55 dfn {
  56         font-style: normal;
  57 }
  58 .def {
  59         color: #008813!important;
  60 }
  61 a {
  62         text-decoration: none;
  63         color: #226622;
  64 }
  65 a:hover {
  66         color: #449944;
  67 }
  68 *.mainbody p {
  69         text-align: justify;
  70         -moz-text-align-last: center;
  71 }
  72 *.mainbody dt {
  73         color: green;
  74         text-decoration: underline;
  75 }
  76 *.mainbody dd {
  77         text-align: justify;
  78         -moz-text-align-last: center;
  79         color: #668877;
  80 }
  81 *.mpl {
  82         color: #6B6F63;
  83         font-style: italic;
  84 }
  85
  86
  87 /*Top banner styling*/
  88 *.topcontainer {
  89         position: absolute;
  90         width: 100%;
  91         left: 0%;
  92         height: 200px;
  93         background: #259535;
  94         top: 0%;
  95         border-bottom: thin solid #003000;
  96         resize: vertical;
  97 }
  98 *.topbanner {
  99         position: absolute;
 100         height: 175px;
 101         background: #AAFFAA;
 102         top: 12.5px;
 103         left: 12.5%;
 104         right: 12.5%;
 105 }
 106 *.toptext {
 107         position: absolute;
 108         -moz-columns: 2;
 109         -moz-column-fill: balance;
 110         -moz-column-gap: 310px;
 111         left: 0%;
 112         top: 0%;
 113         right: 0%;
 114         bottom: 0%;
 115         padding: .8em;
 116         text-align: center;
 117         line-height: 1.8;
 118 }
 119 *.topsvg {
 120         width: 310px;
 121         height: 175px;
 122         margin: auto;
 123 }
 124 svg {
 125         position: absolute;
 126         stroke: #057505;
 127 }
 128 *.topsvg #textbox {
 129         width: 220px;
 130         position: absolute;
 131         padding-left: 45px;
 132         padding-right: 45px;
 133 }
 134 h2 {
 135         -moz-animation-duration: 2s;
 136         -moz-animation-name: pulse;
 137         -moz-animation-iteration-count: infinite;
 138 }
 139 @-moz-keyframes pulse {
 140         from {
 141                 font-size: 1em;
 142         }
 143         50% {
 144                 font-size: 1.2em;
 145         }
 146         to {
 147                 font-size: 1em;
 148         }
 149 }
 150
 151
 152 /*Sidebar styling*/
 153 *.sidecontainer{
 154         position: absolute;
 155         top: 210px;
 156         bottom: 10px;
 157         width: 35%;
 158         left: 0%;
 159 }
 160 *.sidebar{
 161         position: absolute;
 162         height: 92.5%;
 163         left: 5%;
 164         right: 5%;
 165         border: 5px solid #007700;
 166         background: #AAFFAA;
 167         padding: 5%;
 168         overflow: auto;
 169 }
 170 *.pro {
 171         font-size: 90%;
 172 }
 173
 174
 175 /*Main table styling*/
 176 *.mainbody {
 177         margin-top: 210px;
 178         margin-left: 37.5%;
 179         margin-right: 2.5%;
 180         margin-bottom: 10px;
 181         color: #666600;
 182         position: absolute;
 183         top: 0px;
 184         bottom: 0px;
 185         overflow-y: auto;
 186         border: 3px solid #007700;
 187         background: #99ee99;
 188         padding-left: .2em;
 189         padding-right: .2em;
 190 }
 191 table{
 192         background: #123321;
 193         width: 100%;
 194 }
 195 .sel {
 196         background: #123321;
 197         height: 1.8em;
 198         text-align: right;
 199         -moz-columns: 2;
 200 }
 201 select {
 202         width: 50%;
 203         margin-left: 0%;
 204         margin-right: 50%;
 205 }
 206 #cc {
 207         background: #003300;
 208         font-size: 85%;
 209 }
 210 td:hover {
 211         background: #BBFFBB;
 212 }
 213 td {
 214         border: thin solid #055505;
 215         padding-right: .8em;
 216         padding-left: .8em;
 217 }
 218 tr {
 219         background: #88CC88;
 220 }
 221 tr:hover {
 222         background: #AADFAA;
 223 }
 224 col:first-child {
 225         width: 15%;
 226         height: 100%;
 227 }
 228 col:nth-child(2) {
 229         width: 45%;
 230 }
 231 col:last-child {
 232         width: 40%;
 233 }
 234 *.header {
 235         background: none!important;
 236 }
 237 *.header td {
 238         text-decoration: underline;
 239         color: #33CC33;
 240         border: none!important;
 241         background: none!important;
 242 }
 243 thead tr {
 244         background: none!important;
 245         text-decoration: underline;
 246         color: white;
 247 }
 248 *.empty {
 249         background: none!important;
 250         border: none;
 251         height: .2em;
 252 }