Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme 08 (Circles) by Diana (baudelaired @ tumblr)
- By using this theme you agree to have read and follow the terms and conditions
- 1. Do not remove credit from theme or code. This includes moving it to a secondary page
- 2. Do not use this theme code as a base code
- 3. Do not take parts of this theme and mix them with others. For more information and full list of guidelines go to baudelairedthemes.tumblr.com/guidelines.
- Original codes protected by Creative Commons License.
- ______________________________________________________________________________________________
- Instructions for this theme
- *This theme has the option for 6 extra links. if you do/don't want them, click the box that says show links. At first, if you click Show Links, it gives you the first 4. If you want the 2 more extra links, also click the box that says Show Extra Links.
- *There is an option for a round sidebar image. Under the appearance section, click the box that says Show Sidebar image for it to appear. The Dimensions for the sidebar image are 165px x165px.
- *There are 2 post sizes, 500px and 400px. Remember that when you install this theme it's going to look all wonky until you click either show posts 500 or 400.
- There is also the option for a webkit scrollbar, showing tags on the posts or hovering.
- If you have any questions please don't hesitate to ask at baudelairedthemes.tumblr.com
- _______________________________________________________________________________________________
- As always- enjoy! --!>
- <html>
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#F7FCF3" />
- <meta name="color:sidebar" content="#E7F3D4" />
- <meta name="color:entries" content="#F7FCF3" />
- <meta name="color:footer" content="#DCECCE" />
- <meta name="color:border" content="#C7E4CA" />
- <meta name="color:scrollbar" content="#C7E4CA" />
- <meta name="color:chat line 1" content="#E4E4AD" />
- <meta name="color:chat line 2" content="#DFE696" />
- <meta name="color:link1" content="#E8EEA5" />
- <meta name="color:link2" content="#D8DF93" />
- <meta name="color:link3" content="#C7D16D" />
- <meta name="color:link4" content="#BCC94A" />
- <meta name="color:link5" content="#A8B43B" />
- <meta name="color:link6" content="#8D9925" />
- <meta name="color:title" content="#04B0C7" />
- <meta name="color:text" contefnt="#57554F" />
- <meta name="color:link" content="#1F6361" />
- <meta name="font:title" content="Jenna Sue" />
- <meta name="font:body" content="Trebuchet MS" />
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content="" />
- <meta name="if:Show Scrollbar" content="0" />
- <meta name="if:Show Links" content="0" />
- <meta name="if:Show Extra Links" content="0" />
- <meta name="if:Show Sidebar Image" content="0" />
- <meta name="if:Show Tags On Posts" content="0" />
- <meta name="if:Show Hover Tags" content="0" />
- <meta name="if:Show Posts 500" content="0" />
- <meta name="if:Show Posts 400" content="0" />
- <meta name="text:Link1 Title" content="Link 1" />
- <meta name="text:Link1" content="http://" />
- <meta name="text:Link2 Title" content="Link 2" />
- <meta name="text:Link2" content="http://" />
- <meta name="text:Link3 Title" content="link 3" />
- <meta name="text:Link3" content="http://" />
- <meta name="text:Link4 Title" content="link 4" />
- <meta name="text:Link4" content="http://" />
- <meta name="text:Link5 Title" content="link 5" />
- <meta name="text:Link5" content="http://" />
- <meta name="text:Link6 Title" content="link 6" />
- <meta name="text:Link6" content="http://" />
- <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</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">
- @font-face {font-family: "Jenna Sue";src:url('http://static.tumblr.com/ekfbsgu/TbGluxp84/jennasue.ttf');}
- {block:ifshowscrollbar}
- ::-webkit-scrollbar {
- height: 12px;
- width: 15px;
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar-track{
- background-color:#ffffff;
- }
- ::-webkit-scrollbar-buttom{
- background-color:#fff;
- }
- {/block:ifshowscrollbar}
- body {
- color:{color:text};
- background-color:{color:background};
- background-image: url('{image:background}');
- background-position: center;
- background-attachment:fixed;
- background-repeat:repeat;
- font-size:10px;
- font-family:{font:body};
- line-height:110%;
- text-align:justify}
- a:link, a:active, a:visited{
- color: {color:link}; text-decoration:none;-webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- a:hover{
- color:{color:title};font-style:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- {block:ifshowposts500}
- #entries{margin-left: 490px; margin-top:20px; width:505px}
- {/block:ifshowposts500}
- {block:ifshowposts400}
- #entries{margin-left: 490px; margin-top:20px; width:405px}
- {/block:ifshowposts400}
- #posts{overflow:hidden; background-color: {color:entries}; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:3px; font-style:normal;}
- {block:ifshowposts500}
- #posts:hover #sources{opacity:1;margin-left:510px;}
- #sources {width:120px;height:auto;margin-left:505px;font-family:Trebuchet MS;font-size:8px;
- text-transform:uppercase;text-align:left;padding:8px;letter-spacing:1px;opacity:0;line-height:110%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position:absolute;}
- #sources img {margin-top:3px;border:5px solid {color:border};}
- {/block:ifshowposts500}
- {block:ifshowposts400}
- #posts:hover #sources{opacity:1;margin-left:410px;}
- #sources {width:120px;height:auto;margin-left:405px;font-family:Trebuchet MS;font-size:8px;
- text-transform:uppercase;text-align:left;padding:8px;letter-spacing:1px;opacity:0;line-height:110%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position:absolute;}
- #sources img {margin-top:3px;border:5px solid {color:border};}
- {/block:ifshowposts400}
- #title{
- font-size:25px;
- text-align:center;
- font-family:Jenna Sue;
- margin-top: 45px;
- margin-bottom:5px;
- font-style:italic;
- color:{color:title};
- margin-left:2px;}
- .iconica{
- bottom:0px;
- right:0px;
- background-color:transparent;
- position:fixed;
- padding:0px;
- opacity:.3;-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
- .iconica:hover {-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;opacity:3;position:fixed;}
- #roundsidebar {width:300px; margin-left:35px; margin-top:55px;
- height: 300px;
- width: 300px; -moz-border-radius: 300px;
- border-radius: 300px;background-color:{color:sidebar};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #roundsidebar:hover {height: 300px;
- width: 300px; -moz-border-radius: 300px;
- border-radius: 300px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
- #sidebar {
- width:300px;
- margin-left:20px;
- bottom:-168px;
- position:fixed;
- background-color:{color:sidebar}; background-position: bottom; background-repeat: no-repeat; background-attachment:fixed;-webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;}
- #sidebar:hover { bottom: 56; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
- #hover {position:absolute; z-index:99; opacity:.5; -webkit-transition: opacity 0.9s linear;}
- .links:hover #hover {opacity:3}
- #sidebarimg img {width:120px; margin-left:5px; margin-top:55px;
- height: 120px;
- width: 120px; -moz-border-radius: 120px;
- border-radius: 10px;background-color:{color:sidebar};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #sidebarimg img {height: 160px;
- width: 160px;
- -moz-border-radius: 160px;
- border-radius: 160px;
- margin-left:72px; margin-top:10px;}
- #sideblock {display:block; width:264px; height:22px; margin-top:39px;margin-bottom:6px;margin-left:18px;background-color:{color:sidebar};}
- #sidebar4 {width:500px; height:100%;
- left:0px;
- margin-top:203px;
- position:fixed;
- background-color: transparent;
- border:0px solid {color:sidebar};}
- #sidebar5 {width:210px;
- margin-left:220px;
- margin-top:20px;
- position:fixed;
- background-color: transparent;
- border:0px solid {color:sidebar};}
- #pagination {font-family:Georgia; text-align:center; font-size: 10px; font-style:none; background-color:transparent; padding: 0px; letter-spacing:2px;margin-top:14px;position:fixed;margin-left:130px;}
- #sidebarinfo{
- color:{color:font};
- font-family:Trebuchet MS;
- font-size:10px;
- font-weight:smooth;margin-top:10px;
- text-align:center;padding-left:20px;padding-right:20px;}
- h1{color:{color:text};
- font-family: Georgia; font-size:18px;
- letter-spacing:0px;
- font-weight:normal; text-transform:lowercase;
- margin:0px; padding:0px;
- text-align:center; font-style:italic;}
- h2{color:{color:text};
- font-family: Georgia; font-size:14px;
- letter-spacing:1px;
- font-weight:normal; margin:0px;
- padding:0px; margin-bottom:-0px; text-align:center;
- font-style:italic}
- {block:ifshowposts500}
- #footer {background-color:{color:footer}; margin:0px 5px 5px 5px; font-family:Trebuchet MS; font-size:9px; text-transform: uppercase; color:{color:text}; letter-spacing: 2px; text-align:center; padding:1px; font-style:normal; width: 497px;margin-left:0px;}
- #footer:hover {-webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;}
- {/block:ifshowposts500}
- {block:ifshowposts400}
- #footer {background-color:{color:footer}; margin:0px 5px 5px 5px; font-family:Trebuchet MS; font-size:9px; text-transform: uppercase; color:{color:text}; letter-spacing: 2px; text-align:center; padding:1px; font-style:normal; width: 397px;margin-left:0px;}
- #footer:hover {-webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;}
- {/block:ifshowposts400}
- .tags {font: 9px Trebuchet MS; width: 99%; background-color:#trans!; padding: 1px; text-align:center;text-transform:uppercase;}
- .links a:link, .links a:visited, .links a:active
- {display:block;font-family: Trebuchet MS; font-style: none; text-transform: lowercase;}
- .links a{position:relative;font-family: Trebuchet MS; font-style: none; text-transform: lowercase; font-size: 9px; text-align: center ; margin-top:25px; letter-spacing:2px; color:{link};}
- #una {margin-left:348px;margin-top:-5px;height: 65px;width: 65px; -moz-border-radius: 65px; border-radius: 65px;background-color:{color:link1};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #una:hover {padding:5px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
- #dos {margin-top:70px; margin-left: 323px;height: 65px;width: 65px; -moz-border-radius: 65px;border-radius: 65px;background-color:{color:link2};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #dos:hover {padding:5px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
- #tres {margin-top:125px; margin-left: 270px;height: 65px;width: 65px; -moz-border-radius: 65px;border-radius: 65px;background-color:{color:link3};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #tres:hover {padding:5px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
- #cuatro {margin-top:155px; margin-left:200px;height: 65px;width: 65px; -moz-border-radius: 65px;
- border-radius: 65px;background-color:{color:link4};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #cuatro:hover {padding:5px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
- #seis {margin-top:126px; margin-left:46px;height: 65px;width: 65px; -moz-border-radius: 65px;border-radius: 65px;background-color:{color:link6};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #seis:hover {padding:5px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
- #cinco {margin-top:158px;margin-left:120px;
- height: 65px;
- width: 65px; -moz-border-radius: 65px;
- border-radius: 65px;background-color:{color:link5};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;position:fixed;}
- #cinco:hover {padding:5px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
- #hovermenu{margin-left:3px; text-align:center;font-family:Trebuchet MS;font-weight:light; font-style:italic; letter-spacing:1px; display:inline-block; width:61px; color: {color:link}; background-color: {color:sidebar}; font-size: 9px;transition: all 0.5s ease; -o-transition-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;float:left;margin-top:6px;line-height:15px;}
- #audiopost{display:block; background-color:white;}
- #audioimage img{float:left; width: 60px; border: 5px solid; color: {color:border};{max-width: 60px; height: auto;}
- #questions {background-color:{color:footer};
- color: {color:text};
- padding:10px;
- margin-bottom:0px;
- font-size:12px;
- text-align:left;
- font-family:{font:text};
- }
- #questions a {color:{color:link};}
- blockquote {border-left:5px {color:background} solid; padding-left:5px; margin:2px 10px;}
- blockquote img, blockquote a img {max-width: 500px}
- #user_1 .label {color:{color:link1}; font-weight:bold;}
- #user_2 .label {color:{color:link4}; font-weight:bold}
- .chat .u1{background-color: {color:chat line 1}; margin: 0 0 1px;padding: 2px;}
- .chat .u1.odd{background-color: {color:chat line 2};}
- </style>
- <style type="text/css">{CustomCSS}
- iframe#tumblr_controls { right:3px !important; position:fixed !important; }
- </style>
- </head>
- <body>
- <div id="sidebar4">
- <div class="links">
- {block:ifshowlinks}
- <div id="una">
- {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div>
- <div id="dos">
- {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</div>
- <div id="tres">
- {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</div>
- <div id="cuatro">
- {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
- {/block:ifshowlinks}
- {block:ifshowextralinks}
- <div id="cinco">
- {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}</div>
- <div id="seis">
- {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}</div>
- {/block:ifshowextralinks}
- </div></div>
- <div id="roundsidebar">
- <div id="title">{Title}</div>
- <center><div id="pagination">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}<span class="current_page" style="padding-right:6px;">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" style="padding-right:6px;" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}<br></div></center>
- <div id="sideblock">
- <div id="hovermenu"><a href="/">home</a></div>
- <div id="hovermenu"><a href="/ask">ask</a></div>
- <div id="hovermenu"><a href="/archive">archive</a></div>
- <div id="hovermenu"><a href="/rss">rss</a></div>
- </div>
- <div id="sidebarinfo">
- {block:Description}{Description}{/block:Description}
- </div>
- </div>
- </div></div></div>
- <div id="sidebar5">
- {block:ifshowsidebarimage}
- <div id="sidebarimg"><img src="{image:sidebar}"></div>{/block:ifshowsidebarimage}</div>
- <div id="entries">
- <div class="iconica"><center><a href='http://baudelaired.tumblr.com' title='Theme by Diana' ><img src='http://static.tumblr.com/ekfbsgu/fjxm0so0y/bt.png' alt='MyFreeCopyright.com Registered & Protected' title='Theme by Diana (baudelaired @ tumblr). All rights Reserved.' width='35px' height='35px' border='0'/></a></center></div>
- {block:Posts}
- <div id="posts">
- <div id="sources">
- {block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-30}"></a>
- {block:ContentSource}<a href="{SourceURL}"><img src="{ReblogRootPortraitURL-30}"></a>{block:ContentSource}{/block:RebloggedFrom}
- <br>{/block:ContentSource}{block:ifshowhovertags}<br>{block:HasTags}<br>tags:{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}</a>{/block:HasTags}{/block:ifshowhovertags}</div>
- {block:Title}<h1>{Title} </h1>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Quote}<h2>"{Quote}"{/block:Quote}
- {block:Source}<div class="source">— {Source}</div></h2>{/block:Source}
- {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:ifshowposts500}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {/block:ifshowposts500}
- {block:ifshowposts400}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {/block:ifshowposts400}
- {block:ifshowposts500}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {/block:ifshowposts500}
- {block:ifshowposts400}
- {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {/block:ifshowposts400}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>
- {/block:Title}<div class="chat">{block:Lines}<div class="chat"><div class="u1 {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
- {block:ifshowposts500}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {/block:ifshowposts500}
- {block:ifshowposts400}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {/block:ifshowposts400}
- {block:Answer}<div id="questions"><strong>{Asker}</strong> asked: "{Question}"</div>
- {Answer}{/block:answer}
- {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span id="audiopost">
- {AudioPlayerWhite}</span><br><center>Played {FormattedPlayCount} Times {block:Caption}{Caption}{/block:Caption}{/block:Audio}
- </center><br>
- <div id="footer">
- {block:Date} <a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth} {ShortMonth}, {ShortYear}{/block:Date}{block:NoteCount} | <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
- {block:ifshowtagsonposts}
- {block:HasTags}<div class="tags"> tags:{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifshowtagsonposts}
- </div></div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement