Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Roboto:100i');
- @keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-ms-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- @-o-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
- }
- body {
- background-color: black;
- color: #ffffff;
- text-shadow:
- -1px -1px 0 #000,
- 1px -1px 0 #000,
- -1px 1px 0 #000,
- 1px 1px 0 #000;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none;
- }
- pre {
- font-size: 17px;
- text-align: center;
- font-family: roboto;
- -webkit-animation: fadein 5s;
- -moz-animation: fadein 5s;
- -ms-animation: fadein 5;
- -o-animation: fadein 5s;
- animation: fadein 5s;
- }
- h1 {
- font-size: 50px;
- text-align: center;
- font-family: roboto;
- -webkit-animation: fadein 5s;
- -moz-animation: fadein 5s;
- -ms-animation: fadein 5s;
- -o-animation: fadein 5s;
- animation: fadein 5s;
- }
- #center {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- -moz-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- -o-transform: translate(-50%, -50%);
- }
- a {
- color: inherit;
- text-decoration: none;
- }
- a:hover {
- color: grey;
- }
- #marquee {
- width: 400px;
- overflow: hidden;
- display: inline-block;
- margin-bottom: -3px;
- }
- video {
- position: fixed;
- top: 100%;
- left: 100%;
- min-width: 100%;
- min-height: 100%;
- width: auto;
- height: auto;
- z-index: -100;
- transform: translateX(-50%) translateY(-50%);
- background-size: cover;
- filter: grayscale(1) brightness(0.2) contrast(1.05);
- -webkit-filter: grayscale(0.30) brightness(0.7) contrast(1.05);
- }
- @-webkit-keyframes marqueeAnimation-62889320 {
- 100% {
- margin-left:-440px
- }
- }
- .js-marquee-wrapper {
- width: 500px;
- margin-left: 400px;
- animation: marqueeAnimation-62889320 1s linear 0s infinite;
- }
- .js-marquee {
- margin-right: 400px;
- float: left;
- var tSpeed=10;
- }
- * { box-sizing: border-box; }
- .video-background {
- background: #000;
- position: fixed;
- top: 0; right: 0; bottom: 0; left: 0;
- z-index: -99;
- }
- .video-foreground,
- .video-background iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- -webkit-filter: grayscale(0.30) brightness(0.7) contrast(1.05);
- }
- #vidtop-content {
- top: 0;
- color: #fff;
- }
- .vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.0,7); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
- .vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
- .vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.7); transition: 10s background; border-bottom: none; margin: 1rem auto; text-align: center; }
- @media (min-aspect-ratio: 16/9) {
- .video-foreground { height: 300%; top: -100%; }
- }
- @media (max-aspect-ratio: 16/9) {
- .video-foreground { width: 300%; left: -100%; }
- }
- @media all and (max-width: 600px) {
- .vid-info { width: 50%; padding: .5rem; }
- .vid-info h1 { margin-bottom: .2rem; }
- }
- @media all and (max-width: 500px) {
- .vid-info .acronym { display: none; }
- }
- #fasz {
- position: fixed;
- top: 50%;
- left: 50%;
- min-width: 100%;
- min-height: 100%;
- z-index: -100;
- transform: translateX(-50%) translateY(-50%);
- }
- .autism {
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: black;
- z-index: -100;
- color: white;
- text-shadow: 0px 0px 10px black,0px 0px 10px black,0px 0px 10px black,0px 0px 5px #553300,0px 0px 5px #553300;
- }
- .clock {
- position: fixed;
- top: 49%;
- left: 50%;
- transform: translateX(-49%) translateY(-51%);
- -webkit-text-stroke-width: 0px;
- -webkit-text-stroke-color: black;
- color: white;
- text-shadow: 0px 0px 10px black,0px 0px 10px black,0px 0px 10px black,0px 0px 5px #553300,0px 0px 5px #553300;
- }
- .gif {
- position: fixed;
- top: 26%;
- left: 50%;
- transform: translateX(-49%) translateY(-51%);
- }
- vidcenter
- {
- position: fixed;
- top: 50%;
- left: 50%;
- min-width: 100%;
- min-height: 100%;
- width: auto;
- height: auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement