Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-- Films Page theme by STATEOFGRACES -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,700,700italic' rel='stylesheet' type='text/css'>
- <style type="text/css">
- a {
- color:#E6E4E4;
- text-decoration:none;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- a:hover {
- color:#111111;
- text-shadow: 0 0 15px rgba(0,0,0,0.3);
- text-decoration:none;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- ::-webkit-scrollbar {background-color:#FAFAFA; height:8px; width:8px}
- ::-webkit-scrollbar-thumb:vertical {background-color:#D6D6D6; height:50px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#D6D6D6; height:8px!important}
- ::selection {background-color: #FAFAFA;
- }
- body {
- font-family:arial;
- font-weight:normal;
- background-color:#fafafa;
- }
- h1 {
- font-family:cambria;
- font-weight:normal;
- text-align:left;
- line-height:90%;
- font-size:14px;
- font-style:italic;
- color:#9A9A9A;
- }
- blockquote {
- border-left:2px solid #9A9A9A;
- padding-left:5px;
- margin:5px;
- }
- #theme {
- text-align: center;
- margin: 0 auto -12px auto;
- }
- .sbar {
- width:200px;
- height:100%;
- position:fixed;
- text-align:center;
- padding:20px;
- left:0;
- top:0;
- background-color:#ffffff;
- }
- .title {
- background-color:#111111;
- margin-top:150px;
- color:#ffffff;
- text-align:right;
- font-size:50px;
- padding:100px 10px 20px;
- font-family: 'Titillium Web', sans-serif;
- font-weight:700;
- line-height:40px;
- }
- .links {
- text-align:right;
- margin-top:10px;
- width:200px;
- line-height:100%;
- border-top:1px solid #F0F0F0;
- border-bottom:1px solid #F0F0F0;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .links a{
- margin:5px 0px 5px;
- display:inline-block;
- font-size:10px;
- padding:10px 0px 10px;
- width:35px;
- text-transform:lowercase;
- text-align:center;
- line-height:100%;
- text-decoration:none;
- color:#E6E4E4;
- background-color:#FFFFFF;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .links a:hover{
- color:#111111;
- background-color:#FAFAFA;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .description {
- text-align:left;
- margin-top:10px;
- line-height:150%;
- font-size:11px;
- color:#9A9A9A;
- }
- #stuffcontainer {
- float:left;
- margin:100px 0px 100px 300px;
- text-align:justify;
- color:#9A9A9A;
- }
- #stuff {
- width:180px;
- padding:10px;
- margin:10px;
- background-color:#fff;
- float:left;
- text-align:justify;
- font-size:10px;
- line-height:90%;
- color:#9A9A9A;
- }
- #stuff img {
- width:180px;
- height:260px;
- }
- #stuff a {
- color:#E6E4E4;
- }
- #stuff:hover .bg {
- opacity:0.8;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #stuff:hover .info {
- opacity:1;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .bg {
- width:180px;
- height:260px;
- position:absolute;
- background-color:#fff;
- text-align:center;
- opacity:0;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .info {
- position:absolute;
- text-align:center;
- margin:20px;
- padding:50px 0px 20px;
- background-color:#fff;
- width:140px;
- height:150px;
- font-family: 'Titillium Web', sans-serif;
- font-size:12px;
- line-height:19px;
- font-weight:normal;
- opacity:0;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .circle-static {
- margin:10px 30px 10px 30px;
- width: 79px;
- height: 15px;
- display: block;
- background: url('http://static.tumblr.com/qlfmldj/hpfmlcb72/rating.png') 0 0 no-repeat;
- }
- .circle-50 {
- background-position: -4px -4px;
- }
- .circle-45 {
- background-position: -4px -20px;
- }
- .circle-40 {
- background-position: -20px -4px;
- }
- .circle-35 {
- background-position: -20px -20px;
- }
- .circle-30 {
- background-position: -36px -4px;
- }
- .circle-25 {
- background-position: -36px -20px;
- }
- .circle-20 {
- background-position: -52px -4px;
- }
- .circle-15 {
- background-position: -52px -20px;
- }
- .circle-10 {
- background-position: -68px -4px;
- }
- .circle-5 {
- background-position: -68px -20px;
- }
- .circle-0 {
- background-position: -84px -4px;
- }
- .year {
- margin:-30px 50px 0px;
- position:absolute;
- width:30px;
- line-height:150%;
- font-size:9px;
- color:#ed1c24;
- font-weight:normal;
- padding:5px;
- background-color:#fafafa;
- }
- {CustomCSS}
- </style></head>
- <body>
- <div id="theme">
- <div class="sbar">
- <div class="title"><i>films</i><br>LIST</div>
- <div class="links">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <a href="http://sunsgodownthemes.tumblr.com/">©</a>
- </div>
- <div class="description">
- {Description}
- </div>
- </div>
- <div id="stuffcontainer">
- <div id="stuff">
- <div class="bg"></div>
- <div class="info">
- <div class="year">YEAR</div>
- MOVIE TITLE
- <span class="circle-static circle-35"></span>
- </div>
- <img src="http://static.tumblr.com/qlfmldj/6AEmlennz/1.png">
- </div>
- <div id="stuff">
- <div class="bg"></div>
- <div class="info">
- <div class="year">YEAR</div>
- MOVIE TITLE
- <span class="circle-static circle-40"></span>
- </div>
- <img src="http://static.tumblr.com/qlfmldj/cTUmlenqk/2.png">
- </div>
- <div id="stuff">
- <div class="bg"></div>
- <div class="info">
- <div class="year">YEAR</div>
- MOVIE TITLE
- <span class="circle-static circle-45"></span>
- </div>
- <img src="http://static.tumblr.com/qlfmldj/ow8mlenqz/3.png">
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement