Page MenuHomeWolfplex
Files F440792

matrix-message.css
No OneTemporary
Actions

matrix-message.css
View Options

@charset "utf-8";
/* -------------------------------------------------------------
Wolfplex
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Author: Sébastien Santoro aka Dereckson
Tags: black green matrix cyberpunk
Filename: matrix-message.css
Created: 2018-10-29
Licence: Creative Commons BY 4.0
------------------------------------------------------------- */
/* -------------------------------------------------------------
General style
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
background-color: #090909;
background-image: url("black_denim.png");
}
/* -------------------------------------------------------------
Matrix rain canvas
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#background {
position: fixed;
z-index : -1;
}
/* -------------------------------------------------------------
Message style
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.message {
position: absolute;
padding: 1em 1em;
background-color: rgba(0, 0, 0, 0.8);
color: #51a303;
font-family: 'Ropa Sans', sans-serif;
font-size: 18px;
z-index: 10;
}
.message a {
color: #62c108;
text-decoration: none;
}
.message h1, .message h2 {
color: #a20604;
font-weight: 400;
}
.message h1 {
font-size: 36px;
}
.message h2 {
font-size: 27px;
}
.message ul {
line-height: 1.8em;
}
/* -------------------------------------------------------------
Media queries
:: Position the message at the top left for > 40em
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (min-width: 40em) {
.message {
margin-top: 5vh;
margin-left: 3vw;
box-shadow: 8px 10px 30px 0px rgba(80, 163, 3, 0.5);
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
float: left;
}
}

File Metadata

Mime Type
text/plain
Expires
Tue, Jan 27, 9:49 AM (1 w, 2 d ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
71264
Default Alt Text
matrix-message.css (2 KB)

Event Timeline