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">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!---@shayofrp --->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#a8a8a8"/>
- <meta name="color:Hover" content="#f2f2f2"/>
- <meta name="color:Scrollbar" content="#000000"/>
- <meta name="color:ScrollbarBg" content="#ffffff"/>
- <meta name="color:Answer Backg" content="#000000"/>
- <meta name="color:Links" content="#000000"/>
- <meta name="color:Links Background" content="#000000"/>
- <meta name="color:Description Background" content="#000000"/>
- <meta name="color:Sidebar Background" content="#000000"/>
- <meta name="color:postbg" content="#ffffff"/>
- <meta name="color:Info Background" content="#ffffff"/>
- <meta name="image:background" content=""/>
- <meta name="image:icon" content=""/>
- <meta name="image:sidebar image" content="http://placehold.it/450x400"/>
- <meta name="text:Caption" content="">
- <meta name="text:Link 1" content="">
- <meta name="text:Link 1 URL" content="/">
- <meta name="text:Link 2" content="">
- <meta name="text:Link 2 URL" content="/">
- <meta name="text:Link 3" content="">
- <meta name="text:Link 3 URL" content="/">
- <meta name="text:Link 4" content="">
- <meta name="text:Link 4 URL" content="/">
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:2px;
- background-color:{color:ScrollbarBg};
- }
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:trebuchet , sans-serif;
- font-size:11px;
- line-height:100%;
- letter-spacing:0px;
- background-image:url('{image:background}');
- background-attachment:fixed;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:links};
- font-weight:bold;
- font-family:arial;
- }
- pre{color:{color:background};
- font-family:'arial';
- padding:5px;
- width:90%;
- font-size:150%;
- border-left:2px solid {color:postbg};
- text-transform:lowercase;
- letter-spacing:-1px;
- background-color:{color:text};}
- img {
- border:none;
- }
- h1 {
- font-size:11px;
- color:{color:text};
- padding:10px;
- text-transform:uppercase;
- font-family:'arial';
- text-align:left;
- }
- h1 a{background-color:{color:background};}
- blockquote {border-left: solid 2px {color:links};
- background-color:{color:background};
- padding:5px;
- width:auto;
- }
- a:hover {
- color:{color:postbg};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- /*ENTRIES*/
- #entries {
- width:500px;
- margin-left:660px;
- letter-spacing:0px;
- line-height:140%;
- margin-top:0px;
- z-index:9;
- font-size:11px;
- position:absolute;
- }
- #post {
- width:500px;
- padding:30px;
- padding-top:10px;
- margin-top:10px;
- background-color:{color:postbg};
- }
- /*SIDEBAR*/
- #links{margin-top:475px;
- width:465px;
- margin-left:30px;
- display:block;
- z-index:99999;
- position:fixed;
- text-align:right;
- }
- #links a{width:465px;
- padding:3px;
- text-transform:uppercase;
- font-weight:normal;
- font-family:arial;
- border-bottom: 2px solid {color:Info Background};
- letter-spacing:1px;
- margin-bottom:2px;
- display:inline-block;
- font-size:9px;
- background-color:{color:postbg};
- color:{color:Text};
- }
- #links a:hover{background-color:{color:Description Background};}
- #description{
- width:370px;
- margin-left:10px;
- background-color:{color:Description Background};
- background-image:url('{image:background}');
- padding:1px;
- font-size:9px;
- font-family:arial, sans-serif;
- color:{color:Text};
- font-family:'arial';
- padding:5px;
- margin-top:3px;
- height:90px;
- overflow:auto;
- }
- /*---------------*/
- /***** Oscar *****/
- /*---------------*/
- .grid {
- overflow: hidden;
- width:500px;
- margin-top:100px;
- padding:20px;
- position:fixed;
- margin-left:-30px;
- list-style: none;
- text-align: left;
- }
- /* Common style */
- .grid figure {
- position: relative;
- z-index: 1;
- display: inline-block;
- overflow: hidden;
- width: 450px;
- height: 320px;
- border: 10px solid {color:Links};
- text-align: center;
- cursor: pointer;
- }
- .grid figure img {
- position: relative;
- display: block;
- min-height: 100%;
- opacity: 1;
- }
- .grid figure figcaption {
- padding: 2em;
- color: {color:postbg};
- text-transform: uppercase;
- font-size: 1.25em;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .grid figure figcaption::before,
- .grid figure figcaption::after {
- pointer-events: none;
- }
- .grid figure figcaption,
- .grid figure a {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- /* Anchor will cover the whole item by default */
- /* For some effects it will show as a button */
- .grid figure a {
- z-index: 1000;
- text-indent: 200%;
- white-space: nowrap;
- font-size: 0;
- opacity: 0;
- }
- .grid figure h2 {
- word-spacing: -0.15em;
- font-weight: bold;
- font-size:25px;
- }
- .grid figure h2 span {
- font-weight: 800;
- }
- .grid figure h2,
- .grid figure p {
- margin: 0;
- }
- .grid figure p {
- letter-spacing: 1px;
- width:300px;
- top:-200px;
- background-color:{color:background};
- margin-left:50px;
- font-size:9px;
- }
- figure.effect-zoe figcaption {
- top: auto;
- bottom: 0;
- padding: 1em;
- letter-spacing:-1px;
- height: 3.75em;
- background: {color:Links};
- color: {color:postbg};
- -webkit-transition: -webkit-transform 0.35s;
- transition: transform 0.35s;
- -webkit-transform: translate3d(0,100%,0);
- transform: translate3d(0,100%,0);
- }
- figure.effect-zoe h2 {
- float: left;
- }
- figure.effect-zoe figcaption > span {
- float: right;
- }
- figure.effect-zoe p {
- position: absolute;
- padding: 2em;
- color: {color:text};
- text-transform: none;
- font-size:9px;
- opacity: 0;
- -webkit-transition: opacity 0.35s;
- transition: opacity 0.35s;
- }
- figure.effect-zoe h2,
- figure.effect-zoe figcaption > span {
- -webkit-transition: -webkit-transform 0.35s;
- transition: transform 0.35s;
- -webkit-transform: translate3d(0,200%,0);
- transform: translate3d(0,200%,0);
- }
- figure.effect-zoe figcaption > span::before {
- display: inline-block;
- padding: 8px 10px;
- font-family: 'feathericons';
- speak: none;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .icon-eye::before {
- content: '\e000';
- }
- .icon-paper-clip::before {
- content: '\e001';
- }
- .icon-heart::before {
- content: '\e024';
- }
- figure.effect-zoe h2 {
- display: inline-block;
- }
- figure.effect-zoe:hover p {
- opacity: 1;
- }
- figure.effect-zoe:hover figcaption,
- figure.effect-zoe:hover h2,
- figure.effect-zoe:hover figcaption > span {
- -webkit-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
- }
- figure.effect-zoe:hover h2 {
- -webkit-transition-delay: 0.05s;
- transition-delay: 0.05s;
- }
- figure.effect-zoe:hover figcaption > span:nth-child(4) {
- -webkit-transition-delay: 0.1s;
- transition-delay: 0.1s;
- }
- figure.effect-zoe:hover figcaption > span:nth-child(3) {
- -webkit-transition-delay: 0.15s;
- transition-delay: 0.15s;
- }
- figure.effect-zoe:hover figcaption > span:nth-child(2) {
- -webkit-transition-delay: 0.2s;
- transition-delay: 0.2s;
- }
- /*POST INFO*/
- #info {
- width:550px;
- text-align:left;
- font-family:arial;
- text-transform:lowercase;
- margin-left:-30px;
- font-size:9px;
- margin-top:10px;
- margin-bottom:-30px;
- font-style:none;
- padding:5px;
- line-height:10px;
- background-color:{color:Info Background};
- color:{color:Text};
- }
- #info a {
- text-align:center;
- font-family:arial;
- color:{color:Text};
- }
- .right{float:right}
- /*SIDELINKS*/
- #leftsidebar{height:100%;
- margin-left:510px;
- text-align:center;
- position:fixed;
- background-color:{color:sidebar background};
- width:140px;
- }
- #leftsidebar img{margin-top:200px;
- border:solid 10px {color:postbg};
- }
- #leftsidebar p{width:72%;
- font-size:8px;
- background-color:{color:postbg};
- color:{color:background};
- padding:10px;
- }
- .links {
- padding:5px;
- padding-bottom:6px;
- line-height:150%;
- z-index:10000000000000000;
- text-align:center;
- font-size:8px;
- letter-spacing:2px;
- opacity:1;
- position:fixed;
- font-family:'arial';
- position:absolute;
- text-transform:uppercase;
- text-align:center;}
- .links a{
- z-index:10000000000000000;
- margin-left:10px;
- padding:5px;
- display:inline-block;
- }
- .links a:hover{
- color:{color:postbg};
- -moz-transition-duration:.2s;
- -webkit-transition-duration:.2s;
- -o-transition-duration:.2s;
- background-color:{color:Links Background};
- }
- /*QUESTION*/
- #asker {
- color:{color:text};
- padding:15px;
- font-family:'arial';
- font-size:12px;
- letter-spacing:0px;
- text-align:right;
- margin-top:0px;
- text-transform:lowercase;
- line-height:100%;
- background-color:{color:Answer backg};
- }
- #asker a{color:{color:postbg};}
- #url{color:{color:text};
- padding:4px;
- font-family:'arial';
- font-size:12px;
- font-weight:bold;
- text-align:left;
- margin-top:0px;
- text-transform:lowercase;
- line-height:100%;
- background-color:{color:info background};
- }
- #url a{color:{color:Background}}
- #pagination {
- font-size:7px;
- letter-spacing:5px;
- text-transform:uppercase;
- text-align:center;
- z-index:99999999;
- color:{color:Content Background};
- }
- #pagination a{color:{color:postbg};
- padding:5px;
- text-align:center;
- }
- /*CREDIT*/
- #cred {
- position:fixed;
- font-family:'arial';
- text-transform:uppercase;
- font-size:8px;
- right:9px;
- color:{color:text};
- z-index:9999;
- bottom:9px;
- padding:5px;
- background-color:{color:postbg};
- letter-spacing:1px;
- }
- #cred a{color:{color:text};}
- {CustomCSS}</style></head><body>
- <div class="grid">
- <figure class="effect-zoe">
- <img src="{image:sidebar image}"/>
- <figcaption>
- <h2>{title}</h2>
- <p>{description}
- </figcaption>
- </figure>
- </div>
- <div id="links">
- <a href="{text:link 1 url}">{text:link 1}</a>
- <a href="{text:link 2 url}">{text:link 2}</a>
- <a href="{text:link 3 url}">{text:link 3}</a>
- <a href="{text:link 4 url}">{text:link 4}</a></div>
- <div id="leftsidebar"> <br><br>
- <div align=center><img src="{image:icon}">
- <p>{text:caption}</p>
- <div align=center><div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"> past</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div></div>
- </div></div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- {block:Text}
- <h1>{block:Title}{Title}{/block:Title}</h1>
- {Body}{/block:Text}
- <br>{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}
- {/block:Caption}{/block:Photoset}
- {block:Quote}<h2>"{Quote}"</h2>
- {block:Source}<div class="qsource"> —{Source}</div>
- {/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
- {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
- {/block:Audio}<br>
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
- <div id="info">
- <div id="permalink">
- <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
- {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
- </div>{/block:Posts}{/block:Posts}</div></div></div></div>
- <div id="cred">
- <a href="http://shayofrp.tumblr.com/">SHAYOFRP</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement