Subversion Repositories LCARS

Compare Revisions

Last modification

Regard whitespace Rev 203 → Rev 302

/trunk/media/video/series/style.css
750,6 → 750,57
}
 
@font-face {
font-family: 'Farscape-1';
src:url('/styles/fonts/Farscape-1.ttf.woff') format('woff'),
url('/styles/fonts/Farscape-1.ttf.svg#Farscape-1') format('svg'),
url('/styles/fonts/Farscape-1.ttf.eot'),
url('/styles/fonts/Farscape-1.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
 
.farscape {
position: relative;
padding: 0.0625em 0.25em 0em 0.33em;
background-color: #020204;
color: #c27d38;
font-family: "Farscape-1", sans-serif;
font-size: 180%;
text-transform: uppercase;
-webkit-text-stroke: 0.25px #1f1003;
}
 
.farscape:after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 0.0625em 0.25em 0em 0.33em;
content: "Farscape";
color: #eecf8d;
-webkit-mask-image: linear-gradient(
to bottom right,
rgba(255, 255, 255, 0) 25%,
rgba(255, 255, 255, 1) 35%,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 0) 45%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 55%,
rgba(255, 255, 255, 0) 60%,
rgba(255, 255, 255, 1) 65%,
rgba(255, 255, 255, 0) 75%
);
}
 
.farscape .s {
text-shadow:
1px 0px 1px #efcea5,
2px 0px 2px #efcea5,
3px 0px 3px #efcea5;
}
 
@font-face {
font-family: "Marriage-Script";
font-weight: normal;
src: local("Marriage-Script"), url(/styles/fonts/MARRIAGE.TTF);
1360,6 → 1411,86
}
 
@font-face {
font-family: 'GoldRush';
src:url('/styles/fonts/GoldRush.ttf.woff') format('woff'),
url('/styles/fonts/GoldRush.ttf.svg#GoldRush') format('svg'),
url('/styles/fonts/GoldRush.ttf.eot'),
url('/styles/fonts/GoldRush.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
 
@font-face {
font-family: 'CIRcusCapsOpti';
src:url('/styles/fonts/CIRcusCapsOpti.ttf.woff') format('woff'),
url('/styles/fonts/CIRcusCapsOpti.ttf.svg#CIRcusCapsOpti') format('svg'),
url('/styles/fonts/CIRcusCapsOpti.ttf.eot'),
url('/styles/fonts/CIRcusCapsOpti.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
 
.monty-python {
padding: 0.25em 0.25em;
background-color: #afeeee;
color: #b19b53;
font-family: 'CIRcusCapsOpti', serif;
text-transform: uppercase;
}
 
.monty-python .first {
font-family: 'GoldRush', serif;
font-size: 66%;
}
 
.monty-python .second {
font-size: 125%;
line-height: 0.9em;
}
 
.monty-python .first span,
.monty-python .second span {
display: block;
position: relative;
}
 
.monty-python .first span:after,
.monty-python .second span:after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
color: transparent;
-webkit-text-fill-color: #211500;
-webkit-mask-image: linear-gradient(
rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%);
}
 
.monty-python .second span:after {
-webkit-text-fill-color: #231a00;
-webkit-mask-image: linear-gradient(
rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 40%,
rgba(255, 255, 255, 0) 40%);
}
 
.monty-python .monty:after {
content: "Monty";
}
 
.monty-python .pythons:after {
content: "Python’s";
}
 
.monty-python .flying:after {
content: "Flying";
}
 
.monty-python .circus:after {
content: "Circus";
}
 
@font-face {
font-family: "Swiss 721 Black Extended BT";
src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/non-free/swiss721_bke.TTF);
}
1409,6 → 1540,18
src: url(/styles/fonts/TERMINAT.TTF);
}
 
.mork-and-mindy {
color: #f2cd33;
font: bold 110% serif;
text-shadow:
0px -1px 1px #e3dac2,
0.5px 0.5px 0px #0a0201,
1px 1px 0px #0a0201,
2px 2px 0.5px #0a0201,
0px 0px 1px #0a0201;
text-transform: uppercase;
}
 
.mutant-x {
position: relative;
padding: 0.25em 0.5em 0.125em 0.5em;
1488,7 → 1631,7
}
 
.odyssey5 {
padding: 0.5em 0.5em 0.125em 0.5em;
padding: 0.25em 0.5em 0.25em 0.5em;
background-color: #000;
color: #d1550b;
font-family: "Unconform Round", sans-serif;
1509,6 → 1652,12
}
 
.odyssey5 .five {
display: inline-block;
width: 1.3em;
padding-top: 0.25em;
border-radius: 50%;
background-color: #d1550b;
color: black;
letter-spacing: normal;
}
 
1883,6 → 2032,16
font-style: normal;
}
 
@font-face {
font-family: 'Jura-Bold';
src:url('/styles/fonts/Jura-Bold.ttf.woff') format('woff'),
url('/styles/fonts/Jura-Bold.ttf.svg#Jura-Bold') format('svg'),
url('/styles/fonts/Jura-Bold.ttf.eot'),
url('/styles/fonts/Jura-Bold.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
 
.seven-days {
position: relative;
padding: 1em 1em 0.75em;
1899,7 → 2058,7
.seven-days:before {
position: absolute;
left: 0;
top: -0.125em;
top: -0.225em;
right: 0;
bottom: 0;
padding-left: 0.75em;
1906,6 → 2065,7
display: block;
color: #191955;
content: "7";
font-family: 'Jura-Bold', sans-serif;
font-size: 350%;
font-weight: 900;
text-align: center;
1914,12 → 2074,13
.seven-days:after {
position: absolute;
left: 0;
top: -0.125em;
top: -0.225em;
right: 0;
bottom: 0;
padding-left: 0.75em;
display: block;
content: "7";
font-family: 'Jura-Bold', sans-serif;
font-size: 350%;
font-weight: 900;
text-align: center;
2261,6 → 2422,21
text-transform: uppercase;
}
 
.twin-peaks {
padding: 0.125em 0.25em;
background-color: transparent;
color: #893e00;
font-size: 120%;
font-weight: bold;
text-shadow: 1px 1px #111802, 1px 1px 2px #111802, 2px 2px 2px #111802;;
text-transform: uppercase;
-webkit-text-stroke: 1px #36ab11;
}
 
.visitor {
font-weight: bold;
}
 
.visitors {
position: relative;
padding: 0.5em 0.5em 0.25em 0.5em;