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; |
} |
|