Lady’s Gitweb - Langdev/blob - data/qjt/srcs/x-XX-jt/files/style.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('/font/Junicode/Junicode.woff');
  12 }
  13 @font-face {
  14         font-family: 'JCode';
  15         font-weight: bold;
  16         font-style: normal;
  17         src: url('/font/Junicode/Junicode-Bold.woff');
  18 }
  19 @font-face {
  20         font-family: 'JCode';
  21         font-weight: normal;
  22         font-style: italic;
  23         src: url('/font/Junicode/Junicode-Italic.woff');
  24 }
  25 @font-face {
  26         font-family: 'JCode';
  27         font-weight: bold;
  28         font-style: italic;
  29         src: url('/font/Junicode/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;
  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 }
  64 a:hover {
  65         color: #747474;
  66 }
  67 *.mainbody p {
  68         text-align: justify;
  69         -moz-text-align-last: center;
  70 }
  71 *.mainbody dt {
  72         color: black;
  73         text-decoration: underline;
  74 }
  75 *.mainbody dd {
  76         text-align: justify;
  77         -moz-text-align-last: center;
  78         color: #227002;
  79 }
  80 *.mpl {
  81         color: #999BAD;
  82         font-style: italic;
  83 }
  84
  85
  86 /*Top banner styling*/
  87 *.topcontainer {
  88         position: absolute;
  89         width: 100%;
  90         left: 0%;
  91         height: 200px;
  92         background: #777899;
  93         top: 0%;
  94         border-bottom: thin solid #535555;
  95         resize: vertical;
  96 }
  97 *.topbanner {
  98         position: absolute;
  99         height: 175px;
 100         background: #EEE8DD;
 101         top: 12.5px;
 102         left: 12.5%;
 103         right: 12.5%;
 104 }
 105 *.toptext {
 106         position: absolute;
 107         -moz-columns: 2;
 108         -moz-column-fill: balance;
 109         -moz-column-gap: 310px;
 110         left: 0%;
 111         top: 0%;
 112         right: 0%;
 113         bottom: 0%;
 114         padding: .8em;
 115         text-align: center;
 116         line-height: 1.8;
 117 }
 118 *.topsvg {
 119         width: 310px;
 120         height: 175px;
 121         margin: auto;
 122 }
 123 svg {
 124         position: absolute;
 125         stroke: black;
 126 }
 127 *.topsvg #textbox {
 128         width: 220px;
 129         position: absolute;
 130         padding-left: 45px;
 131         padding-right: 45px;
 132 }
 133 h2 {
 134         -moz-animation-duration: 2s;
 135         -moz-animation-name: pulse;
 136         -moz-animation-iteration-count: infinite;
 137 }
 138 @-moz-keyframes pulse {
 139         from {
 140                 font-size: 1em;
 141         }
 142         50% {
 143                 font-size: 1.2em;
 144         }
 145         to {
 146                 font-size: 1em;
 147         }
 148 }
 149
 150
 151 /*Sidebar styling*/
 152 *.sidecontainer{
 153         position: absolute;
 154         top: 210px;
 155         bottom: 10px;
 156         width: 35%;
 157         left: 0%;
 158 }
 159 *.sidebar{
 160         position: absolute;
 161         height: 92.5%;
 162         left: 5%;
 163         right: 5%;
 164         border: 5px solid #555666;
 165         background: #EEE8DD;
 166         padding: 5%;
 167         overflow: auto;
 168 }
 169 *.pro {
 170         font-size: 90%;
 171 }
 172
 173
 174 /*Main table styling*/
 175 *.mainbody {
 176         margin-top: 210px;
 177         margin-left: 37.5%;
 178         margin-right: 2.5%;
 179         margin-bottom: 10px;
 180         color: #334566;
 181         position: absolute;
 182         top: 0px;
 183         bottom: 0px;
 184         overflow-y: auto;
 185         border: 3px solid #545454;
 186         background: #EEEEEE;
 187         padding-left: .2em;
 188         padding-right: .2em;
 189 }
 190 table {
 191         background: #CCCCCC;
 192         width: 100%;
 193 }
 194 .sel {
 195         background: #CCCCCC;
 196         height: 1.8em;
 197         text-align: right;
 198         -moz-columns: 2;
 199 }
 200 select {
 201         width: 50%;
 202         margin-left: 0%;
 203         margin-right: 50%;
 204 }
 205 #cc {
 206         background: #000000;
 207         font-size: 85%;
 208 }
 209 td:hover {
 210         background: #F6F6F6;
 211 }
 212 td {
 213         border: thin solid #A0A0A0;
 214         padding-right: .8em;
 215         padding-left: .8em;
 216 }
 217 tr {
 218         background: #DDDDDD;
 219 }
 220 tr:hover {
 221         background: #EBEBEB;
 222 }
 223 col:first-child {
 224         width: 15%;
 225         height: 100%;
 226 }
 227 col:nth-child(2) {
 228         width: 45%;
 229 }
 230 col:last-child {
 231         width: 40%;
 232 }
 233 *.header {
 234         background: none!important;
 235 }
 236 *.header td {
 237         text-decoration: underline;
 238         color: #001155;
 239         border: none!important;
 240         background: none!important;
 241 }
 242 thead tr {
 243         background: none!important;
 244         text-decoration: underline;
 245         color: black;
 246 }
 247 *.empty {
 248         background: none!important;
 249         border: none;
 250         height: .2em;
 251 }