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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
- ᴛʜᴇᴍᴇ ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
- ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
- <meta name="color:Background Color" content="#202120"/>
- <meta name="color:Blockquote Border" content="#5e5e5e"/>
- <meta name="color:Odd Text" content="#525252"/>
- <meta name="color:Odd Background" content="#202120"/>
- <meta name="color:Even Text" content="#6f6f6f"/>
- <meta name="color:Even Background" content="#191918"/>
- <meta name="color:Bolded Text" content="#8b8b8b"/>
- <meta name="color:Italicised Text" content="#8b8b8b"/>
- <meta name="color:Post Text" content="#6b6b6b"/>
- <meta name="color:Post Background" content="#191918"/>
- <meta name="color:Post Border" content="#6b6b6b"/>
- <meta name="color:Sidebar Background" content="#191918"/>
- <meta name="color:Desc Text" content="#6b6b6b"/>
- <meta name="color:Asker Text" content="#6b6b6b"/>
- <meta name="color:Asker Hover" content="#ffffff"/>
- <meta name="color:Ask Background" content="#202120"/>
- <meta name="color:Track Text" content="#6b6b6b"/>
- <meta name="color:Track Background" content="#191918"/>
- <meta name="color:Tooltip Background" content="#191918"/>
- <meta name="color:Tooltip Text" content="#5e5e5e"/>
- <meta name="color:Permalink Text Color" content="#7c7c7c"/>
- <meta name="color:Permalink Link" content="#1da5a5"/>
- <meta name="color:Links" content="#1da5a5"/>
- <meta name="color:Hover Link" content="#ffffff"/>
- <meta name="text:Link1" content="Link1"/>
- <meta name="text:Url1" content="/"/>
- <meta name="text:Link2" content="Link2"/>
- <meta name="text:Url2" content="/"/>
- <meta name="text:Link3" content="Link3"/>
- <meta name="text:Url3" content="/"/>
- <meta name="text:Link4" content="Link4"/>
- <meta name="text:Url4" content="/"/>
- <meta name="text:Link5" content="Link5"/>
- <meta name="text:Url5" content="/"/>
- <meta name="text:Link6" content="Link6"/>
- <meta name="text:Url6" content="/"/>
- <meta name="text:Title1" content="Can You"/>
- <meta name="text:Title2" content="Save Me?"/>
- <meta name="text:Hovers1 Title" content="HOVERS 1"/>
- <meta name="text:Hovers2 Title" content="HOVERS 2"/>
- <meta name="text:Hovers3 Title" content="HOVERS 3"/>
- <meta name="text:Hovers4 Title" content="HOVERS 4"/>
- <meta name="text:Hovers5 Title" content="HOVERS 5"/>
- <meta name="text:Hovers6 Title" content="HOVERS 6"/>
- <meta name="text:MP3 Link" content="http://k007.kiwi6.com/hotlink/w89g0cx38v/INFINITE_-_Back_MV_Rip_www.k2nlog.com_.mp3"/>
- <meta name="text:IconHover1" content="[instagram]"/>
- <meta name="text:IconUrl1" content="/"/>
- <meta name="text:IconHover2" content="[twitter]"/>
- <meta name="text:IconUrl2" content="/"/>
- <meta name="text:IconHover3" content="[aim]"/>
- <meta name="text:IconUrl3" content="/"/>
- <meta name="text:IconHover4" content="[soundcloud]"/>
- <meta name="text:IconUrl4" content="/"/>
- <meta name="color:Selected Text" content="#191918"/>
- <meta name="color:Scrollbar Background" content="#202120"/>
- <meta name="color:Scrollbar Trackbar" content="#1da5a5"/>
- <meta name="color:Desc Scrollbar Background" content="#191918"/>
- <meta name="color:Desc Scrollbar Trackbar" content="#1da5a5"/>
- <meta name="image:Background Image" content=""/>
- <meta name="image:Sidebar Image" content="http://static.tumblr.com/ssbhuug/z4Jnaihf1/245x150.gif"/>
- <meta name="image:Icon Image1" content="http://static.tumblr.com/ssbhuug/rm7naizwm/40x40i.png"/>
- <meta name="image:Icon Image2" content="http://static.tumblr.com/ssbhuug/yLZnaizx9/40x40.png"/>
- <meta name="image:Icon Image3" content="http://static.tumblr.com/ssbhuug/5senaj0gt/40x40a.png"/>
- <meta name="image:Icon Image4" content="http://static.tumblr.com/ssbhuug/ZOlnaj0n0/40x40s.png"/>
- <meta name="if:ShowCaptions" content="1"/>
- <meta name="if:Monochrome" content="0">
- <meta name="if:250" content="1">
- <meta name="if:400" content="0">
- <meta name="if:500" content="0">
- <meta name="if:Pagination" content="0"/>
- <head>
- <title>{Title}</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: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
- @import url(http://fonts.googleapis.com/css?family=Raleway:200);
- @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
- @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
- @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
- @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
- @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
- @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
- @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
- @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
- @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
- @font-face {font-family:"type_writer";src: url('https://dl.dropboxusercontent.com/u/67800931/type_writer.ttf');}
- @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
- @font-face {font-family:"lisbon";src: url('https://dl.dropboxusercontent.com/u/67800931/lisbon-script.otf');}
- @font-face {font-family: 'pixel'; src: local('04b24'), url('https://dl.dropboxusercontent.com/u/67800931/04b_24__.ttf') format('woff'); }
- @font-face {font-family: 'Nova Square';src: url('https://dl.dropboxusercontent.com/u/67800931/nova-square.ttf'); }
- *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
- a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
- ::selection {
- background: {color:Links};
- color:{color:Selected Text};
- }
- ::-moz-selection {
- background: {color:Links};
- color:{color:Selected Text};
- }
- ::-webkit-selection {
- background: {color:Links};
- color:{color:Selected Text};
- }
- /* THEME SPECIALS */
- ::-webkit-scrollbar-thumb {
- background-color:{color:Scrollbar Trackbar};
- border: 3px solid {color:Scrollbar Background};
- height:auto;
- border-bottom:none;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:9px;
- background-color:{color:Scrollbar Trackbar};
- border:4px solid {color:Scrollbar Background};
- }
- /* BODY */
- body {
- background-image:url({image:background image});
- background-repeat:no-repeat;
- background-attachment: fixed;
- background-color: {color:background color};
- background-position: bottom right;
- margin: 0;
- }
- a:link, a:visited, a:active {
- text-decoration: none;
- color: {color:Links};
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- a:hover {
- text-shadow: 0 0 0.1em {color:Links};
- color: {color:Links};
- }
- b, strong {
- color: {color:bolded text};
- }
- i, em {
- color: {color:italicised text};
- }
- small, sub, sup, code {
- font-family:'trebuchet ms';
- font-size:9px;
- letter-spacing: 1;
- line-height: 100%;
- margin-top: 10px !important;
- line-height: 90%;
- }
- pre {
- width:100%;
- font-family: 'tinytots';
- font-size: 8px;
- text-align:center;
- text-transform: uppercase;
- white-space:pre-wrap;
- word-wrap:break-word;
- padding:3px;
- }
- blockquote {
- margin-left:5px;
- width:90%;
- padding-left:5px;
- border-left: solid 1px {color:Blockquote Border};
- overflow:hidden;
- }
- blockquote blockquote {
- margin-left: 10px;
- width: 85%;
- text-align: justify;
- border-left: solid 1px {color:Blockquote Border};
- padding: 5px;
- overflow:hidden;
- }
- blockquote img {
- {block:if250}max-width:210px !important;{/block:if250}
- {block:if400}max-width:330px !important;{/block:if400}
- {block:if500}max-width:420px !important;{/block:if500}
- {block:ifFade}opacity: .5;{/block:ifFade}
- overflow:hidden;
- }
- blockquote blockquote img {
- {block:if250}max-width:180px !important;{/block:if250}
- {block:if400}max-width:285px !important;{/block:if400}
- {block:if500}max-width:355px !important;{/block:if500}
- {block:ifFade}opacity: .5;{/block:ifFade}
- overflow:hidden;
- }
- blockquote img:hover {
- {block:ifFade}opacity: 1;{/block:ifFade}
- }
- blockquote blockquote img:hover {
- {block:ifFade}opacity: 1;{/block:ifFade}
- }
- .alignment {
- position: relative;
- margin-left: 150px;
- margin-top: 10px;
- height: 100%;
- height: auto !important;
- min-height: 100%;
- {block:if250}width:250px;{/block:if250}
- {block:if400}width:400px;{/block:if400}
- {block:if500}width:500px;{/block:if500}
- }
- /* QUOTES */
- #quote {
- color: {color:bolded text};
- font-family:'trebuchet ms';
- font-size:11px;
- font-style:italic;
- }
- #source {
- font-family:'pxl';
- font-size:10px;
- letter-spacing:1px;
- text-align:right;
- text-transform:uppercase;
- }
- /* CONTENT WRAPPER */
- #wrapper {
- width:270px;
- height:auto;
- margin-left:-70px;
- margin-right:auto;
- margin-top:20px;
- margin-bottom:40px;
- position:relative;
- }
- /* SB WRAPPER */
- #sidebar {
- width: 500px;
- margin: 0 auto;
- {block:if250}margin-left:920px;{/block:if250}
- {block:if400}margin-left:1070px;{/block:if400}
- {block:if500}margin-left:1170px;{/block:if500}
- bottom:200px;
- position:fixed;
- }
- /* BLOG POSTS */
- .posts {
- {block:if250}width:250px;{/block:if250}
- {block:if400}width:400px;{/block:if400}
- {block:if500}width:500px;{/block:if500}
- font-family:'trebuchet ms';
- font-size:9px;
- letter-spacing: 1;
- line-height: 100%;
- color: {color:post text};
- text-align: justify;
- word-wrap:break-word;
- background-color: {color:post background};
- padding: 10px;
- margin-bottom: 40px;
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .postinfo {
- {block:if250}width:250px;{/block:if250}
- {block:if400}width:400px;{/block:if400}
- {block:if500}width:500px;{/block:if500}
- font-family:'trebuchet ms';
- font-size:9px;
- letter-spacing: 1;
- line-height: 100%;
- color: {color:post text};
- text-align: justify;
- word-wrap:break-word;
- margin-top: -15px;
- background-color: {color:post background};
- padding: 10px;
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .postcontainer img:hover, #photoset:hover {
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- -webkit-filter: grayscale(0%) !important;
- opacity: 1;
- }
- .postcontainer img, #photoset {
- {block:if250}max-width:250px;{/block:if250}
- {block:if400}max-width:400px;{/block:if400}
- {block:if500}max-width:500px;{/block:if500}
- {block:ifMonochrome}-webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- {block:ifFade}opacity: .5;{/block:ifFade}
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .photopost img {
- {block:if250}max-width: 250px !important; {/block:if250}
- {block:if400}max-width: 400px !important; {/block:if400}
- {block:if500}max-width: 500px !important; {/block:if500}
- {block:ifFade}opacity: .5;{/block:ifFade}
- {block:ifMonochrome}-webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .photopost img:hover {
- {block:ifFade}opacity: 1;{/block:ifFade}
- {block:ifMonochrome}-webkit-filter: grayscale(0%);
- {/block:ifMonochrome}
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .posts img, #photoset {
- {block:if250}max-width: 250px !important; {/block:if250}
- {block:if400}max-width: 400px !important; {/block:if400}
- {block:if500}max-width: 500px !important; {/block:if500}
- {block:ifFade}opacity: .5;{/block:ifFade}
- {block:ifMonochrome}-webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .posts img:hover {
- {block:ifFade}opacity: 1;{/block:ifFade}
- {block:ifMonochrome}-webkit-filter: grayscale(0%);
- {/block:ifMonochrome}
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .video {
- {block:if250}max-width: 250px !important; {/block:if250}
- {block:if400}max-width: 400px !important; {/block:if400}
- {block:if500}max-width: 500px !important; {/block:if500}
- {block:ifFade}opacity: .5;{/block:ifFade}
- {block:ifMonochrome}-webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .video:hover {
- {block:ifFade}opacity: 1;{/block:ifFade}
- {block:ifMonochrome}-webkit-filter: grayscale(0%);
- {/block:ifMonochrome}
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .postnotes {
- {block:if250}width:250px;{/block:if250}
- {block:if400}width:400px;{/block:if400}
- {block:if500}width:500px;{/block:if500}
- font-family: 'tinytots';
- font-size: 8px;
- letter-spacing: 1;
- line-height: 100%;
- color: {color:post text};
- text-align: left;
- text-transform: uppercase;
- word-wrap:break-word;
- background-color: {color:post background};
- padding: 10px;
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .postnotes img {
- display:none;
- }
- .postperma {
- {block:if250}width:260px;{/block:if250}
- {block:if400}width:410px;{/block:if400}
- {block:if500}width:510px;{/block:if500}
- margin-left:-10px;
- position:absolute;
- margin-top: 10px;
- padding: 5px;
- color: {color:post text};
- font-family: 'pixel';
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1;
- border-top:1px solid {color:post border};
- background-color: {color:post background};
- line-height: 100%;
- text-align: center;
- -moz-transition:all ease-in-out 1.2s;
- -webkit-transition:all ease-in-out 1.2s;
- -o-transition:all ease-in-out 1.2s;
- transition:all ease-in-out 1.2s;
- }
- .postperma a {
- color: {color:permalink link};
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .postperma a:hover {
- color: {color:permalink link};
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- #posttitle {
- font-family:'nova square';
- font-size:10px;
- letter-spacing:1px;
- line-height:16px;
- text-transform:uppercase;
- text-align:center;
- }
- #permtitle {
- font-family: 'vdj';
- color: {color:desc text};
- font-size: 8px;
- padding: 5px;
- margin-top: 5px;
- text-align: center;
- text-transform: uppercase;
- }
- #odd {
- padding:2px;
- font-family:'trebuchet ms';
- font-size:9px;
- color:{color:Odd Text};
- background-color: {color:Odd Background};
- }
- #even {
- padding:2px;
- font-family:trebuchet ms;
- font-size:9px;
- color:{color:Even Text};
- background-color: {color:Even Background};
- }
- #tags {
- font-family: 'tinytots';
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1;
- line-height: 100%;
- }
- /* AUDIO */
- .album {
- background-repeat: no-repeat;
- background-position: center;
- position: absolute;
- width: 86px;
- height: 86px;
- background-size: 60px;
- overflow: hidden;
- background-color: {color:Track Background};
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .album img {
- width: 86px;
- height: 86px;
- overflow: hidden;
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- {block:ifMonochrome}-webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- {block:ifFade}opacity:.5;{/block:ifFade}
- }
- .album img:hover {
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
- {/block:ifMonochrome}
- {block:ifFade}opacity:1;{/block:ifFade}
- }
- .player {
- width: 10px;
- height: 11px;
- overflow: hidden;
- padding: 4px 21px 21px 4px;
- margin-top: 27px;
- margin-left: 26px;
- position: absolute;
- background-color: #fff;
- opacity: 0.5;
- z-index: 10;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- -moz-border-radius: 30px;
- -webkit-border-radius: 30px;
- border-radius: 30px;
- }
- .album:hover .player {
- {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
- }
- .track {
- margin-left: 90px;
- min-height: 80px;
- max-height: 100px;
- overflow: auto;
- font-family:dixel;
- font-size: 8px;
- padding: 3px;
- color: {color:Track Text};
- text-transform: uppercase;
- letter-spacing: 1px;
- background: {color:Track Background};
- }
- /* QUESTION */
- #ask {
- {block:if250}max-width:250px;{/block:if250}
- {block:if400}max-width:400px;{/block:if400}
- {block:if500}max-width:500px;{/block:if500}
- background-color: {color:Ask Background};
- }
- .as {
- min-height: auto;
- padding: 5px;
- padding-bottom:8px;
- background-color: {color:Ask Background};
- }
- .aske {
- margin-top:5px;
- font-family:'nova square';
- font-size:10px;
- line-height:13px;
- text-align:center;
- text-transform:uppercase;
- color: {color:asker text};
- background-color: {color:Ask Background};
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .aske:hover {
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .que {
- font-family: 'gasara';
- font-size: 8px;
- text-align:center;
- text-transform:uppercase;
- color: {color:ask text};
- }
- .ans {
- font-family:trebuchet ms;
- font-size:9px;
- color: {color:ask text};
- }
- /* Hover Title Style */
- #s-m-t-tooltip{
- max-width:300px;
- margin-top:25px;
- margin-left:15px;
- padding-left:5px;
- padding-right:4px;
- padding:3px;
- z-index:9999999;
- background-color: {color:Tooltip Background};
- color: {color:Tooltip Text};
- font-family:'gasara';
- font-size:8px;
- letter-spacing:1px;
- font-style:none;
- text-transform:uppercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);
- }
- /* SIDEBAR */
- #sidepic {
- position:absolute;
- margin-top: -15px;
- margin-left: -381px;
- width:245px;
- height:150px;
- padding:3px;
- background: {color:Sidebar Background};
- }
- #sidepic img {
- width:245px;
- height:150px;
- {block:ifMonochrome}opacity:.5;
- -webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidepic img:hover {
- {block:ifMonochrome}opacity:1;
- -webkit-filter: grayscale(0%) !important;
- {/block:ifMonochrome}
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- .hovars {
- position:absolute;
- margin-top: 137px;
- margin-left: -381px;
- }
- .hovars a {
- display: inline-block;
- width: 38.5px;
- height: 8px;
- background: {color:Sidebar Background};
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- .hovars a:hover {
- box-shadow: {color:links} 0 0 4px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- .desc {
- position:absolute;
- overflow:auto;
- margin-top: 52px;
- margin-left: -127px;
- width:188px;
- height:87px;
- line-height: 100%;
- font-family: 'dixel';
- font-size: 8px;
- color: {color:desc text};
- text-transform: uppercase;
- padding:3px;
- background: {color:Sidebar Background};
- text-align: center;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .desc a {
- color: {color:Links};
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .desc a:hover {
- color: {color:hover link};
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .desc::-webkit-scrollbar-thumb {
- background-color:{color:Desc Scrollbar Trackbar};
- border: 3px solid {color:Desc Scrollbar Background};
- height:auto;
- border-bottom:none;
- }
- .desc::-webkit-scrollbar {
- height:9px;
- width:9px;
- background-color:{color:Desc Scrollbar Trackbar};
- border:4px solid {color:Desc Scrollbar Background};
- }
- .music {
- position:absolute;
- margin-top: 27px;
- margin-left: -127px;
- width: 194px;
- height: 22px;
- font-family: 'ms gothic';
- font-size: 10px;
- color: #5d5b5b;
- text-transform: uppercase;
- letter-spacing: 0px;
- text-align: center;
- background: {color:Sidebar Background};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .navi {
- position:absolute;
- width:200px;
- height:auto;
- margin-top: -8px;
- margin-left: -130px;
- text-align:center;
- font-family:'pixel';
- font-size:8px;
- }
- .navi a {
- display: inline-block;
- overflow:hidden;
- width:55.5px;
- height:7px;
- padding:3px;
- border:1px solid {color:Sidebar Background};
- color:{color:Links};
- background-color:{color:Sidebar Background};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .navi a:hover {
- color:{color:hover link};
- box-shadow:inset 0px 0px 0px 20px {color:Links};
- background-color:{color:Links};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .border1 {
- position:absolute;
- margin-top: 148px;
- margin-left: -127px;
- z-index:-1;
- background: {color:Sidebar Background};
- width:194px;
- height:4px;
- }
- .border2 {
- position:absolute;
- margin-top: -15px;
- margin-left: -127px;
- z-index:-1;
- background: {color:Sidebar Background};
- width:194px;
- height:4px;
- }
- .border3 {
- position:absolute;
- margin-top: -48px;
- margin-left: -411px;
- z-index:-5;
- background: {color:background color};
- border-top:double 4px {color:Sidebar Background};
- border-bottom:double 4px {color:Sidebar Background};
- width:490px;
- height:207px;
- }
- .titleu {
- position:absolute;
- margin-top: 47px;
- margin-left: -475px;;
- width:160px;
- height:auto;
- font-family:'muli';
- font-size:20px;
- letter-spacing:1px;
- font-weight:bold;
- z-index:-1;
- color: {color:Sidebar Background};
- text-transform: uppercase;
- padding:3px;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- background: transparent;
- text-align: right;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .titleu a {
- color: {color:Sidebar Background};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .titleu a:hover {
- color: {color:Sidebar Background};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .titleu2 {
- position:absolute;
- margin-top: -41px;
- margin-left: -403px;;
- width:345px;
- height:auto;
- font-family:'muli';
- font-size:20px;
- letter-spacing:1px;
- font-weight:bold;
- z-index:-1;
- color: {color:Sidebar Background};
- text-transform: uppercase;
- padding:3px;
- background: transparent;
- text-align: left;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .titleu2 a {
- color: {color:Sidebar Background};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- .titleu2 a:hover {
- color: {color:Sidebar Background};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- #sidepic2 {
- position:absolute;
- margin-top: -45px;
- margin-left: -134px;
- width:200px;
- height:25px;
- padding:3px;
- background: transparent;
- }
- #sidepic2 img {
- width:25px;
- height:25px;
- {block:ifMonochrome}opacity:.5;
- -webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidepic2 img:hover {
- {block:ifMonochrome}opacity:1;
- -webkit-filter: grayscale(0%) !important;
- {/block:ifMonochrome}
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- /* PAGINATION */
- .pagination {
- position:absolute;
- height:5px;
- margin-top: 170px;
- margin-left: -127px;
- width:246px;
- padding:3px;
- color: {color:desc text};
- background:transparent;
- text-align:center;
- font-size:8px;
- font-family: ppixel;
- z-index:9999;
- }
- .pagination a{
- color: {color:links};
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- -ms-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- </style>
- <style type="text/css">{CustomCSS}</style>
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
- {block:ifnotPagination}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {block:ifnotPagination}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <div id="wrapper">
- <div id="sidebar">
- <div id="sidepic"><img src="{image:Sidebar Image}"/></div>
- <div class="hovars">
- <a title="{text:Hovers1 title}"></a>
- <a title="{text:Hovers2 title}"></a>
- <a title="{text:Hovers3 title}"></a>
- <a title="{text:Hovers4 title}"></a>
- <a title="{text:Hovers5 title}"></a>
- <a title="{text:Hovers6 title}"></a>
- </div>
- <div class="desc">
- {description}
- </div>
- <!--- You can change the color of the music player and its buttons or hovers here --->
- <div class="music">
- <center>
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="100" height="19">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
- <param name="bgcolor" value="#191918" />
- <param name="FlashVars" value="mp3={text:MP3 Link}&width=100&volume=50&autoplay=1&loop=1&showslider=0&sliderwidth=0&sliderheight=0&volumewidth=0&volumeheight=0&loadingcolor=5d5b5b&bgcolor1=191918&bgcolor2=191918&slidercolor1=&slidercolor2=&sliderovercolor=&buttoncolor=5d5b5b&buttonovercolor=5d5b5b&textcolor=&showlist=0&playlistcolor=&playlistalpha=0&currentmp3color=&scrollbarcolor=&scrollbarovercolor=&showplaylistnumbers=0" />
- </object>
- </div>
- <div class="navi">
- <a href="{text:Url1}">{text:Link1}</a> <a href="{text:Url2}">{text:Link2}</a> <a href="{text:Url3}">{text:Link3}</a><br> <a href="{text:Url4}">{text:Link4}</a> <a href="{text:Url5}">{text:Link5}</a> <a href="{text:Url6}">{text:Link6}</a>
- </div>
- <div class="border1"></div>
- <div class="border2"></div>
- <div class="titleu">
- {text:title1}
- </div>
- <div class="titleu2">
- {text:title2}
- </div>
- <div class="border3"></div>
- <div id="sidepic2">
- <marquee scrollamount="3" behavior="alternate" direction="left" onmouseover="this.scrollAmount = 0" onmouseout="this.scrollAmount = 3">
- <a title="{text:IconHover1}" href="{text:IconUrl1}"><img src="{image:Icon Image1}"/></a>
- <a title="{text:IconHover2}" href="{text:IconUrl2}"><img src="{image:Icon Image2}"/></a>
- <a title="{text:IconHover3}" href="{text:IconUrl3}"><img src="{image:Icon Image3}"/></a>
- <a title="{text:IconHover4}" href="{text:IconUrl4}"><img src="{image:Icon Image4}"/></a></marquee></div>
- {block:ifPagination}
- <div class="pagination">
- {block:IndexPage}
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">
- prev
- </a>
- {/block:PreviousPage}
-
- {block:NextPage}
- <a href="{NextPage}">
- next
- </a>
- {/block:NextPage}
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- {/block:ifPagination}
- </div>
- <div class="alignment">
- <div class="autopagerize_page_element" >
- {block:Posts}
- <div class="posts">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
- {/block:ReblogParentLogo}
- {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
- {/block:ContentSource}
- <!-- PHOTO POSTS -->
- {block:if250}
- {block:Photo}
- {LinkOpenTag}
- <div class="photopost">
- <img src="{PhotoURL-250}">
- </div>
- {LinkCloseTag}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:photo}
- {/block:if250}
- {block:if400}
- {block:Photo}
- {LinkOpenTag}
- <div class="photopost">
- <img src="{PhotoURL-400}">
- </div>
- {LinkCloseTag}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:photo}
- {/block:if400}
- {block:if500}
- {block:Photo}
- {LinkOpenTag}
- <div class="photopost">
- <img src="{PhotoURL-500}">
- </div>
- {LinkCloseTag}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:photo}
- {/block:if500}
- <!-- PHOTOSET POSTS -->
- {block:if250}
- {block:Photoset}
- <div id="photoset">
- {Photoset-250}
- </div>
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photoset}
- {/block:if250}
- {block:if400}
- {block:Photoset}
- <div id="photoset">
- {Photoset-400}
- </div>
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photoset}
- {/block:if400}
- {block:if500}
- {block:Photoset}
- <div id="photoset">
- {Photoset-500}
- </div>
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photoset}
- {/block:if500}
- <!-- VIDEO POSTS -->
- <div class="video">
- {block:if250}
- {block:Video}
- {Video-250}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Video}
- {/block:if250}
- {block:if400}
- {block:Video}
- {Video-400}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Video}
- {/block:if400}
- {block:if500}
- {block:Video}
- {Video-500}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Video}
- {/block:if500}
- </div>
- <!-- AUDIO POSTS -->
- {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
- {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
- <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
- {Album}{/block:Album}</div>
- {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Audio}
- <!-- QUOTE POSTS -->
- {block:Quote}
- <div id="quote">{Quote}</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- <!-- TEXT POSTS -->
- {block:Text}
- {block:Title}
- <div id="posttitle">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- <!-- QUESTION POSTS -->
- {block:Answer}
- <div id="ask">
- <div class="as">
- <div class="aske">{Asker} asked;</div>
- <div class="que">❝{Question}❞</div>
- </div>
- </div>
- <div class="ans">{Answer}</div>
- {/block:Answer}
- <!-- CHAT POSTS -->
- {block:Chat}
- {block:Title}
- <div id="posttitle">{Title}</div><br />
- {/block:Title}
- {block:Lines}<div id="{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
- {/block:Lines}
- {/block:Lines}
- {/block:Chat}
- <!-- LINK POSTS -->
- {block:Link}
- <a href="{URL}"> <div id="posttitle">{Name}</div></a>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:IndexPage}
- <div class="postperma">
- <a href="{Permalink}">{Month} {DayofMonth}, {Year}</a> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
- {/block:IndexPage}
- </div>
- {block:PermaLinkPage}
- <div class="postinfo">
- <center>
- <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
- {block:RebloggedFrom}
- <div id="tags">Via:
- <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
- Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
- {/block:RebloggedFrom}
- </center>
- <br>
- {block:HasTags}
- <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- </div>
- </div></div>
- <a href="http://galaxias-themes.tumblr.com/" title="galaxias-themes" style="bottom:5px; left:5px; pading:2px; position:fixed; font-family: pxl; font-size:10px;">THEME</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement