Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html xmlns="http://www.w3.org/1999/xhtml">
- <!----
- © borntobewildthemes.tumblr.com | "Dreamweaver" vol.2
- + Please do not redistribute this theme or remove credits.
- + You are allowed to make changes as long as you keep our credits.
- + If you have any questions or concerns, just contact us.
- + Thanks for using our theme! We hope that you enjoy it!
- ---->
- <html>
- <head>
- <!--Google fonts-->
- <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <!--DEFAULT VARIABLES-->
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="image:Background" content="1"/>
- <meta name="image:Avatar" content="1"/>
- <meta name="image:Left sidebar background" content="1"/>
- <meta name="image:Right sidebar background" content="1"/>
- <meta name="image:Header background" content="1"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Header background" content="#eee"/>
- <meta name="color:Blog Title" content="#5A3582"/>
- <meta name="color:Menu background" content="#5A3582"/>
- <meta name="color:Main link" content="#eee"/>
- <meta name="color:Left sidebar background" content="#eee"/>
- <meta name="color:Right sidebar background" content="#eee"/>
- <meta name="color:Description title" content="#5A3582"/>
- <meta name="color:Navigation title" content="#5A3582"/>
- <meta name="color:Sidebar link" content="#eee"/>
- <meta name="color:Link background" content="#5A3582"/>
- <meta name="color:Search title" content="#5A3582"/>
- <meta name="color:Music title" content="#5A3582"/>
- <meta name="color:Container background" content="#fff"/>
- <meta name="color:Post background" content="#fff"/>
- <meta name="color:Post borders" content="#333"/>
- <meta name="color:Link" content="#333"/>
- <meta name="color:Hover" content="#fff"/>
- <meta name="color:Icon" content="#5A3582"/>
- <meta name="color:Text" content="#777"/>
- <meta name="color:Bold" content="#333"/>
- <meta name="color:Italic" content="#bbb"/>
- <meta name="color:Title" content="#5A3582"/>
- <meta name="color:Borders" content="#333"/>
- <meta name="color:Scrollbar" content="#5A3582"/>
- <meta name="color:Quotation symbol color" content="#5A3582"/>
- <meta name="color:Quotation color" content="#777"/>
- <meta name="select:Menus transparency color" content="238,238,238" title="gray">
- <meta name="select:Menus transparency color" content="0,0,0" title="black">
- <meta name="select:Menus transparency color" content="255,255,255" title="white">
- <meta name="select:Menus transparency color" content="255,168,212" title="pink">
- <meta name="select:Menus transparency color" content="127,88,242" title="purple">
- <meta name="select:Menus transparency color" content="184,168,255" title="indigo">
- <meta name="select:Menus transparency color" content="184,208,255" title="blue">
- <meta name="select:Menus transparency color" content="103,173,90" title="green">
- <meta name="select:Menus transparency color" content="33,209,297" title="turquoise">
- <meta name="select:Menus transparency color" content="226,229,23" title="yellow">
- <meta name="select:Menus transparency color" content="112,38,11" title="brown">
- <meta name="select:Menus transparency" content="1" title="opaque">
- <meta name="select:Menus transparency" content=".9" title=".9">
- <meta name="select:Menus transparency" content=".8" title=".8">
- <meta name="select:Menus transparency" content=".7" title=".7">
- <meta name="select:Menus transparency" content=".6" title=".6">
- <meta name="select:Menus transparency" content=".5" title=".5">
- <meta name="select:Menus transparency" content=".4" title=".4">
- <meta name="select:Menus transparency" content=".3" title=".3">
- <meta name="select:Menus transparency" content=".2" title=".2">
- <meta name="select:Menus transparency" content=".1" title=".1">
- <meta name="select:Menus transparency" content=".0" title="transparent">
- <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
- <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
- <meta name="select:Title Font" content="Arimo" title="Arimo">
- <meta name="select:Title Font" content="Alex Brush" title="Alex Brush">
- <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
- <meta name="select:Title font size" content="22px" title="22px">
- <meta name="select:Title font size" content="25px" title="25px">
- <meta name="select:Title font size" content="27px" title="27px">
- <meta name="select:Title font size" content="30px" title="30px">
- <meta name="select:Title font size" content="32px" title="32px">
- <meta name="select:Link Font" content="Arimo" title="Arimo">
- <meta name="select:Link Font" content="Kaushan Script" title="Kaushan Script">
- <meta name="select:Link Font" content="Great Vibes" title="Great Vibes">
- <meta name="select:Link Font" content="Alex Brush" title="Alex Brush">
- <meta name="select:Link Font" content="Clicker Script" title="Clicker Script">
- <meta name="font:Body font" content="Helvetica"/>
- <meta name="select:Body font size" content="12px" title="12px">
- <meta name="select:Body font size" content="13px" title="13px">
- <meta name="select:Body font size" content="14px" title="14px">
- <meta name="select:Body font size" content="15px" title="15px">
- <meta name="select:Body font size" content="16px" title="16px">
- <meta name="if:Infinite scroll" content="0"
- <meta name="if:Ask Enabled" content="1"/>
- <meta name="if:Submissions Enabled" content="1"/>
- <meta name="if:Show Archive Link" content="1"/>
- <meta name="if:Show Description" content="1" />
- <meta name="if:Show Navigation" content="1" />
- <meta name="if:Show Search Box" content="1" />
- <meta name="if:Show Music Player" content="1" />
- <meta name="if:Faded Images" content="0" />
- <meta name="if:Monochrome Images" content="0" />
- <meta name="if:Show Info On Hover" content="0" />
- <meta name="if:Show Captions" content="1" />
- <meta name="if:Show Tags" content="1" />
- <meta name="text:Quotation" content="Lorem Ipsum"/>
- <meta name="text:Scroll to top image url" content="http://i63.tinypic.com/mcvijc.jpg"/>
- <meta name="text:Link 1" content="link 1"/>
- <meta name="text:Link 2" content="link 2"/>
- <meta name="text:Link 3" content="link 3"/>
- <meta name="text:Link 4" content="link 4"/>
- <meta name="text:Link 5" content="link 5"/>
- <meta name="text:Link 1 url" content="Link 1 url"/>
- <meta name="text:Link 2 url" content="Link 2 url"/>
- <meta name="text:Link 3 url" content="Link 3 url"/>
- <meta name="text:Link 4 url" content="Link 4 url"/>
- <meta name="text:Link 5 url" content="Link 5 url"/>
- <style type="text/css">
- /* ---------------------------- CSS ----------------------------- */
- /* -------- BASICS ------- */
- body {
- margin:0;
- padding:0;
- width:100%;
- height:100%;
- color:{color:text};
- font-family:{font:Body font};
- font-size:{select:Body font size};
- line-height: -moz-calc({select:Body font size} + 3px);
- line-height: -webkit-calc({select:Body font size} + 3px);
- line-height: -o-calc({select:Body font size} + 3px);
- line-height: calc({select:Body font size} + 3px);
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- /* Paragraph */
- p {margin-top:5px; margin-bottom:5px;}
- <--ses-->
- small{font-size: 90%;}
- big{font-size: 110%;}
- /* Title */
- h1{
- margin:0;
- margin-bottom:10px;
- color:{color:Title};
- font-family:{select:Title Font};
- font-size:{select:Title font size};
- line-height: -moz-calc({select:Title font size} + 3px);
- line-height: -webkit-calc({select:Title font size} + 3px);
- line-height: -o-calc({select:Title font size} + 3px);
- line-height: calc({select:Title font size} + 3px);
- border-bottom:1px solid {color:Borders};
- }
- /* Captions */
- h2{
- font-family:{font:Body font};
- font-size:{select:Body font size};
- line-height: -moz-calc({select:Body font size} + 3px);
- line-height: -webkit-calc({select:Body font size} + 3px);
- line-height: -o-calc({select:Body font size} + 3px);
- line-height: calc({select:Body font size} + 3px);
- font-weight:normal;
- }
- /* Links */
- a:link, a:active, a:visited{
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- color:{color:Link};
- text-decoration:none;
- }
- a:hover{
- color:{color:Hover};
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- a img{border: 0px;}
- ul, ol, li{ margin:5px 10px; padding:0px;}
- /* Bold and italic */
- b, strong {color:{color:Bold};}
- i, em {color:{color:Italic};}
- /* Blockquote */
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px solid {color:Borders};
- }
- /* Text selection */
- ::-moz-selection {
- background: {color:Borders};
- color: {color:Scrollbar};
- }
- ::selection {
- background: {color:Borders};
- color: {color:Scrollbar};
- }
- /* Webkit scrollbar */
- ::-webkit-scrollbar {
- width: 7px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- height: 0px;
- background-color: {color:Scrollbar};
- border:3px solid {color:Borders};
- }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 0px;
- display: block;
- background-color: {color:Borders};
- }
- ::-webkit-scrollbar-track-piece {
- background-color: {color:Borders};
- }
- /* Tumblr controls */
- .iframe-controls--desktop {
- top:5px!important;
- right:10px!important;
- opacity:.9!important;
- position:fixed!important;
- white-space:nowrap!important;
- filter: invert(1);
- -webkit-filter: invert(1);
- -moz-filter: invert(1);
- -o-filter: invert(1);
- -ms-filter: invert(1);
- z-index:1000000!important;
- }
- /* Tooltips */
- #s-m-t-tooltip {
- max-width:300px;
- z-index:10000000;
- margin:24px 14px 7px 12px;
- padding:5px;
- color:{color:Link};
- background:{color:Post background};
- border:1px solid {color:Borders};
- font-size:11px;
- line-height:13px;
- }
- /* Image style */
- {block:IfFadedImages}
- img{
- -webkit-transition: opacity 0.8s linear;
- -moz-transition: opacity 0.8s linear;
- -o-transition: opacity 0.8s linear;
- -ms-transition: opacity 0.8s linear;
- opacity: 0.60;
- }
- img:hover{
- -webkit-transition: opacity 0.8s linear;
- -moz-transition: opacity 0.8s linear;
- -o-transition: opacity 0.8s linear;
- -ms-transition: opacity 0.8s linear;
- opacity: 1;
- }
- {/block:IfFadedImages}
- {block:IfMonochromeImages}
- img{
- -webkit-filter: grayscale(1);
- -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;
- }
- img:hover{
- filter: none;
- -webkit-filter: grayscale(0);
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- }
- {/block:IfMonochromeImages}
- /* Post notes style */
- .notes{
- width:400px;
- }
- ol.notes {
- padding: 0px;
- margin: 5px 0px;
- list-style-type: none;
- }
- ol.notes li.note {
- padding: 5px;
- border-bottom:1px solid {color:Borders};
- }
- ol.notes li.note img.avatar {
- position:relative;
- border-radius:100%;
- vertical-align: -5px;
- margin-right: 10px;
- width: 15px;
- height: 15px;
- }
- /* ----------------------- MAIN CONTAINER ----------------------------- */
- #container{
- width:470px;
- height:auto;
- min-height:500px;
- margin-top:-35px;
- margin-left:auto;
- margin-right:auto;
- padding:20px;
- background:{color:Container background};
- overflow:hidden;
- }
- /* -------- HEADER ------- */
- .header{
- position:fixed;
- margin-top:0px;
- margin-left:-215px;
- width:898px;
- height:200px;
- text-align:center;
- background:{color:Header background};
- background-image:url({image:Header background});
- z-index:100;
- border:1px solid {color:Borders};
- border-top:1px solid transparent;
- }
- /* Bars */
- .clickme{
- position:absolute;
- top:30px;
- margin-left:20px;
- cursor:pointer;
- z-index:1000;
- }
- .clickme i{
- color:{color:Icon};
- font-size:20px;
- }
- /* Blog title*/
- #blogtitle{
- position:absolute;
- text-align:center;
- margin-top:90px;
- font-size:{select:Title font size};
- line-height:130%;
- font-family:{select:Title Font};
- color:{color:Blog Title};
- letter-spacing:2px;
- width:700px;
- margin-left:100px;
- }
- #blogtitle:hover{
- color:{color:Hover};
- letter-spacing:5px;
- }
- /* -------- MENU ------- */
- .menu{
- position:fixed;
- margin-top:160px;
- margin-left:0px;
- width:890px;
- height:30px;
- padding:5px;
- line-height:35px;
- text-align:center;
- background:rgba({select:Menus transparency color}, {select:Menus transparency});
- display:none;
- z-index:100000;
- }
- .menu a{
- font-size:15px;
- max-width:120px;
- max-height:10px;
- padding:1px 5px;
- font-family:{select:Title Font};
- margin-left:10px;
- margin-right:10px;
- color:{color:Main link};
- opacity:0.4;
- background:{color:Link background};
- }
- /* -------- LEFT SIDEBAR ------- */
- #sidebar{
- position:fixed; !important;
- width:190px;
- height: -moz-calc(100% - 202px);
- height: -webkit-calc(100% - 202px);
- height: -o-calc(100% - 202px);
- height: calc(100% - 202px);
- padding:10px;
- padding:10px;
- border-left:1px solid {color:Borders};
- border-right:1px solid {color:Borders};
- margin-top:202px;
- margin-left:-215px;
- background:{color:Left sidebar background};
- background-image:url({image:Left sidebar background});
- }
- .sidebarin{
- position:absolute;
- top:50%;
- left:50%;
- height:auto;
- -webkit-transform: translateX(-50%) translateY(-50%);
- -moz-transform: translateX(-50%) translateY(-50%);
- -ms-transform: translateX(-50%) translateY(-50%);
- transform: translateX(-50%) translateY(-50%);
- }
- /* Avatar */
- #avatar {
- margin-top:0px;
- margin-left:auto;
- margin-right:auto;
- width:140px;
- height:120px;
- border:1px solid {color:Borders};
- }
- #avatar img {
- margin:0px;
- width:140px;
- height:120px;
- }
- /* Quotation */
- .quotation{
- margin-top:20px;
- margin-left:5px;
- width:140px;
- padding:5px;
- font-size:15px;
- line-height:20px;
- color:{color:Quotation color};
- font-family:{select:Title Font};
- text-align:center;
- }
- .quotation i{
- opacity:0.4;
- font-size:18px;
- color:{color:Quotation symbol color};
- }
- /* Pagination */
- #pagination {
- padding-left:2px;
- margin-top:20px;
- margin-left:auto;
- margin-right:auto;
- width:160px;
- height:35px;
- text-align:center;
- }
- #pagination a, .current{
- display:inline-block;
- margin-top:5px;
- padding: 3px 6px;
- background:rgba({select:Menus transparency color}, {select:Menus transparency});
- color:{color:Link};
- font-size:12px;
- text-decoration:none;
- }
- /* -------- RIGHT SIDEBAR ------- */
- #sidebar2{
- position:fixed;
- width:190px;
- height: -moz-calc(100% - 182px);
- height: -webkit-calc(100% - 182px);
- height: -o-calc(100% - 182px);
- height: calc(100% - 182px);
- padding:10px;
- margin-top:202px;
- margin-left:473px;
- display: table;
- border-right:1px solid {color:Borders};
- border-left:1px solid {color:Borders};
- background:{color:Right sidebar background};
- background-image:url({image:Right sidebar background});
- }
- /* Description */
- .title1{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- width:130px;
- padding:5px;
- font-family:{select:Title Font};
- color:{color:Description title};
- background:rgba({select:Menus transparency color}, {select:Menus transparency});
- text-align:center;
- font-size:14px;
- cursor:pointer;
- }
- .description:first-letter{
- font-size:200%;
- color:{color:Link};
- }
- .description{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- width:130px;
- height:auto;
- padding:5px;
- max-height:100px;
- font-size:12px;
- font-family:{select:Description Font};
- background:{color:Link background};
- opacity:0.5;
- color:{color:Sidebar link};
- overflow-y:auto;
- display:none;
- }
- /* Navigation */
- .title2{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- width:130px;
- padding:5px;
- font-size:14px;
- text-align:center;
- font-family:{select:Title Font};
- color:{color:Navigation title};
- background:rgba({select:Menus transparency color}, {select:Menus transparency});
- cursor:pointer;
- }
- #navigation{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- height:auto;
- width:139px;
- display:none;
- }
- #navigation a{
- display:block;
- width:135px;
- font-family:{select:Link Font};
- background:{color:Link background};
- opacity:0.5;
- color:{color:Sidebar link};
- height:15px;
- padding:2px;
- margin-top:5px;
- font-size:14px;
- line-height:18px;
- text-align:center;
- }
- #navigation a:hover{
- color:{color:Hover};
- background:{color:Sidebar link};
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- /* Search box */
- .title3{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- width:130px;
- padding:5px;
- font-family:{select:Title Font};
- background:rgba({select:Menus transparency color}, {select:Menus transparency});
- color:{color:Search title};
- text-align:center;
- font-size:14px;
- cursor:pointer;
- }
- .searchbox{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- width:130px;
- height:auto;
- padding:5px;
- max-height:70px;
- font-size:12px;
- color:{color:Search title};
- background:{color:Link background};
- opacity:0.5;
- overflow:none;
- display:none;
- }
- /* Music player */
- .title4{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- width:130px;
- padding:5px;
- font-family:{select:Title Font};
- background:rgba({select:Menus transparency color}, {select:Menus transparency});
- color:{color:Music title};
- text-align:center;
- font-size:14px;
- cursor:pointer;
- }
- .musicplayer{
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- width:130px;
- height:auto;
- padding:5px;
- max-height:70px;
- font-size:14px;
- text-align:center;
- background:{color:Link background};
- opacity:0.5;
- overflow:none;
- background:{color:Other boxes background};
- display:none;
- }
- .musicplayer a{
- color:{color:Links};
- }
- /* -------- POSTS AND ENTRIES ------- */
- #posts{
- margin-left:23px;
- width:424px;
- height:auto;
- min-height:1000px;
- margin-top:210px;
- }
- .entry {
- float:left;
- display: block;
- margin-left:0px;
- margin-top:15px;
- margin-bottom:15px;
- overflow:hidden;
- width:400px;
- padding:10px;
- border:1px solid {color:Post borders};
- background:{color:Post background};
- }
- .entry img { max-width: 100%; }
- /* ----------------------- POST STYLES ----------------------------- */
- /* Quote posts */
- .quote {
- font-family:{select:Title Font};
- font-size:{select:Title font size};
- line-height: -moz-calc({select:Title font size} + 3px);
- line-height: -webkit-calc({select:Title font size} + 3px);
- line-height: -o-calc({select:Title font size} + 3px);
- line-height: calc({select:Title font size} + 3px);
- color:{color:Italic};
- height:auto;
- margin:10px;
- padding:5px;
- text-align:center;
- letter-spacing:1px;
- }
- .source {
- font-family:{font:Body font};
- font-size:{select:Body font size};
- line-height:130%;
- height:auto;
- margin-top:10px;
- margin-left:10px;
- margin-right:10px;
- margin-bottom:5px;
- padding:5px;
- text-align:right;
- letter-spacing:1px;
- }
- /* Link posts */
- #linktitle{
- font-family:{select:Title Font};
- font-size:{select:Title font size};
- line-height:130%;
- width:96%;
- padding:2%;
- border:1px solid {color:Borders};
- }
- #linktitle a{
- color:{color:Link};
- }
- #linktitle i{
- color:{color:Icon};
- }
- /* Chat posts */
- .chat li {
- padding:5px;
- margin-top:-2px;
- display:block;
- border-bottom:1px solid {color:Borders};
- }
- .chat li:last-child{
- border-bottom:1px solid transparent;
- }
- .label {
- color:{color:Bold};
- font-size:15px;
- font-family:{select:Title Font};
- padding-right:2px;
- }
- /* Audio posts */
- #audiocon{
- width:100%;
- height:auto;
- min-height:75px;
- overflow:hidden;
- margin-bottom:10px;
- }
- .album{
- width:65px;
- height:65px;
- background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
- border: 5px solid {color:Borders};
- }
- .album img{
- max-width:65px;
- margin-left:0px;
- float:left;
- margin-top:0px;
- z-index:10;
- }
- .audio{
- position:absolute;
- max-width:325px;
- margin-left:80px;
- float:left;
- margin-top:0;
- z-index:10;
- font-size:12px;
- overflow:hidden;
- }
- .audio i{
- color:{color:Icon};
- border:1px solid {color:Borders};
- padding:2px;
- width:12px;
- height:12px;
- font-size:12px;
- margin-bottom:1px;
- text-align:center;
- }
- .play{
- position:absolute;
- margin:20px;
- max-width:25px;
- max-height:25px;
- overflow:hidden;
- opacity:0.8;
- }
- /* Ask Posts */
- .bubble {
- position: relative;
- height:auto;
- margin:5px;
- padding:5px;
- border: 1px solid {color:Borders};
- z-index:1;
- min-height:50px;
- }
- .asker img {
- float:left;
- border:1px solid {color:Borders};
- margin-right:5px;
- z-index:2000;
- border-radius:100%;
- }
- /* ----------------------- POST INFO ----------------------------- */
- #postinfo{
- margin-top:10px;
- width:400px;
- {block:IndexPage}
- {block:IfShowInfoOnHover}
- display:none;
- height:0;
- {/block:IfShowInfoOnHover}
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-top:10px;
- width:400px;
- height:auto;
- {/block:PermalinkPage}
- z-index:1000;
- }
- .entry:hover #postinfo{
- {block:IndexPage}
- {block:IfShowInfoOnHover}
- height:auto;
- display:block;
- bottom:0px;
- left:0px;
- padding-left:15px;
- padding-right:15px;
- position:absolute;
- background:{color:Info background};
- opacity:0.9;
- color:{color:Link};
- border-top:1px solid {color:Borders};
- {/block:IfShowInfoOnHover}
- {/block:IndexPage}
- }
- .entry:hover #postinfo{
- {block:IndexPage}
- {block:IfShowInfoOnHover}
- height:auto;
- display:block;
- bottom:0px;
- left:0px;
- padding-left:10px;
- padding-right:10px;
- position:absolute;
- background:{color:Info background};
- opacity:0.9;
- color:{color:Link};
- border-top:1px solid {color:Borders};
- {/block:IfShowInfoOnHover}
- {/block:IndexPage}
- }
- #postinfo a {
- font-size:12px;
- }
- .info {
- height:28px;
- line-height:20px;
- float:center;
- padding-top:5px;
- margin-top:0px;
- margin-bottom:5px;
- font-size:12px;
- width:400px;
- color:{color:Link};
- border-top:1px solid {color:Borders};
- text-transform:lowercase;
- {block:IfShowInfoOnHover}
- border:none;
- {/block:IfShowInfoOnHover}
- }
- .info i{
- color:{color:Icon};
- }
- /* Permalink, like and reblog buttons */
- .plrbuttons {
- float:right;
- margin-left:300px;
- margin-top:-22px;
- z-index:200000;
- list-style: none;
- padding:5px;
- padding-bottom:2px;
- }
- .plrbuttons i {
- float:left;
- display:inline-block;
- margin-left:5px;
- list-style:none;
- color:#cccccc;
- font-size:15px;
- }
- .plrbuttons li:first-child {
- border-right: 0px solid #e8e8e8;
- }
- /* Tags */
- .tags {
- margin-top:5px;
- display:inline;
- width:100%;
- }
- .tags i{
- color:{color:Icon};
- display:inline;
- }
- /* INFINITE SCROLL */
- #infscr-loading{
- bottom: -80px;
- position: absolute;
- left: 50%;
- margin-left:-5px;
- width:15px;
- height:10px;
- overflow:hidden;
- }
- /* SCROLL TO TOP */
- #scrollToTop:link,
- #scrollToTop:visited {
- display: none;
- position: fixed;
- bottom: 5px;
- right: 5px;
- }
- /*-- CREDITS --*/
- #credits {
- position:fixed;
- right:15px;
- top:35px;
- z-index:100000;
- }
- #credits img{
- border:1px solid {color:Borders};
- }
- </style>
- <!----------------------------- SCRIPTS ------------------------------->
- <!--Scroll to top-->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{text:Scroll to top image url}" title="Go to Top" alt="Go to Top"/></a>
- <!--Fort awesome script-->
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <!--Jquery script-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <!-- Style my tooltips script -->
- <script src="jquery.style-my-tooltips.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <!--Show/hide on click -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".clickme").click(function(){
- $(".menu").slideToggle(1);
- });
- $(".title2").click(function(){
- $("#navigation").slideToggle(500);
- });
- $(".title1").click(function(){
- $(".description").slideToggle(500);
- });
- $(".title3").click(function(){
- $(".searchbox").slideToggle(500);
- });
- $(".title4").click(function(){
- $(".musicplayer").slideToggle(500);
- });
- });
- </script>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- {block:ifInfiniteScroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:ifInfiniteScroll}
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '.entry',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '.entry',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#posts').show(500);
- });
- </script>
- {/block:IndexPage}
- <meta charset="utf-8">
- <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang: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}">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- </head>
- <!------------------------------ HTML ------------------------------->
- <body>
- <div id="container">
- <div class="header">
- <div id="blogtitle">{Title}</div>
- <div class="clickme"><i class="fa fa-bars"></i></div>
- <div class="menu">
- <a href="/">Index</a>
- {block:IfAskEnabled}
- <a href="/ask">Ask</a>
- {/block:IfAskEnabled}
- {block:IfSubmissionsEnabled}
- <a href="/submit">Submit</a>
- {/block:IfSubmissionsEnabled}
- {block:IfShowArchiveLink}
- <a href="/archive">Archive</a>
- {/block:IfShowArchiveLink}
- </div>
- </div>
- <div id="sidebar">
- <div class="sidebarin">
- <div id="avatar"><a href="/"><img src="{image:Avatar}"></a></div>
- <div class="quotation">
- <i class="fa fa-quote-left"></i>
- {text:Quotation}
- <i class="fa fa-quote-right"></i>
- </div>
- <!--End quotation-->
- {block:ifNotInfiniteScroll}
- <center>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="4"}
- {block:CurrentPage}
- <span class="current">
- {PageNumber}
- </span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">{PageNumber}</a>
- {/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <!--End pagination-->
- </center>
- {/block:ifNotInfiniteScroll}
- </div>
- <!--End sidebarin-->
- </div>
- <!--End sidebar-->
- <div id="sidebar2">
- <div class="sidebarin">
- {block:ifShowDescription}
- <div class="title1">About</div>
- <div class="description">{Description}</i></div>
- {/block:ifShowDescription}
- {block:ifShowNavigation}
- <div class="title2">Navigation</div>
- <div id="navigation">
- <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>
- <a href="{text:Link 5 url}">{text:Link 5}</a>
- </div>
- <!--End navigation-->
- {/block:ifShowNavigation}
- {block:ifShowSearchBox}
- <div class="title3">Search</div>
- <div class="searchbox">
- <form action="/search" method="get">
- <input type="text" name="q" value="Search..." style="width:100px; padding-left:10px; height:20px; background:transparent; font-family:{font:Body font}; border:1px solid transparent; color:{color:Sidebar link}; font-size: 14px;margin-top:-3px; margin-left:0px;"/><span><i class="fa fa-search"></i></span></form>
- </div>
- {/block:ifShowSearchBox}
- {block:ifShowMusicPlayer}
- <div class="title4">Music</div>
- <div class="musicplayer">
- <!--Replace this part with your music player code-->
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="130" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
- <param name="bgcolor" value="7f45ac" />
- <param name="FlashVars" value="mp3=http%3A//flash-mp3-player.net/medias/another_world.mp3&width=130&showstop=1&loadingcolor=888888&bgcolor=eeeeee&bgcolor1=7f45ac&bgcolor2=7f45ac&sliderovercolor=777777&buttonovercolor=fffffff" />
- </object>
- <!---->
- </div>
- <!--End musicplayer-->
- {/block:ifShowMusicPlayer}
- </div>
- <!--End sidebrin-->
- </div>
- <!--End sidebar2-->
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div class="entry">
- <!--Hide via and source in captions-->
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}
- {ReblogParentName}
- {/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}
- <!-- {SourceURL}
- {block:SourceLogo}
- <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}
- {block:Title}
- <a href="{Permalink}">
- <h1>{Title}</h1></a>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <center>
- <img src="{PhotoURL-400}"
- alt="{PhotoAlt}" width="400"/>
- </center>
- {LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">
- "{Quote}"
- {block:Source}
- <div class="source">-{Source}
- </div>{/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <a href="{URL}"
- class="linkpost"
- target="_blank">
- <h1><i class="fa fa-link"></i>
- {Name} »</h1></a>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- <div class="chat">
- {block:Lines}
- <li class="{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div id="audiocon">
- <div class="audio">
- {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
- {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
- {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
- {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
- <div class="album">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- <div class="play">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- {/block:Audio}
- {block:Video}
- {VideoEmbed-400}
- {/block:Video}
- {block:Answer}
- <div class="bubble">
- <div class="asker">
- <img src="{AskerPortraitURL-48}">
- </div>
- <span></span>{Asker}:
- {Question}</div>
- {Answer}
- {/block:Answer}
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}
- <h2>{Caption}</h2>
- {/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:Date}
- <div id="postinfo">
- <div class="info">
- <i class="fa fa-clock-o"></i>
- {ShortMonth} {DayOfMonthWithZero}
- {block:NoteCount}
- <i class="fa fa-heart-o"></i>
- {NoteCount}
- {/block:NoteCount}
- {block:RebloggedFrom}
- <i>//</i>
- <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
- {/block:RebloggedFrom}
- {block:RebloggedFrom}
- <i>//</i>
- <a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
- {/block:RebloggedFrom}
- <div class="plrbuttons">
- {block:IndexPage}
- <a href="{Permalink}">
- <i class="fa fa-external-link"></i></a>
- {/block:IndexPage}
- <i>{LikeButton size="15"}</i>
- <i>{ReblogButton size="15"}</i>
- </div>
- </div>
- <!--End info -->
- {block:IndexPage}
- {block:IfShowTags}
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">
- <i class="fa fa-tag"></i> {Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- {/block:IfShowTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">
- <i class="fa fa-tag"></i>
- {Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- <!--End post info-->
- {/block:Date}
- <!-- Permalink page -->
- {block:PermalinkPage}
- <div class="notes">
- {block:PermalinkPagination}
- <center><br>
- {block:PreviousPost}
- <a href="{PreviousPost}"> « Previous Post – </a>
- {/block:PreviousPost}
- {block:NextPost}
- <a href="{NextPost}">Next Post »</a>
- {/block:NextPost}
- </center>
- {/block:PermalinkPagination} <br>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- <!--End entry-->
- {/block:Posts}
- </div>
- <!-- End autopagerize-page-element -->
- </div>
- <!--End posts-->
- </div>
- <!--End container-->
- <!--Credit (do not remove)-->
- <a href="http://borntobewildthemes.tumblr.com"><div id="credits" title="theme DREAMWEAVER by borntobewildthemes">
- <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement