Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Rebellion Theme by rockwithyous | tumblr
- PLEASE DO NOT:
- * redistribute
- * remove credit
- * use as base code
- * claim as your own!
- Doing these are also considered as stealing!
- ** N O T E **
- The coding of this theme is very complicated. I tried to
- make it as 'customizable' as possible so you guys can have better use
- of it but I suggest you don't change anything on the codes beyond this
- point.
- -->
- <html>
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:text" content="#7a7a72" />
- <meta name="color:sbar text" content="#ffffff" />
- <meta name="color:box" content="#7a7a72"/>
- <meta name="color:pop box" content="#ffffff"/>
- <meta name="color:border" content="#e4e2e1" />
- <meta name="color:link" content="#7a7a72" />
- <meta name="color:linkhover" content="#ffffff" />
- <meta name="color:post info" content="#7a7a72" />
- <meta name="color:scrollbar" content="#bbbbbb" />
- <meta name="color:scrollbg" content="#ffffff" />
- <meta name="image:sidebar bg" content="http://media.tumblr.com/0a5360231a7dd8032ec5e98d649a3891/tumblr_inline_mjpj65iYSf1r94h34.png"/>
- <meta name="image:background" content="" />
- <!-- LINKS -->
- <!-- LINKS -->
- <meta name="text:link 1" content="link 1" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 2" content="link 2" />
- <meta name="text:link 2 url" content="/" />
- <meta name="text:link 3" content="link 3" />
- <meta name="text:link 3 url" content="/" />
- <!-- TITLES -->
- <meta name="text:title1" content="Title One" />
- <meta name="text:title2" content="Title Two" />
- <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <link href="http://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet" type="text/css">
- <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}" />
- <style type="text/css">
- ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
- ::-webkit-scrollbar-corner {background:{color:scrollbg}}
- ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
- ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
- ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt}
- body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; line-height:100%; font-family:'Oranienbaum'; font-style:none; text-transform:none; letter-spacing:1px; font-size:10px;color:{color:text};text-align:justify;}
- a:link, a:active, a:visited{color:{color:link};
- text-decoration:none;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- a:hover {
- color:{color:linkhover};
- background-color: {color:link};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- p{margin-top:5px; margin-bottom:5px}
- blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text};}
- img a{border:none; width:100%}
- #container {background-color:transparent; text-align:center; width:530px; margin:0 auto 0 auto;}
- #entry {margin-top:20px; margin-left:460px; width: 500px; text-align: justify; padding: 15px; color:{color:text} ;border:3px double {color:border}; }
- #entry:hover #letag {
- opacity:1;
- display:block;
- margin-left:525px;
- padding:2px;
- }
- #letag {
- padding-top: 2px;
- width: 200px;
- font-size:7px;
- color: {color:text};
- -webkit-transition:0.3s linear;
- position:absolute;
- font-family:'Oxygen Mono';
- text-transform:lowercase;
- float:left;
- position:absolute;
- opacity:0;
- outline: none;
- margin-left:480px;
- margin-top:0px;
- }
- #letag a {color:{color:link};
- padding:1px;
- text-decoration:none;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #letag a:hover {
- color:{color:linkhover};
- background-color: {color:link};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebar { top:-100px; margin-left:175px; margin-top:100px; padding:0px; width: 250px; height:750px; position:fixed; font-family:calibri; background-image: url('{image:sidebar bg}'); }
- #stext {color:{color:sbar text};text-align:justify; font-family: 'Oranienbaum'; font-size: 9px; font-style:none; padding:5px; margin-left:15px;margin-top:-65px; width:130px; letter-spacing:1px; margin-left:5px; text-transform: none; border-top:1px solid {color:sbar text}; border-bottom:1px solid {color:sbar text};}
- #description {font-family:calibri; padding-top:1px; width:200px; margin-left:-50px; margin-top:100px; text-align:center; line-height:110%; font-size:12px;}
- .box {width: 100px; height: 100px; margin:auto; margin-left:80px; margin-top:40px;}
- .main {width: 100px; height: 100px; background-color: {color:box};}
- .s3 {width: 50px; height: 50px; margin-top: 25px; margin-left: 25px; background-color: #fff; position: absolute;}
- .s4, .s7 {opacity: 0.0; width: 50px; height: 50px; position: absolute; margin-top: 25px; margin-left: 25px; background-color: {color:pop box}; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s}
- .s5, .s6 {opacity: 0.0; width: 50px; height: 50px; position: absolute; margin-top: 25px; margin-left: 25px; background-color: {color:pop box}; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
- .box:hover .s4 {opacity: 1.0; margin-top: -25px; margin-left: -25px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
- .box:hover .s5 {opacity: 1.0; margin-top: -25px; margin-left: 75px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
- .box:hover .s6 {opacity: 1.0; margin-top: 75px; margin-left: -25px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
- .box:hover .s7 {opacity: 1.0; margin-top: 75px; margin-left: 75px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
- .poop {margin-left:0px; margin-top:22px;text-align:center; font-family: 'Oranienbaum'; letter-spacing:1px; font-size:10px; font-style:italic; text-transform:lowercase; color:{color:link};}
- .poop :hover{text-decoration:underline; background-color:{color:link}; padding:5px;color:{color:linkhover}; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s}
- #arrow {margin-top:-20px;margin-left:3px;font-size:100px;color:{color:box};opacity:1;}
- #titles {
- background:transparent;
- margin-left:5px;
- }
- .blogtitle{
- text-align: center;
- letter-spacing: 3px;
- font-size: 22px;
- line-height: 16px;
- margin-top: 50px;
- margin-bottom:-10px;
- margin-left:0px;
- color: #fff;
- text-transform: lowercase;
- font-family: 'Oleo Script' bold italic;
- z-index:1;
- }
- .blogtitle2{
- text-align: center;
- letter-spacing: 1px;
- font-size: 10px;
- line-height: 16px;
- margin-top: -5px;
- margin-bottom:-10px;
- margin-left:-0px;
- color: #fff;
- text-transform: uppercase;
- font-family: georgia;
- z-index:1;
- }
- #title {margin-top:17px; font-family:'Oleo Script'; color:{color:Title}; text-transform:lowercase; font-size:14px; font-style:italic; line-height:12px; letter-spacing:0px; text-align:center;text-transform:none; letter-spacing:none;text-decoration:none;}
- #title1 {font-size:20px; font-style:none; font-family:'Oleo Script'; text-decoration: none;line-height:16px; text-transform:none; text-decoration:none;}
- #title2 {font-size:15px; font-style:none; font-family:'Oleo Script';line-height:16px; text-transform:none; letter-spacing:none;}
- #audio {margin-bottom:5px; width:500px; height:105px;}
- .albumart {width:100px; height:100px; position:absolute;}
- .albumart img {width:100px; height:100px; float:left;}
- .playercontainer {opacity: .2; display:block; width:100px; height:100px; background-color:#ffffff; position:absolute; z-index:3;}
- .playercontainer:hover {opacity:.7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
- .player {margin-left:36px; margin-top:36px; width:25px; height:25px; overflow:hidden; background-color:white;}
- .audioinfo {margin-left:110px; float:left; background-color:#fffdf3;} width:388px; padding:2px; margin-top:3px;}
- #postinfo{text-transform:uppercase;font-family:Inconsolata; letter-spacing:2px; font-size: 8px; color: #fff; text-align: left; padding:6px 5px 6px 5px; border:3px double {color:border}; background-color: {color:post info}; }
- .info {text-transform:uppercase;font-family:'Inconsolata'; letter-spacing:2px; font-size: 8px; color: #fff; text-align: left; padding:6px 5px 6px 5px;border:3px double #fff; background-color: {color:post info}; width:485px;}
- .info a{
- color:#fff;
- padding:1px;
- background-color: #7a7a72;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .info a:hover{
- color:#7a7a72;
- background-color: #fff;
- padding:1px;
- text-decoration:none;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .note {
- text-transform:uppercase;
- font-style:normal;
- font-family:'Inconsolata';
- letter-spacing:1px;
- font-size: 9px;
- text-align:left;
- line-height:100%;
- margin-left:460px;
- }
- .note li {
- list-style-type:none;
- border-bottom:1px solid #7a7a72;
- padding:10px 25px 10px 25px;
- text-align:left;
- margin:0px;
- background-color:#7a7a72;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .pagination {background: transparent; margin-bottom:10px; text-align:center; line-height:0px; font-family:calibri; font-size:7px; font-weight:bold; color: #fff; padding:2px;}
- .pagination a{
- color:{color:sbar text};
- background-color: transparent;
- text-decoration:none;
- padding:2px;
- border:1px solid {color:sbar text};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .pagination a:hover{
- color:{color:sbar text};
- background-color: {color:link};
- padding:2px;
- border:1px solid {color:sbar text};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #question { padding:15px; background-color: #e4e2e1; position: relative;color: {color:text}; }
- #question:after, #demo:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0;}
- #question:after { border-width: 10px; border-left-color: #ececec; top: 10px;}
- #question:before { border-width: 15px; border-left-color: #ececec; top: 15px;}
- #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:8px;}
- .chat {line-height: 12px; list-style: none;}
- .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
- .person1 {background-color:{color:background}; color: {color:text};}
- .person1 .label {font-style: underline ;font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text};}
- .person2 {color: {color:Text};}
- .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text};}
- /* CREDIT */
- .cred { font-family:calibri; letter-spacing:1px; font-size:10px; bottom:1px; right:5px; position:fixed; padding:10px; text-align:right; font-weight:bold; color:{color:text}; }
- .cred:hover #name { margin-bottom:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- .cred:hover #star { opacity:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- #star { font-size:20px; padding-bottom:10px; }
- #name { margin-bottom:-36px;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div id="container">
- </div>
- <div id="sidebar">
- <div id="titles">
- <div class="blogtitle"><a href="/">{text:title1}</a></div><br><p>
- <div class="blogtitle2">{text:title2}</div>
- </div><p>
- <div class="box"> <div class="main"> <div class="s3"></div>
- <div class="s4"><div class="poop"><a href="/ask">ask</a></div></div>
- <div class="s5"><div class="poop"><a href="{text:link 1 url}">{text:link 1}</a></div></div>
- <div class="s6"><div class="poop"><a href="{text:link 2 url}">{text:link 2}</a></div></div>
- <div class="s7"><div class="poop"><a href="{text:link 3 url}">{text:link 3}</a></div></div>
- </div>
- <div id="arrow"><center>▼</center></div><br>
- <div id="description"><center>
- <div id="sb">
- <div id="stext">{Description}</div><br>
- {block:Pagination}<div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {block:JumpPagination length="4"}{block:CurrentPage}
- <span class="current_page" style="padding-right:5px;padding-left:5px;">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">→</a> {/block:NextPage}
- </div>{/block:Pagination}</div><br>
- </div></div>
- <div class="cred"><div id="star">★</div>
- <div id="name"><i>theme by</i> <br /><a href="http://rockwithyousthemes.tumblr.com">©ROCKWITHYOUS</a></div>
- </div>
- </div>
- {block:Posts}
- <div id="entry">
- <div id="letag">
- {block:Date}{block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}<br></a>{/block:Tags}{/block:HasTags}
- {/block:Date}
- </div>
- {block:Title}<div id="title1">{Title}</div>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Quote}<div id="title2">"{Quote}"</div>
- {block:Source}<div id="source">— <b>{Source}</b></div>{/block:Source}{/block:Quote}
- {block:Link}<div id="title1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label" style="font-weight:bold; color:{color:text};"><u>{Label}</u></span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <img align="right" src="{AskerPortraitURL-40}"> <div id="question" style="width:420px;"> <i><strong><big><code>{Asker}</code></big></strong></i> <i>whispered</i>: {Question}</div> <BR>
- {Answer}
- {/block:Answer}
- {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- <br>
- <div id="postinfo" class="info">posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> • {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a> • {/block:RebloggedFrom}{block:ContentSource}<big>©</big><a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource} • <a href="{ReblogURL}" target="_blank">reblog</a></div><p>
- </div>
- {/block:Posts}
- <div clas="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div><br />
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement