Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!---- // STEPHANIEOFRP THEME — WTF //
- &&. pls dont remove the credit
- &&. for help, contact me @ stephanieofrp.tumblr.com
- &&. don't steal it pls i worked hard
- &&. edit for personal use only thx
- --->
- <html>
- <head>
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <!--- Photos --->
- <meta name="image:background" content="">
- <meta name="image:sidebar" content="">
- <meta name="image:icon1" content="">
- <meta name="image:icon2" content="">
- <meta name="image:icon3" content="">
- <!--- Colors --->
- <meta name="color:background" content="#ffffff">
- <meta name="color:scrollbar" content="#ffffff">
- <meta name="color:text" content="#000000">
- <meta name="color:links" content="#000000">
- <meta name="color:hover" content="#fff">
- <meta name="color:scrollbar" content="#000000">
- <meta name="color:pagi" content="#000000">
- <meta name="color:post bg" content="#cccccc">
- <meta name="color:info text" content="#000000">
- <meta name="color:border" content="#000000">
- <!--- Links --->
- <meta name="text:link 1 label" content="ONE">
- <meta name="text:link 1" content="/">
- <meta name="text:link 2 label" content="TWO">
- <meta name="text:link 2" content="/">
- <meta name="text:link 3 label" content="THREE">
- <meta name="text:link 3" content="/">
- <meta name="text:link 4 label" content="FOUR">
- <meta name="text:link 4" content="/">
- <meta name="text:link 5 label" content="FIVE">
- <meta name="text:link 5" content="/">
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <style type="text/css">
- #s-m-t-tooltip{
- font-size:9px;
- position:absolute;
- margin-top:15px;
- font-family:arial;
- border:1px solid {color:border};
- background:#f0f0f0;
- z-index:9999;
- color:{color:text};
- background-color:#f0f0f0;
- text-transform:lowercase;
- padding:3px 3px 3px 3px;
- -webkit-transition:all 0.2s;
- -moz-transition:all 0.2s;
- -ms-transition:all 0.2s;
- -o-transition:all 0.2s;
- transition:all 0.2s;
- }
- ::-webkit-scrollbar {
- width:2px;
- height:3px;
- background-color:transparent ;}
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- }
- /* CREDIT */
- #cred{
- position:fixed;
- display:block;
- bottom: 10px;
- right: 10px;
- text-align:center;
- background-color:{color:post bg};
- color:{color:links};
- width:35px;
- font-style:italic;
- font-weight:bold;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:2px;
- padding:5px;
- padding-right:6px;
- border:1px solid {color:border};
- }
- /*BASICS*/
- pre{
- text-align:left;
- font-weight:bold;
- font-size:11.7px;
- padding:4px;
- border-bottom:3px solid {color:border};
- color:{color:text};
- }
- h1{
- text-align:center;
- text-transform:uppercase;
- font-size:17px;
- padding:5px;
- color:{color:text};
- }
- h2{
- text-align:center;
- text-transform:uppercase;
- font-size:17px;
- padding:5px;
- color:{color:text};
- }
- h3{
- text-align:center;
- text-transform:uppercase;
- font-size:17px;
- padding:5px;
- color:{color:text};
- }
- blockquote{
- border-left:2px solid #000;
- color:{color:text};
- padding:7px;
- padding-top:3px;
- padding-bottom:3px;
- margin-left:9px;
- }
- img{
- max-width:100%;
- }
- pre {
- padding:5px;
- font-family:arial;
- white-space: pre-wrap;
- line-height:120%;
- }
- small {
- font-size:11px;
- }
- big{
- font-size:13px;
- }
- body{
- background:{color:Background} url('{image:Background}') top left fixed repeat;
- color:{color:Text};
- background-image:;
- background-attachment:fixed;
- }
- a{
- color:{color:Links};
- font-family:arial;
- text-decoration:none;
- }
- a:hover{
- color: {color:hover};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- /* SIDEBAR */
- #sidebar{
- position:fixed;
- margin-left:45px;
- margin-top:140px;
- width:440px;
- height:349px;
- border:1px solid;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- #icon1{
- position:fixed;
- margin-left:1180px;
- margin-top:140px;
- width:100px;
- height:100px;
- border:1px solid;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- #icon2{
- position:fixed;
- margin-left:1180px;
- margin-top:275px;
- width:100px;
- height:100px;
- border:1px solid;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- #icon3{
- position:fixed;
- margin-left:1180px;
- margin-top:409px;
- width:100px;
- height:100px;
- border:1px solid;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- #description{
- overflow-y:auto;
- position:fixed;
- margin-left:45px;
- margin-top:506px;
- width:410px;
- height:53px;
- padding:15px;
- padding-top:10px;
- text-align:center;
- background-color:{color:post bg};
- font-family:arial;
- overflow:auto;
- line-height:14px;
- border:1px solid {color:Border};
- font-size:10px;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- #pagi{
- position:fixed;
- width:341px;
- height:150px;
- margin-left:87px;
- margin-top:599px;
- text-align:center;
- line-height:150%;
- font-family:arial;
- text-transform:uppercase;
- color:{color:pagi};
- font-size:11px;
- }
- #pagi a{
- background-color:transparent;
- width:400px;
- height:20px;
- padding:3px;
- padding-bottom:4.5px;
- margin-bottom:5px;
- margin-right:2px;
- margin-left:5px;
- color:{color:pagi};
- }
- #pagi a:hover{
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:hover};
- }
- #pagibg{
- position:fixed;
- width:440px;
- height:20px;
- margin-left:45px;
- margin-top:596px;
- background-color:{color:post bg};
- border:1px solid {color:Border};
- z-index:-30;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- /* LINKS */
- .links {
- position:fixed;
- margin-top:96px;
- margin-left:65px;
- }
- .links a {
- width:115px;
- margin-bottom:8px;
- margin-right:18px;
- height:3px;
- text-align:center;
- padding:8px;
- padding-bottom:9px;
- letter-spacing:3px;
- color:{color:text};
- font-family:arial;
- background-color:transparent;
- font-size:9px;
- font-weight:bold;
- text-transform:uppercase;
- display:inline;
- }
- #titlebg{
- position:fixed;
- width:440px;
- height:40px;
- margin-left:45px;
- margin-top:47px;
- padding-bottom:26px;
- background-color:{color:post bg};
- border:1px solid {color:Border};
- z-index:-30;
- font-family:arial;
- text-align:center;
- text-transform:uppercase;
- font-size:24px;
- padding-top:11px;
- font-weight:bold;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- /* POSTS SECTION */
- .container{
- position:fixed;
- overflow:auto;
- margin-top:46px;
- margin-left:553px;
- padding:5px;
- width:540px;
- height:560px;
- border:solid 2px #000;
- -webkit-box-shadow: 0px 0px 20px #a7a7a7;
- -moz-box-shadow: 0px 0px 20px #a7a7a7;
- box-shadow: 2px 2px 2px 2px #a7a7a7;
- }
- #entries{
- margin-top:00px;
- font-family:arial;
- }
- #posts{
- margin-left:00px;
- width:500px;
- background-color:{color:post bg};
- border:1px solid {color:Border};
- color:{color:Text};
- padding:18px;
- padding-top:15px;
- margin-bottom:5px;
- font-family:arial;
- font-size:12px;
- line-height:130%;
- }
- #info{
- width:538px;
- margin-left:-18px;
- color:{color:info text};
- font-family:arial;
- text-align:center;
- border-top:1px solid #000;
- margin-bottom:-16px;
- font-size:9px;
- }
- #info a{
- color:{color:info text};
- font-family:arial;
- text-align:center;
- }
- info a:hover{
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:hover};
- .questions{
- color:{color:text};
- background-color:{color:ask bg};
- font-size:11px;
- line-height:125%;
- padding:1px;
- padding-top:7px;
- text-align:center;
- }
- .answer{
- color:{color:text};
- text-align:left;
- margin-top:1px;
- }
- </style>
- </head>
- <body>
- <div id="titlebg">{Title}</div>
- <div id="sidebar"><img src="{image:sidebar}"></div>
- <div id="description">{Description}</div>
- <div id="icon1"><img src="{image:icon1}"></div>
- <div id="icon2"><img src="{image:icon2}"></div>
- <div id="icon3"><img src="{image:icon3}"></div>
- <div class="links">
- <a href="{text:link 1}">{text:link 1 label}</a>
- <a href="{text:link 2}">{text:link 2 label}</a>
- <a href="{text:link 3}">{text:link 3 label}</a>
- <a href="{text:link 4}">{text:link 4 label}</a>
- <a href="{text:link 5}">{text:link 5 label}</a>
- </div>
- <div id="linksbg"></div>
- <div id="pagi">
- {block:PreviousPage}<a href="{PreviousPage}">BACK </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"> NEXT</a>{/block:NextPage}
- </div></div>
- <div id="pagibg"></div>
- <div class="container">
- <div id="entries">
- {block:Posts}
- <div id="posts">
- {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
- {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:Quote}
- <h2>{Quote}</h2>
- <div align="center">
- {block:Source}<h1>-{Source}</h1>{/block:Source}
- </div>
- {/block:Quote}
- {block:Video}
- {Video-500}<br>
- {PlayCountWithLabel}
- {/block:Video}
- {block:Link}
- <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Lines}
- {block:Label}
- <p><b>{Label}</b>
- {/block:Label}
- {Line}
- {/block:Lines}
- {/block:Chat}
- {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="50px" height="50px" align="right"/>{/block:AlbumArt}
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName} x
- {block:Artist}<b>{Artist}</b>{/block:Artist}<p>
- <span class="audio">{AudioPlayerBlack}</left></span>
- {/block:ExternalAudio}
- {/block:Audio}
- {block:Answer}<div class="questions"><div style='border-bottom:solid 1px #000; padding-bottom:5px; line-height:150%; text-align: center;'><b>{Asker} said: </b> {Question} </div><div class="answer">{Answer}</div></div>{/block:answer}
- <br><div id="info"><p>{block:Date}<div style="text-align:center"><a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{NoteCount}</a> • <a href="{ReblogParentURL}">VIA</a> • <a href="{SourceURL}">SOURCE</a></div>{/block:Date}
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- </div>
- {/block:Posts}
- </div>
- </div>
- </body>
- <div id="cred"><a href="http://bit.ly/1gbZcV0">steph</a></div>
- </html>
Add Comment
Please, Sign In to add comment