themes/darkJS/style.css

0001 /*
0002  * SPDX-FileCopyrightText: 2009-2012 Miika Turkia <miika.turkia@gmail.com>
0003  *
0004  * SPDX-License-Identifier: LicenseRef-KDE-Accepted-LGPL
0005  */
0006
0007 * {
0008         margin: 0em;
0009 }
0010
0011 html {
0012         height: 100%;
0013 }
0014
0015 img {
0016         border: none;
0017 }
0018
0019 body {
0020         font: 100% Arial, Tholoth, Rekha, sans-serif, Helvetica;
0021         color: white;
0022         background: black;
0023 }
0024
0025 h1 { text-align: center }
0026
0027 #fullImg {
0028         text-decoration: none;
0029         background: none;
0030         position: relative;
0031         color: black;
0032 }
0033
0034 #fullVideo {
0035         z-index: 80;
0036         text-decoration: none;
0037         background: none;
0038         position: relative;
0039         color: black;
0040 }
0041
0042 #opa {
0043         z-index: 60;
0044         position: absolute;
0045         display: none;
0046         background: black;
0047         top: 0px;
0048         left: 0px;
0049         bottom: 0px;
0050         right: 0px;
0051         opacity: .7;
0052 }
0053
0054 #pad {
0055         display: none;
0056         position: absolute;
0057         left: 0px;
0058         right: 0px;
0059         top: 0px;
0060         bottom: 0px;
0061         text-align: center;
0062         vertical-align: middle;
0063 }
0064
0065 #fullarea {
0066         z-index: 80;
0067         position: relative;
0068         display: none;
0069         background: #101010;
0070         top: 1em;
0071         border: 3pt #CCC solid;
0072         width: 600px;
0073         margin-left: auto;
0074         margin-right: auto;
0075 }
0076
0077 #fullarea ul {
0078         padding-top: 0.5em;
0079         padding-left: 0.5em;
0080         padding-right: 0.5em;
0081         text-align: left;
0082         list-style: none;
0083 }
0084
0085 a.thumbA {
0086         text-decoration: none;
0087         background: none;
0088         color: #202020;
0089         margin: 0px;
0090 }
0091
0092 div {
0093         padding: .5em;
0094 }
0095
0096 h1.title {
0097         background-color: #202020;
0098         left: auto;
0099         right: 0em;
0100 }
0101
0102 div.description {
0103         background-color: #202020;
0104         margin-left: .5em;
0105         margin-right: .5em;
0106         left: auto;
0107         right: 0em;
0108 }
0109
0110 div.keywords {
0111         margin-left: .5em;
0112         margin-right: .5em;
0113         left: auto;
0114         right: 0em;
0115         text-align: left;
0116 }
0117
0118 div.videoInfo {
0119         min-height: 2em;
0120         text-align: center;
0121         background-color: #222;
0122         border: 1pt #FFFFD2 solid;
0123         color: #999;
0124         padding: 0ex;
0125         z-index: 200;
0126 }
0127 div.videoInfo p {
0128         margin: 1ex;
0129 }
0130
0131 #imagearea {
0132         z-index: 40;
0133 }
0134
0135 #thumbnails {
0136         z-index: 50;
0137         position: absolute;
0138         overflow: auto;
0139 }
0140
0141 #loadarea {
0142         z-index: 55;
0143         overflow: hidden;
0144         text-align: center;
0145 }
0146
0147 #slide {
0148         z-index: 90;
0149         position: absolute;
0150         top: .8ex;
0151         right: auto;
0152         left: .5em;
0153 }
0154
0155 div.help {
0156         position: absolute;
0157         text-align: right;
0158         font-size: 90%;
0159         font-family: Courier, Arial, sans-serif;
0160         right: .5em;
0161         top: .8ex;
0162         left: auto;
0163         background: none;
0164 }
0165
0166 div.X {
0167         z-index: 100;
0168         position: absolute;
0169         right: -3.9ex;
0170         top: -2.5ex;
0171         left: auto;
0172 }
0173
0174 div.navi {
0175         z-index: 95;
0176         position: absolute;
0177         display: none;
0178         top: 1.0ex;
0179 }
0180
0181 img.arrow-left {
0182         padding-right: 1pt;
0183 }
0184
0185 img.arrow-right {
0186         padding-left: 1pt;
0187 }
0188
0189 #videoFB {
0190         display: none;
0191 }
0192
0193 .dl {
0194         z-index: 100;
0195         position: absolute;
0196         right: -4.0ex;
0197         bottom: -2.2ex;
0198         left: auto;
0199         display: none;
0200 }
0201
0202 #fullImgD {
0203         z-index: 100;
0204         margin-top: .5ex;
0205         width: 100%;
0206 }
0207
0208 div.help:hover {
0209         font-weight: bold;
0210 }
0211
0212 div.help span {
0213         display: none;
0214 }
0215
0216 div.help:hover span {
0217         z-index: 100;
0218         display: block;
0219         width: 10em;
0220         text-align: left;
0221         background-color: #202020;
0222         padding: 5px;
0223 }
0224
0225 div.slide span {
0226         display: none;
0227 }
0228
0229 div.navigator {
0230         font-size: 80%;
0231         font-weight: bold;
0232         line-height: 1.1;
0233         text-align: left;
0234         position: absolute;
0235         font-family: Courier, Arial, sans-serif;
0236         top: 3ex;
0237         left: 2em;
0238         right: auto;
0239         background: none;
0240         border: 1pt #CCC solid;
0241         padding: 2pt;
0242 }
0243 body>div.navigator { position: fixed }
0244
0245 div.navigator a { margin: 2px }
0246 div.navigator a:link { text-decoration: none; background: none; color: #CCC }
0247 div.navigator a:visited { text-decoration: none; background: none; color: #999 }
0248 div.navigator a:hover { background: none; color: white }
0249
0250 div.slideSpeed {
0251         z-index: 100;
0252         font-weight: normal;
0253         text-align: center;
0254         position: absolute;
0255         top: 1em;
0256         left: 1em;
0257         width: 3em;
0258         right: auto;
0259         background: #000;
0260         border: 2pt #CCC solid;
0261         padding: 1pt;
0262         display: none;
0263 }
0264 body>div.slideSpeed { position: fixed }
0265 div.slideSpeed {
0266         font: 100% Arial, Tholoth, Rekha, sans-serif, Helvetica;
0267         font-weight: bold;
0268 }
0269
0270 div.slideSpeed a:link { text-decoration: none; background: none; color: #CCC }
0271 div.slideSpeed a:visited { text-decoration: none; background: none; color: #CCC }
0272 div.slideSpeed a:hover { text-decoration: none; background: none; color: #CCC }
0273
0274 div.viewpic {
0275         margin: 0;
0276         width: 100%;
0277         left: 0px;
0278         right: 0px;
0279         text-align: center;
0280 }
0281
0282 table.thumbnail-table {
0283         width: 100%;
0284         text-align: center;
0285 }
0286
0287 div.thumb-div {
0288         background-color: #202020;
0289         margin: 1px;
0290         float: left;
0291         width: 132px;
0292         height: 132px;
0293         text-align: center;
0294         vertical-align: middle;
0295         padding: 2px;
0296 }
0297
0298 div.thumb-div-selected {
0299         background-color: #404040;
0300         margin: 1px;
0301         float: left;
0302         width: 132px;
0303         height: 132px;
0304         text-align: center;
0305         vertical-align: middle;
0306         padding: 2px;
0307 }
0308
0309 table.controlinfo,td.navbar {
0310         width: 100%;
0311         background-color: #202020;
0312         border: 1px solid black;
0313         margin-left: 0em;
0314         left: auto;
0315         right: 0em;
0316 }
0317
0318 .footer {
0319         vertical-align: bottom;
0320         position: relative;
0321 }
0322
0323 .resolutions {
0324         background-color: #202020;
0325         position: absolute;
0326         z-index: 50;
0327         left: .5em;
0328         right: auto;
0329         width: 60%;
0330 }
0331
0332 .home {
0333         background-color: #202020;
0334         position: absolute;
0335         z-index: 50;
0336         left: .5em;
0337         right: auto;
0338         width: 60%;
0339 }
0340 div.home a:link { background: none; color: #CCC }
0341 div.home a:visited { background: none; color: #999 }
0342 div.home a:hover { background: none; color: white }
0343
0344 .copyright {
0345         background-color: #202020;
0346         right: .5em;
0347         left: auto;
0348         width: 50%;
0349         text-align: right;
0350         position: absolute;
0351         z-index: 40;
0352 }
0353
0354 div.copyright span {
0355         display: none;
0356         background-color: #202020;
0357         position: absolute;
0358         right: .5em;
0359         text-align: right;
0360         z-index: 50;
0361         top: 0em;
0362 }
0363
0364 div.copyright:hover span {
0365         display: block;
0366         padding-top: .5em;
0367 }