Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme by Mimì @ thearmyinside.tumblr.com
- -->
- <html>
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- body {
- background-color:#FCF2DD;
- background-attachment:fixed;
- font-family:Georgia;
- font-size:10px;
- }
- a:link, a:active, a:visited {
- color:{color:link};
- text-decoration:none;
- }
- a:hover {
- color:{color:hover};
- -webkit-transition.duration: 0.5s;
- -moz-transition-duration:0,5s;
- }
- #entry {
- width:800px;
- height:auto;
- margin-left:200px;
- margin-top:50px;
- }
- #title {
- text-align:center;
- letter-spacing:1px;
- font-family: Georgia;
- text-transform:lowercase;
- font-style: Georgia;
- line-height:110%;
- margin-top:200px;
- }
- #sidebar {
- width:150px;
- height:1000px;
- background-color:#ECDDB8;
- float:left;
- margin-left:-10px;
- margin-top:-10px;
- padding:4px;
- text-align:center;
- position:fixed;
- border-right:3px solid #f0e68c;
- }
- #icon {
- border-color: #FCF2DD;
- border: 10px solid;
- height:48px;
- width:48px;
- margin-left:40px;
- margin-top:5px;
- position:fixed;
- color:#FCF2DD;
- -moz-border-radius: 100px;
- -khtml-border-radius: 100px;
- -webkit-border-radius: 100px;
- border-radius: 100px;
- }
- .links_list {
- margin: 0px;
- padding: 0px;
- width: 110px;
- margin-left: 20px;
- margin-top: 80px;
- }
- .links_body a{
- display:block;
- background: #FCF2DD;
- color: #525252;
- padding: 0px; margin: 1px;
- letter-spacing: 2px;
- display: block;
- font-family:'Yanone Kaffeesatz', sans-serif;
- text-align: center;
- height:10px;
- font-size:7px;
- -moz-border-radius: 15px;
- -khtml-border-radius: 15px;
- -webkit-border-radius: 15px;
- border-radius: 15px;
- text-transform:uppercase;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .links_body a:hover{
- color:#000000;
- padding-right:20px;
- background-color: #ECDDB8;
- background-image:none;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .movie {
- width:150px;
- height:210px;
- background-color:#ffffff;
- text-align:center;
- overflow:hidden;
- position:relative;
- word-wrap: break-word;
- -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
- }
- .movie img {
- width:150px;
- height:210px;
- position:relative;
- z-index:10;
- -moz-user-select: none;
- -webkit-user-select: none;
- /* this will work for QtWebKit in future */
- -webkit-user-drag: none;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
- }
- .movie:hover img {
- margin-top:210px;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
- }
- .movie:hover .info {
- margin-left:0px;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
- }
- .info {
- width:134px;
- height:194px;
- padding:8px;
- margin-top:20px;
- font-size:11px;
- color:#000000;
- position:absolute;
- z-index:5;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- .review{
- margin-top:7px;
- font-size:9px;
- z-index:6;
- }
- #text {
- font-size:16px;
- text-align:center;
- letter-spacing:1px;
- font-family: Georgia;
- font-style: bold;
- line-height:110%;
- margin-top:10px;
- }
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div class="body">
- <div id="sidebar">
- <div id="title">
- <a href="/"><font size="2"; color="#C4A668">{Title}</font></a></div><br>
- <div id="icon"><img src="{PortraitURL-48}" style="-moz-border-radius: 100px; -khtml-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;" class="imdava"></div>
- <div class="links_list">
- <div class="links_body">
- <a href="/">Home</a>
- <a href="/archive">Archive</a>
- <a href="/ask">Ask me</a>
- <a target="_blank" href="http://thearmyinside.tumblr.com">Theme (c)</a></div></div>
- </div>
- <br>
- <div id="entry">
- <div id="text">Movies 2012<br>
- <font size="1" color="#000000">This list includes re-watched movies</font></div>
- <br>
- <table cellpadding="0px" cellspacing="8px">
- <!----- FIRST ROW START ----->
- <tr>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- </tr>
- <!----- FIRST ROW END ----->
- <!----- SECOND ROW START ----->
- <tr>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- </tr>
- <!----- SECOND ROW END ----->
- <!----- THIRD ROW START ----->
- <tr>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- <td><div class="movie">
- <div class="info"><strong>Title</strong><br>(Year)
- <div class="review">Write whatever you want...<br><br><font size="2">Rating: <strong>?/5</strong></font></div>
- </div>
- <img src="http://dl.dropbox.com/u/38384326/Stars/Blank.png" width="150" height="210" title="Title">
- </div></td>
- </tr>
- <!----- THIRD ROW END ----->
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement