Lady’s Gitweb - Langdev/blob - data/qjt/srcs/x-XX-jt/files/oldenglish.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: #999ABC;
  34         font-family: 'JCode', serif;
  35         color: black;
  36         -moz-font-feature-settings: "onum" 1, "hist" 1, "hlig" 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 }
  48 h3 {
  49         font-size: 1.5em;
  50 }
  51 *:lang(x-XX-jt) {
  52         color: black!important;
  53 }
  54 dfn {
  55         font-style: normal;
  56 }
  57 .def {
  58         color: #227002!important;
  59 }
  60 a {
  61         text-decoration: none;
  62         color: #454545;
  63         -moz-font-feature-settings: "smcp" 1;
  64 }
  65 a:hover {
  66         color: #747474;
  67 }
  68 *.mainbody p {
  69         text-align: justify;
  70         -moz-text-align-last: center;
  71 }
  72 *.mainbody dt {
  73         color: black;
  74         text-decoration: underline;
  75 }
  76 *.mainbody dd {
  77         text-align: justify;
  78         -moz-text-align-last: center;
  79         color: #227002;
  80 }
  81 *.mpl {
  82         color: #999BAD;
  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: #777899;
  94         top: 0%;
  95         border-bottom: thin solid #535555;
  96         resize: vertical;
  97 }
  98 *.topbanner {
  99         position: absolute;
 100         height: 175px;
 101         background: #EEE8DD;
 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: black;
 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 #555666;
 166         background: #EEE8DD;
 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: #334566;
 182         position: absolute;
 183         top: 0px;
 184         bottom: 0px;
 185         overflow-y: auto;
 186         border: 3px solid #545454;
 187         background: #EEEEEE;
 188         padding-left: .2em;
 189         padding-right: .2em;
 190 }
 191 table {
 192         background: #CCCCCC;
 193         width: 100%;
 194 }
 195 .sel {
 196         background: #CCCCCC;
 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: #000000;
 208         font-size: 85%;
 209 }
 210 td:hover {
 211         background: #F6F6F6;
 212 }
 213 td {
 214         border: thin solid #A0A0A0;
 215         padding-right: .8em;
 216         padding-left: .8em;
 217 }
 218 tr {
 219         background: #DDDDDD;
 220 }
 221 tr:hover {
 222         background: #EBEBEB;
 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: #001155;
 240         border: none!important;
 241         background: none!important;
 242 }
 243 thead tr {
 244         background: none!important;
 245         text-decoration: underline;
 246         color: black;
 247 }
 248 *.empty {
 249         background: none!important;
 250         border: none;
 251         height: .2em;
 252 }