mirror of
https://github.com/wahyd4/rss-visualizer.git
synced 2026-08-09 04:56:25 +10:00
64 lines
1.1 KiB
CSS
64 lines
1.1 KiB
CSS
body {
|
|
/*background-image: url(../images/bg01.jpg);*/
|
|
background-color: #0576dc;
|
|
/*text-shadow: 0px 1px 1px #111;*/
|
|
color: #fff;
|
|
font-family: "Lucida Grande";
|
|
overflow: hidden;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
|
|
#container {
|
|
margin: 0 auto;
|
|
width: 80%;
|
|
margin-top: 6%;
|
|
position: relative;
|
|
}
|
|
|
|
article {
|
|
font-size: 36px;
|
|
width: 100%;
|
|
position: absolute;
|
|
/*-webkit-box-reflect: below 1px
|
|
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(white));*/
|
|
}
|
|
|
|
article img {
|
|
display: block;
|
|
width: 50%;
|
|
margin: 0 auto;
|
|
padding-bottom: 20px;
|
|
border: none;
|
|
z-index: -1;
|
|
-webkit-box-reflect: below 1px
|
|
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
|
|
}
|
|
|
|
.content {
|
|
text-shadow: 0px 1px 1px #111;
|
|
z-index: 100;
|
|
}
|
|
|
|
article .from {
|
|
position: absolute;
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
.hide {
|
|
left: -3000px;
|
|
-webkit-transition-property: left;
|
|
-webkit-transition-duration: 2s;
|
|
}
|
|
|
|
.right {
|
|
margin-left: 500px;
|
|
}
|
|
|
|
footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
} |