Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- Theme 05 - "Clique" by 500daysoflahey.
- Please do not repost and claim as your own.
- Please keep the credit in tact. You're beautiful for using this theme.
- Thank you!
- --->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta name="color:Background" content="#ffffff">
- <meta name="color:Blockquote" content="#2a2949">
- <meta name="color:Posts Text" content="#747272">
- <meta name="color:Links" content="#2a2949">
- <meta name="color:Links Hover" content="#565574">
- <meta name="color:Sidebar border" content="#393957">
- <meta name="color:Description" content="#4e4e4e">
- <meta name="color:Posts border" content="#89898a">
- <meta name="color:Question background" content="#f8f8f8">
- <meta name="color:Permalink background" content="#f0f0f0">
- <meta name="color:Askborder" content="#2a2949">
- <meta name="color:Sidebar Links Background" content="#24243d">
- <meta name="color:Sidebar Links" content="#ffffff">
- <meta name="color:Scrollbar" content="#24243d">
- <meta name="color:Scrollbar Background" content="#fffffff">
- <meta name="color:Pagination" content="#2a2949">
- <meta name="image:sidebar" content="" />
- <meta name="image:sidebar2" content="" />
- <meta name="image:sidebar3" content="" />
- <meta name="image:SidebarBackground" content="" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 1 Text" content="/" />
- <meta name="text:Link 2 Text" content="/" />
- <meta name="text:Link 3 Text" content="/" />
- <style type="text/css">
- ::-webkit-scrollbar { width: 6px; height: 6px; }
- ::-webkit-scrollbar-button:start:decrement;
- ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #9C9C9C; }
- ::-webkit-scrollbar-track-piece { background-color: {color:scrollbar background}; }
- ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: {color:scrollbar}; }
- body {
- font-family: Calibri;
- font-size: 10px;
- color: {color:Posts Text};
- text-align: justify;
- background-color: {color:Background};
- }
- body a {
- text-decoration: none;
- color: {color:Links};
- }
- body a:hover {
- text-decoration: none;
- color: {color:Links hover};
- -webkit-transition-duration: 0.5s
- }
- small {
- font-size: 10px;
- }
- blockquote {
- border-left: solid;
- border-left-width: 2px;
- border-color: {color:Blockquote};
- padding-left: 7px;
- margin-left: 10px;
- }
- .postcol {
- margin-left: 480px;
- width: 500px;
- margin-bottom: 45px;
- }
- .posts {
- margin-top: 35px;
- width: 500px;
- max-width: 100%;
- word-wrap: normal;
- }
- .posts h2 {
- font-size: 12px;
- font-style: italic;
- text-transform: uppercase;
- }
- .posts img, .posts li, .posts blockquote {
- max-width: 100%;
- }
- #sidebar {
- width: 300px;
- position: fixed;
- margin-left: 100px;
- margin-top: 75px;
- }
- .sidebarimage1 img {
- position: float;
- width: 250px;
- height: 150px;
- border:solid;
- border-width: 4px;
- border-color:{color:Sidebar border};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .sidebarimage2 img {
- position: float;
- width: 250px;
- height: 150px;
- border:solid;
- border-width: 4px;
- border-color:{color:Sidebar border};
- margin-top: 8px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .sidebarimage3 img {
- position: float;
- width: 250px;
- height: 150px;
- border:solid;
- border-width: 4px;
- border-color:{color:Sidebar border};
- margin-top: 8px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #sidebar:hover .sidebarimage1 img {
- margin-left: -70px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #sidebar:hover .sidebarimage2 img {
- margin-left: 70px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #sidebar:hover .sidebarimage3 img {
- margin-left: -70px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #sidebar:hover .description {
- opacity: 1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .description {
- margin-top: -495px;
- width: 130px;
- height: 155px;
- margin-left: 200px;
- overflow: auto;
- opacity: 0;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .desctext {
- color: {color:Description};
- padding: 5px;
- line-height: 10px;
- text-align: center;
- text-transform: none;
- letter-spacing: 0px;
- font-size: 11;
- }
- .sidelink {
- position: fixed;
- width: 100px;
- margin-top: -320px;
- margin-left: -70px;
- height: 110%;
- opacity: 0;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .sidelink a {
- width: 100px;
- margin-left: 13px;
- margin-top: 2px;
- margin-right: 3px;
- display: block;
- padding: 3px;
- text-transform: uppercase;
- font-family: Calibri;
- font-size: 9px;
- text-align: center;
- background-color:{color:Sidebar Links Background};
- color: {color:Sidebar Links};
- }
- #sidebar:hover .sidelink{
- opacity: 1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #pagination {
- color: {color:Sidebar};
- font-size: 10px;
- }
- .pages {
- position: relative;
- margin-top: 180px;
- margin-left: 210px;
- color: {color:Pagination};
- text-align: center;
- font-size: 85px;
- width: 100px;
- font-family: Calibri;
- line-height: 60px;
- opacity: 0;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .pages a {
- color: {color:Pagination};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .pages a:hover {
- color: {color:Background};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #sidebar:hover .pages {
- opacity: 1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .permalink {
- background-color: {color:Permalink background};
- padding: 3px;
- padding-bottom: 5px;
- margin-top: -5px;
- font-family: Calibri;
- font-size: 8px;
- text-transform: uppercase;
- text-align: center;
- }
- #tags {
- margin-right:5px;
- margin-top: 0px;
- font-family:Calibri;
- text-align:center;
- text-transform:lowercase;
- font-size:9px;
- font-style:italic;
- }
- /*POSTS*/
- .quote {
- font-family: Calibri;
- font-size: 15px;
- text-align: center;
- }
- .quotesource {
- margin-top: -5px;
- text-align: center;
- }
- .links {
- font-size: 18px;
- font-weight: bold;
- text-align: center;
- padding: 5px;
- }
- .links a {
- color: {color:Links};
- }
- .links a:hover {
- color: {color:Links hover};
- -webkit-transition-duration: 0.5s
- }
- h2 {
- font-size: 18px;
- font-weight: bold;
- text-align: center;
- padding: 5px;
- color: {color:title};
- }
- #quest {
- margin-left:70px;
- padding-top:6px;
- padding-bottom:6px;
- position: relative;
- width: 410px;
- height: auto;
- background: {color:background};
- border-bottom:1px solid {color:singlebg};
- }
- #quest:after {
- content: "";
- position: absolute;
- top: 6px;
- left: -8px;
- border-style: solid;
- border-width: 6px 8px 6px 0;
- border-color: transparent {color:entriesinfo};
- display: block;
- width: 0;
- z-index: 1;
- }
- blockquote {
- padding-left:5px;
- margin:5px;
- border-left:4px solid {color:side2};
- }
- #ans {
- margin-top: -10px;
- font-family:calibri;
- }
- #askdashimg img {
- position:relative;
- float: left;
- height: 41px;
- width: 41px;
- border: 10px solid {color:Askborder};
- }
- .audio {
- position: relative;
- z-index: 100;
- font-family: Calibri;
- background-color: {color:Posts};
- padding: 3px;
- height: 100px;
- width: 494px;
- }
- .albumart {
- position: relative;
- z-index: 100;
- height: 100px;
- width: 100px;
- }
- .noart {
- height: 100px;
- width: 100px;
- position: relative;
- z-index: 100 !important;
- }
- .playbutton {
- height: 40px;
- width: 100px;
- position: absolute;
- z-index; 1000;
- overflow: hidden;
- margin-top: -33px !important;
- margin-left: 3px;
- }
- .playbox {
- background-color: #000000;
- position: absolute;
- z-index: 1000;
- opacity: 0.5;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .playbox:hover {
- opacity: 1.0;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .trackname {
- position: absolute;
- z-index: 10000;
- margin-top: -100px;
- margin-left: 110px;
- font-family: Calibri;
- font-size: 10px;
- text-transform: uppercase;
- }
- #credit {
- bottom: 5px;
- right: 5px;
- position: fixed;
- padding: 3px;
- color: {color:Links}
- font-family: Calibri;
- font-size: 9px;
- text-transform: uppercase;
- }
- #credit a {
- color: {color:Links};
- font-family: Calibri;
- padding: 3px;
- text-decoration:none;
- -webkit-transition-duration: 0.6s;
- }
- #credit a:hover {
- color: {color:Background};
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div class="sidebarimage1"><img src="{image:sidebar}"></div>
- <div class="sidebarimage2"><img src="{image:sidebar2}"></div>
- <div class="sidebarimage3"><img src="{image:sidebar3}"></div>
- <div class="sidelink">
- <a href="/">Home</a>
- <a href="/ask">Askbox</a>
- <a href="/archive">Archive</a>
- <a href="{Text:Link 1 URL}">{Text:Link 1 Text}</a>
- <a href="{Text:Link 2 URL}">{Text:Link 2 Text}</a>
- <a href="{Text:Link 3 URL}">{Text:Link 3 Text}</a>
- <a href="http://500daysoflahey.tumblr.com/">Theme</a></div>
- <div class="description"><div class="desctext">{Description}<br></div></div>
- <br>
- {block:Pagination}
- <div class="pages">
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}<br>
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div><br><br>
- </div>
- </div>
- </div>
- <div class="postcol"><div id="posts">{block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- <!-- Asks -->
- {block:Answer}
- <div id="askdashimg"><center><img src="{AskerPortraitURL-64}"></div></center>
- <div id="quest"><b><div style="padding:1px; background-color:{color:background};">{Asker}:</div></b>
- <i>{Question}</i></center></div><br>
- <div id="ans"><center>{Answer}</center></div>
- {/block:Answer}
- <!-- Quotes -->
- {block:Quote}
- <div class="quote">❝ <em>{Quote}</em> ❞</div>
- {block:Source}<p><div class="quotesource"><em>— {Source}</em></div></p>{/block:Source}
- {/block:Quote}
- <!-- Links -->
- {block:Link}
- <div class="links"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-- Chats -->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b> {Line}<br>{/block:Label}
- {/block:Lines}
- {/block:Chat}
- <!-- Photos, Photosets, and Videos -->
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
- {LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img src="{AlbumArtURL}" class="albumart">{/block:AlbumArt}
- <!-- Audio posts -->
- </div>
- <div class="playbutton"><div class="playbox">
- {AudioPlayerWhite}
- </div></div>
- <div class="trackname">
- {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}
- {block:Artist}<br><b>ARTIST:</b> {Artist}{/block:Artist}
- {block:Album}<br><b>ALBUM:</b> {Album}{/block:Album}
- <br>
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <!-- Permalink -->
- <hr size="1px" color="{color:Posts border}">
- <div class="permalink">
- POSTED <a href="{Permalink}">{TimeAgo}</a> WITH <a href="{Permalink}">{NoteCountWithLabel}</a><div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
- </div>{block:PermalinkPage}<p>{PostNotes-16}</p>{/block:PermalinkPage}</div>
- {/block:Posts}
- <div id="credit">
- <a href="http://500daysoflahey.tumblr.com/">© 500daysoflahey</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement