Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 31 → Rev 32

/trunk/media/video/series/style.css
50,6 → 50,7
th {
width: 20%;
padding: 0.25em 0.5em 0.25em 0;
font-weight: normal;
text-align: right;
}
 
84,34 → 85,28
src: local("X-Files"), url(/styles/fonts/x-files.ttf);
}
 
<?php
$xfiles_pos = '65% 60%';
$xfiles_angle = '12deg';
$xfiles_gray = '236, 244, 235';
?>
 
.akte-x {
padding: 1em 0.25em 0.6em 0.25em;
background-image:
linear-gradient(<?php echo $xfiles_angle; ?>,
rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
-o-linear-gradient(12deg,
rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
background-image:
-moz-radial-gradient(<?php echo $xfiles_pos; ?>,
rgba(<?php echo $xfiles_gray; ?>, 0.5) 50%, rgba(<?php echo $xfiles_gray; ?>, 0.1)),
-moz-linear-gradient(<?php echo $xfiles_angle; ?>,
rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
linear-gradient(12deg,
rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
background-image:
-o-linear-gradient(<?php echo $xfiles_angle; ?>,
rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
-moz-radial-gradient(65% 60%,
rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
-moz-linear-gradient(12deg,
rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
background-image:
-webkit-radial-gradient(<?php echo $xfiles_pos; ?>, 25% 75%,
rgba(<?php echo $xfiles_gray; ?>, 0.5) 50%, rgba(<?php echo $xfiles_gray; ?>, 0.1)),
-webkit-linear-gradient(<?php echo $xfiles_angle; ?>,
rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
-webkit-radial-gradient(65% 60%, 25% 75%,
rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
-webkit-linear-gradient(12deg,
rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
background-color: #000;
color: #dcdfdc;
line-height: 2em;
118,12 → 113,15
vertical-align: middle;
}
 
 
 
.akte-x .small {
padding-left: 1em;
background-image: linear-gradient(bottom left, black, transparent);
/* .linear-gradient(bottom left, black, transparent); */
background-image: -moz-linear-gradient(bottom left, black, transparent);
background-image: -o-linear-gradient(bottom left, black, transparent);
background-image: -webkit-linear-gradient(bottom left, black, transparent);
background-image: linear-gradient(bottom left, black, transparent);
vertical-align: middle;
font-family: "Futura Condensed", sans-serif;
font-size: 50%;
178,7 → 176,7
 
.andromeda .roddenberry {
position: absolute;
right: 3.5em;
right: 3.75em;
top: 1.7em;
font-family: sans-serif;
font-size: 21%;
191,6 → 189,7
.big-bang-theory {
font-family: Impact, sans-serif;
font-size: 122%;
font-weight: bold;
text-transform: uppercase;
}
 
347,6 → 346,7
color: white;
font-family: serif;
font-size: 120%;
font-weight: bold;
line-height: 1;
text-align: center;
text-transform: uppercase;
354,20 → 354,20
 
.dead-zone .text {
display: block;
margin-top: 1em;
padding: 0 1em;
background: white;
background:
-webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
-webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
background:
linear-gradient(-5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
linear-gradient(5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
color: black;
margin-top: 1em;
padding: 0 1em;
background: white;
background:
-webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
-webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
background:
linear-gradient(-5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
linear-gradient(5deg, rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
color: black;
}
 
.dead-zone .text .dead {
387,7 → 387,7
-webkit-transform: perspective(15px) rotateX(35deg);
transform: perspective(15px) rotateX(35deg);
-webkit-mask-image: -webkit-linear-gradient(
rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
}
 
@font-face {
589,16 → 589,13
bottom: 0.25em;
text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);
<?php
$matrix = 'matrix(1, 0, 0, 0.9, 0, 0)';
$transforms3d = 'perspective(50px) rotateX(45deg)';
?>
-moz-transform: <?php echo $matrix; ?>;
-moz-transform: <?php echo $transforms3d; ?>;
-o-transform: <?php echo $matrix; ?>;
-ms-transform: <?php echo $matrix; ?>;
-webkit-transform: <?php echo $transforms3d; ?>;
transform: <?php echo $transforms3d; ?>;
-moz-transform: matrix(1, 0, 0, 0.9, 0, 0);
-moz-transform: perspective(50px) rotateX(45deg);
-o-transform: matrix(1, 0, 0, 0.9, 0, 0);
-ms-transform: matrix(1, 0, 0, 0.9, 0, 0);
-webkit-transform: perspective(50px) rotateX(45deg);
transform: perspective(50px) rotateX(45deg);
}
 
.eureka .ka {
624,16 → 621,37
font-size: 75%;
}
 
.fresh-hell {
position: relative;
background-color: white;
color: #fff900;
font-family: Kruella, fantasy;
font-size: 150%;
text-transform: uppercase;
white-space: nowrap;
-webkit-text-stroke: 0.25px #333;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
 
.fresh-hell .gradient {
position: absolute;
left: 0;
top: 0;
-webkit-mask-image: -webkit-linear-gradient(
rgba(0, 0, 0, 1), transparent);
z-index: 2;
}
 
.fresh-hell:after {
content: "Fresh Hell";
color: #bf170a;
}
 
@font-face {
font-family: "Century Gothic";
src: local("Century Gothic"), url(/styles/fonts/Century_Gothic.TTF);
}
 
<?php
$fringe_color = '#101811';
$fringe_shadow = '#5b6e65';
?>
 
.fringe {
display: inline-block;
padding: 0.125em 0.5em 0.125em 0.5em;
640,7 → 658,7
background-color: #000;
background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
color: <?php echo $fringe_color; ?>;
color: #101811;
font-family: "Century Gothic", sans-serif;
font-weight: bolder;
font-size: 140%;
653,10 → 671,9
-webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
*/
<?php $transforms3d = 'perspective(50px) rotateX(4.43deg)'; ?>
-moz-transform: <?php echo $transforms3d; ?>;
-webkit-transform: <?php echo $transforms3d; ?>;
transform: <?php echo $transforms3d; ?>;
-moz-transform: perspective(50px) rotateX(4.43deg);
-webkit-transform: perspective(50px) rotateX(4.43deg);
transform: perspective(50px) rotateX(4.43deg);
}
 
.fringe .f {
664,13 → 681,13
 
/*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
text-shadow:
0.5px 0.25px <?php echo $fringe_shadow; ?>,
0.75px 0.5px <?php echo $fringe_shadow; ?>,
1.25px 0.75px <?php echo $fringe_shadow; ?>,
1.5px 1.25px <?php echo $fringe_shadow; ?>,
1.75px 1.5px <?php echo $fringe_shadow; ?>,
2px 1.75px <?php echo $fringe_shadow; ?>,
2.25px 2px <?php echo $fringe_shadow; ?>;
0.5px 0.25px #5b6e65,
0.75px 0.5px #5b6e65,
1.25px 0.75px #5b6e65,
1.5px 1.25px #5b6e65,
1.75px 1.5px #5b6e65,
2px 1.75px #5b6e65,
2.25px 2px #5b6e65;
/* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
/* shadow-pos: y = -0.83909963 * x */
681,29 → 698,28
*/
}
 
 
.fringe .r {
display: inline-block;
/*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
/*
text-shadow:
0.25px 0.25px <?php echo $fringe_shadow; ?>,
0.5px 0.5px <?php echo $fringe_shadow; ?>,
1px 0.75px <?php echo $fringe_shadow; ?>,
1.25px 1.25px <?php echo $fringe_shadow; ?>,
1.5px 1.5px <?php echo $fringe_shadow; ?>,
1.75px 1.75px <?php echo $fringe_shadow; ?>,
2px 2px <?php echo $fringe_shadow; ?>;
0.25px 0.25px $fringe_shadow,
0.5px 0.5px $fringe_shadow,
1px 0.75px $fringe_shadow,
1.25px 1.25px $fringe_shadow,
1.5px 1.5px $fringe_shadow,
1.75px 1.75px $fringe_shadow,
2px 2px $fringe_shadow;
*/
/* Same shadow as .f */
text-shadow:
0.5px 0.25px <?php echo $fringe_shadow; ?>,
0.75px 0.5px <?php echo $fringe_shadow; ?>,
1.25px 0.75px <?php echo $fringe_shadow; ?>,
1.5px 1.25px <?php echo $fringe_shadow; ?>,
1.75px 1.5px <?php echo $fringe_shadow; ?>,
2px 1.75px <?php echo $fringe_shadow; ?>,
2.25px 2px <?php echo $fringe_shadow; ?>;
0.5px 0.25px #5b6e65,
0.75px 0.5px #5b6e65,
1.25px 0.75px #5b6e65,
1.5px 1.25px #5b6e65,
1.75px 1.5px #5b6e65,
2px 1.75px #5b6e65,
2.25px 2px #5b6e65;
}
 
.fringe .i {
711,23 → 727,23
/* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
/*
text-shadow:
0 0.25px <?php echo $fringe_shadow; ?>,
0.5px 0.5px <?php echo $fringe_shadow; ?>,
0.75px 0.75px <?php echo $fringe_shadow; ?>,
1px 1.25px <?php echo $fringe_shadow; ?>,
1.25px 1.5px <?php echo $fringe_shadow; ?>,
1.5px 1.75px <?php echo $fringe_shadow; ?>,
1.75px 2px <?php echo $fringe_shadow; ?>;
0 0.25px $fringe_shadow,
0.5px 0.5px $fringe_shadow,
0.75px 0.75px $fringe_shadow,
1px 1.25px $fringe_shadow,
1.25px 1.5px $fringe_shadow,
1.5px 1.75px $fringe_shadow,
1.75px 2px $fringe_shadow;
*/
/* Same shadow as .f */
text-shadow:
0.5px 0.25px <?php echo $fringe_shadow; ?>,
0.75px 0.5px <?php echo $fringe_shadow; ?>,
1.25px 0.75px <?php echo $fringe_shadow; ?>,
1.5px 1.25px <?php echo $fringe_shadow; ?>,
1.75px 1.5px <?php echo $fringe_shadow; ?>,
2px 1.75px <?php echo $fringe_shadow; ?>,
2.25px 2px <?php echo $fringe_shadow; ?>;
0.5px 0.25px #5b6e65,
0.75px 0.5px #5b6e65,
1.25px 0.75px #5b6e65,
1.5px 1.25px #5b6e65,
1.75px 1.5px #5b6e65,
2px 1.75px #5b6e65,
2.25px 2px #5b6e65;
}
 
.fringe .n {
734,13 → 750,13
display: inline-block;
/*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
text-shadow:
0 0.25px <?php echo $fringe_shadow; ?>,
0 0.5px <?php echo $fringe_shadow; ?>,
0 0.75px <?php echo $fringe_shadow; ?>,
0 1.25px <?php echo $fringe_shadow; ?>,
0 1.5px <?php echo $fringe_shadow; ?>,
0 1.75px <?php echo $fringe_shadow; ?>,
0 2px <?php echo $fringe_shadow; ?>;
0 0.25px #5b6e65,
0 0.5px #5b6e65,
0 0.75px #5b6e65,
0 1.25px #5b6e65,
0 1.5px #5b6e65,
0 1.75px #5b6e65,
0 2px #5b6e65;
}
 
.fringe .g {
747,22 → 763,22
display: inline-block;
/* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
/* text-shadow:
0 0.25px <?php echo $fringe_shadow; ?>,
-0.5px 0.5px <?php echo $fringe_shadow; ?>,
-0.75px 0.75px <?php echo $fringe_shadow; ?>,
-1px 1.25px <?php echo $fringe_shadow; ?>,
-1.25px 1.5px <?php echo $fringe_shadow; ?>,
-1.5px 1.75px <?php echo $fringe_shadow; ?>,
-1.75px 2px <?php echo $fringe_shadow; ?>; */
0 0.25px $fringe_shadow,
-0.5px 0.5px $fringe_shadow,
-0.75px 0.75px $fringe_shadow,
-1px 1.25px $fringe_shadow,
-1.25px 1.5px $fringe_shadow,
-1.5px 1.75px $fringe_shadow,
-1.75px 2px $fringe_shadow; */
/* Same shadow as .e */
text-shadow:
-0.25px 0.25px <?php echo $fringe_shadow; ?>,
-0.5px 0.5px <?php echo $fringe_shadow; ?>,
-1px 0.75px <?php echo $fringe_shadow; ?>,
-1.25px 1.25px <?php echo $fringe_shadow; ?>,
-1.5px 1.5px <?php echo $fringe_shadow; ?>,
-1.75px 1.75px <?php echo $fringe_shadow; ?>;
-2px 2px <?php echo $fringe_shadow; ?>;
-0.25px 0.25px #5b6e65,
-0.5px 0.5px #5b6e65,
-1px 0.75px #5b6e65,
-1.25px 1.25px #5b6e65,
-1.5px 1.5px #5b6e65,
-1.75px 1.75px #5b6e65,
-2px 2px #5b6e65;
}
 
.fringe .e {
769,13 → 785,13
display: inline-block;
/* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
text-shadow:
-0.25px 0.25px <?php echo $fringe_shadow; ?>,
-0.5px 0.5px <?php echo $fringe_shadow; ?>,
-1px 0.75px <?php echo $fringe_shadow; ?>,
-1.25px 1.25px <?php echo $fringe_shadow; ?>,
-1.5px 1.5px <?php echo $fringe_shadow; ?>,
-1.75px 1.75px <?php echo $fringe_shadow; ?>;
-2px 2px <?php echo $fringe_shadow; ?>;
-0.25px 0.25px #5b6e65,
-0.5px 0.5px #5b6e65,
-1px 0.75px #5b6e65,
-1.25px 1.25px #5b6e65,
-1.5px 1.5px #5b6e65,
-1.75px 1.75px #5b6e65,
-2px 2px #5b6e65;
}
 
@font-face {
1079,6 → 1095,10
letter-spacing: 0;
}
 
.superman {
font-weight: bold;
}
 
.life-on-mars {
display: inline-block;
padding: 0.25em 0.5em;
1085,14 → 1105,15
background-color: #000;
background-image:
-webkit-linear-gradient(left,
rgba(255, 255, 255, 0) 35%,
rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
rgba(255, 255, 255, 0) 38%),
-webkit-linear-gradient(top,
rgba(255, 255, 255, 0) 81%,
rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
rgba(255, 255, 255, 0) 89%);
rgba(255, 255, 255, 0) 35%,
rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
rgba(255, 255, 255, 0) 38%),
-webkit-linear-gradient(top,
rgba(255, 255, 255, 0) 81%,
rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
rgba(255, 255, 255, 0) 89%);
color: #fff;
font-weight: bold;
text-shadow: 0 0 0.5px #fff;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
1118,27 → 1139,24
font-size: 150%;
font-variant: small-caps;
font-weight: bold;
<?php
$darkred = '#9f1512';
$gold = '#d9ad7e';
?>
 
text-shadow:
-0.5px -0.5px <?php echo $darkred; ?>,
0px -0.5px <?php echo $darkred; ?>,
0.5px -0.5px <?php echo $darkred; ?>,
-0.5px 0px <?php echo $darkred; ?>,
0.5px 0px <?php echo $darkred; ?>,
-0.5px 0.5px <?php echo $darkred; ?>,
0px 0.5px <?php echo $darkred; ?>,
0.5px 0.5px <?php echo $darkred; ?>,
-1px -1px 1px <?php echo $gold; ?>,
0px -1px 1px <?php echo $gold; ?>,
1px -1px 1px <?php echo $gold; ?>,
-1px 0px 1px <?php echo $gold; ?>,
1px 0px 1px <?php echo $gold; ?>,
-1px 1px 1px <?php echo $gold; ?>,
0px 1px 1px <?php echo $gold; ?>,
1px 1px 1px <?php echo $gold; ?>;
-0.5px -0.5px #9f1512,
0px -0.5px #9f1512,
0.5px -0.5px #9f1512,
-0.5px 0px #9f1512,
0.5px 0px #9f1512,
-0.5px 0.5px #9f1512,
0px 0.5px #9f1512,
0.5px 0.5px #9f1512,
-1px -1px 1px #d9ad7e,
0px -1px 1px #d9ad7e,
1px -1px 1px #d9ad7e,
-1px 0px 1px #d9ad7e,
1px 0px 1px #d9ad7e,
-1px 1px 1px #d9ad7e,
0px 1px 1px #d9ad7e,
1px 1px 1px #d9ad7e;
}
 
@font-face {
1317,12 → 1335,8
top: 0;
padding: 0.5em 0.5em 0.25em 0.5em;
background-color: black;
<?php
$ql_shine = '#6f98e5';
$ql_glow = '#5598ff';
$ql_glow_range = '8px';
?>
color: <?php echo $ql_glow; ?>;
 
color: #5598ff;
font-family: "Swiss Cheesed", sans-serif;
font-size: 110%;
letter-spacing: 0.0625em;
1329,24 → 1343,24
text-transform: uppercase;
text-align: center;
text-shadow:
-1px -1px <?php echo $ql_shine; ?>,
0 -1px <?php echo $ql_shine; ?>,
1px -1px <?php echo $ql_shine; ?>,
-1px 0px <?php echo $ql_shine; ?>,
0 0px <?php echo $ql_shine; ?>,
1px 0px <?php echo $ql_shine; ?>,
-1px 1px <?php echo $ql_shine; ?>,
0 1px <?php echo $ql_shine; ?>,
1px 1px <?php echo $ql_shine; ?>,
-1px -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
0 -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1px -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
-1px 0 <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
0 0 <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1px 0 <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
-1px 1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
0 1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1px 1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>;
-1px -1px #6f98e5,
0 -1px #6f98e5,
1px -1px #6f98e5,
-1px 0px #6f98e5,
0 0px #6f98e5,
1px 0px #6f98e5,
-1px 1px #6f98e5,
0 1px #6f98e5,
1px 1px #6f98e5,
-1px -1px 8px #5598ff,
0 -1px 8px #5598ff,
1px -1px 8px #5598ff,
-1px 0 8px #5598ff,
0 0 8px #5598ff,
1px 0 8px #5598ff,
-1px 1px 8px #5598ff,
0 1px 8px #5598ff,
1px 1px 8px #5598ff;
}
 
.quantum-leap .gradient {
1355,7 → 1369,7
top: 0;
padding: 0.5em 0.5em 0.25em 0.5em;
color: #000;
-webkit-text-fill-color: <?php echo $ql_glow; ?>;
-webkit-text-fill-color: #5598ff;
-webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
z-index: 2;
}
1390,13 → 1404,13
color: #ffffbc;
font-family: "Roswell", sans-serif;
letter-spacing: 0.25em;
<?php $roswell_red = '138, 8, 0'; ?>
 
text-shadow:
-1px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5),
-1px 0px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px 0px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px 0px 1px rgba(<?php echo $roswell_red; ?>, 0.5),
-1px 1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px 1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px 1px 1px rgba(<?php echo $roswell_red; ?>, 0.5);
-1px -1px 1px rgba(138, 8, 0, 0.5),
0px 1px 1px rgba(138, 8, 0, 0.5),
1px 1px 1px rgba(138, 8, 0, 0.5);
text-transform: uppercase;
-webkit-text-stroke: 0.25px rgba(<?php echo $roswell_red; ?>, 0.75);
-webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
}
 
.roswell span {
1506,7 → 1520,6
$dots = array_map(function ($coord) {
return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
}, $coords);
$gold = '#ffc50c';
?>
/* water bubbles */
background-image: <?php echo implode(",\n ", $dots); ?>,
1514,7 → 1527,7
-webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
/* water */
-webkit-linear-gradient(#030129, #00000c);
color: <?php echo $gold; ?>;
color: #ffc50c;
font-family: "seaQuest", sans-serif;
font-size: 92%;
}
1786,6 → 1799,7
color: #eee;
font-family: "Eurostile Extended", sans-serif;
font-size: 122%;
font-weight: bold;
letter-spacing: -0.125em;
}
 
1816,6 → 1830,7
background-color: #fff;
color: #003ee5;
font-size: 120%;
font-weight: bold;
text-shadow: 2px 1px #00021c;
}
 
1851,6 → 1866,7
 
.tara {
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
}