Page MenuHomeSealhub
Files F7188364

style.css
No OneTemporary
Actions

style.css
View Options

@font-face {
font-family: 'Open Sans Light';
src: url('fonts/opensans_light_polish/OpenSans-Light-webfont.eot');
src: url('fonts/opensans_light_polish/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans_light_polish/OpenSans-Light-webfont.woff') format('woff'),
url('fonts/opensans_light_polish/OpenSans-Light-webfont.ttf') format('truetype'),
url('fonts/opensans_light_polish/OpenSans-Light-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Light Regular';
src: url('fonts/opensans_regular_polish/OpenSans-Regular-webfont.eot');
src: url('fonts/opensans_regular_polish/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans_regular_polish/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/opensans_regular_polish/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/opensans_regular_polish/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
html{
background-color:hsl(0, 0%, 90%);
}
body{
box-shadow: 1px 1px 9px hsla(0, 0%, 0%, 0.11);
padding:20px;
background-color:white;
font-family:sans-serif;
max-width:50rem;
margin:0 auto;
background-image: url(/img/logo.png);
background-repeat:no-repeat;
background-position: bottom 10px left 20px;
background-size: auto 30px;
padding-bottom:50px;
margin-top:40px;
animation: fadeIn linear 500ms;
animation-iteration-count: 1;
transform-origin: 50% 50%;
margin-bottom: 15px;
}
*{
color:hsl(0, 0%, 28%);
font-family: 'Open Sans Light';
}
strong{
font-family: 'Open Sans Light Regular';
}
a{
color: hsl(198, 51%, 50%);
text-decoration:none;
font-family: 'Open Sans Light Regular';
}
button{
border-color: hsl(198, 51%, 50%);
border-style:solid;
border-width:1px;
border-radius: 2px;
}
button.negative{
border-color:hsl(23, 61%, 55%);
}
.prometheus{
color:hsl(194, 32%, 55%);
}
.show-on-parent-hover{
/*
opacity:0;
*/
transition: all 300ms;
}
*:hover > .show-on-parent-hover{
opacity:1;
}
ul#lista-wiadomosci {
overflow: hidden;
}
ul .message.incoming {
float: right;
background: hsl(198, 51%, 70%) !important;
border-color: rgba(0,0,0,0.1);
text-align: right;
margin-right: 18px;
}
ul .message {
list-style: none;
margin-left:-20px;
margin-bottom: 10px;
width: auto;
color: rgba(255,255,255,1);
float: left;
word-wrap: break-word;
clear: both;
position: relative;
padding: 10px;
background: hsl(198, 51%, 50%);
-webkit-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.1);
}
.message:not(.incoming)::after {
border-color: transparent hsl(198, 51%, 50%);
border-style: solid;
border-width: 0px 18px 20px 0;
content: "";
display: block;
left: -18px;
position: absolute;
top: 0px;
width: 0;
z-index: 1;
}
.incoming:before {
border-color: transparent hsl(198, 51%, 70%);
border-style: solid;
border-width: 0px 0 20px 18px;
content: "";
display: block;
position: absolute;
right: -18px !important;
top: 0px;
width: 0;
z-index: 1;
}
#message-box + button {
float: left;
clear: both;
margin-top: 10px;
}
#message-box {
width: 98%;
float: left;
}
.content {
height: auto;
overflow: hidden;
}
#registered {
display: none;
opacity: 1;
}
#registered:target {
color: rgba(0,0,0,0.3);
margin:0 auto 15px;
width: 190px;
display: block;
transition-delay: 2s;
transition: opacity 200ms easy-in;
}
/*
Animations
*/
@keyframes fadeIn{
0% {
opacity:0;
}
25% {
opacity:0.25;
}
50% {
opacity:0.5;
}
75% {
opacity:0.75;
}
100% {
opacity:1.0;
}
}

File Metadata

Mime Type
text/plain
Expires
Tue, Jul 8, 08:09 (1 d, 12 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
808976
Default Alt Text
style.css (3 KB)

Event Timeline