Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
- ᴛʜᴇᴍᴇ #15 ᴏᴠᴇʀᴅᴏsᴇ @ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
- ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
- <!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">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- {block:ifinfinitescroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:ifinfinitescroll}
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Kristi|Clicker+Script|Meddon|Megrim|Ruthie|Raleway:300' rel='stylesheet' type='text/css'>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:Background Color" content="#0d0d0d"/>
- <meta name="color:Blockquote Background 1" content="#0c0c0c"/>
- <meta name="color:Blockquote Background 2" content="#101010"/>
- <meta name="color:Blockquote Border 1" content="#637e54"/>
- <meta name="color:Blockquote Border 2" content="#1c1c1c"/>
- <meta name="color:Blockquote Text 1" content="777777"/>
- <meta name="color:Blockquote Text 2" content="777777"/>
- <meta name="color:Header Text" content="#777777"/>
- <meta name="color:Bolded Text" content="#637e54"/>
- <meta name="color:Italicised Text" content="#637e54"/>
- <meta name="color:Post Text" content="#999999"/>
- <meta name="color:Post Background" content="#0a0a0a"/>
- <meta name="color:Post Border" content="#080808"/>
- <meta name="color:Permalink Color" content="#777777 "/>
- <meta name="color:Permalink Link" content="#637e54"/>
- <meta name="color:Active Link" content="#637e54"/>
- <meta name="color:Hover Link" content="#303030"/>
- <meta name="color:Selected Text" content="#637e54"/>
- <meta name="color:Scrollbar Background" content="#0a0a0a"/>
- <meta name="color:Scrollbar Trackbar" content="#637e54"/>
- <meta name="color:Sidebar Image Background" content="#080808"/>
- <meta name="color:Sidebar Background" content="#080808"/>
- <meta name="color:Title Shadow" content="#637e54"/>
- <meta name="color:Text Shadow" content="#000000"/>
- <meta name="color:Accent" content="#637e54"/>
- <meta name="color:Tag Color" content="#637e54"/>
- <meta name="image:Background Image" content="">
- <meta name="image:sidebar image" content="http://static.tumblr.com/ssbhuug/BvQn9xq43/untitled-2.png">
- <meta name="image:Sidebar Background Image" content="http://static.tumblr.com/ssbhuug/zbbn9xq21/tester400.png"/>
- <meta name="text:Home Link" content="Home"/>
- <meta name="text:Home Link Hover" content="Hover"/>
- <meta name="text:Home Link URL" content="/"/>
- <meta name="text:Ask Link" content="Ask"/>
- <meta name="text:Ask Link Hover" content="Hover"/>
- <meta name="text:Ask Link URL" content="/ask"/>
- <meta name="text:Submit Link" content="Submit"/>
- <meta name="text:Submit Link Hover" content="Hover"/>
- <meta name="text:Submit Link URL" content="/submit"/>
- <meta name="text:Link 1" content="Link 1"/>
- <meta name="text:Link 1 Hover" content="Hover"/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 2" content="Link 2"/>
- <meta name="text:Link 2 Hover" content="Hover"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Hover 1" content="Hover"/>
- <meta name="text:Hover 2" content="Hover"/>
- <meta name="text:Hover 3" content="Hover"/>
- <meta name="text:Hover 4" content="Hover"/>
- <meta name="text:Hover 5" content="Hover"/>
- <meta name="text:Link 3 Hover" content="Link Hover"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 4 Hover" content="Link Hover"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Sidebar Title" content="Title Here"/>
- <meta name="text:MP3 Link" content=""/>
- <meta name="text:Counter Link" content="Counter Here"/>
- <meta name="text:Background Attachment" content="Fixed">
- <meta name="text:Background Position" content="bottom left">
- <meta name="if:ShowCaptions" content="1">
- <meta name="if:ShowTags" content="1">
- <meta name="if:BlackPlayer" content="1">
- <meta name="if:WhitePlayer" content="0">
- <meta name="if:GrayPlayer" content="0">
- <meta name="if:Sidebar Background Image" content="1"/>
- <meta name="if:Friends" content="1">
- <meta name="if:Counter" content="1">
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:Pagination" content="1">
- <meta name="if:ImageFade" content="1">
- <meta name="if:Monochrome" content="1">
- <meta name="if:250" content="0">
- <meta name="if:400" content="1">
- <meta name="if:500" content="0">
- <style type="text/css">
- @font-face {font-family: "sick capital vice"; src: url('https://dl.dropboxusercontent.com/u/67800931/sickcapital-vice.ttf'); }
- @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
- @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
- @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
- @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
- @import url(http://fonts.googleapis.com/css?family=Raleway:200);
- @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
- ::selection {color: {color:Selected Text};}
- ::-moz-selection {color: {color:Selected Text};}
- ::-webkit-scrollbar { width: 5px; height:1px; }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Scrollbar Trackbar}; border: 1px solid {color:Scrollbar Background}; }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
- background-color: transparent; }
- ::-webkit-scrollbar-track-piece {
- background-color: {color:Scrollbar Background}; }
- *, body, a{cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
- }
- body { background-color: {color:background color}; background-position: {text:background position}; background-attachment: {text:background attachment}; background-image:url({image:background image}); background-repeat: no-repeat;background-size:contain;}
- a:link, a:visited, a:active {text-decoration: none; color: {color:active 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;}
- a:hover { color: {color:hover link}; }
- b, strong { color: {color:bolded text}; }
- i, em { color: {color:italicised text}; }
- ul, li{
- color: {color:post text};
- font-family:ppixel;
- font-size:8px;
- }
- small, sub { font-family: ppixel; font-size: 8px; letter-spacing: 1; line-height: 100%; margin-top: 10px !important; line-height: 90%;}
- pre { font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; padding: 3px; }
- code { font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
- blockquote { font-family: ppixel; font-size: 8px;margin-left: 10px; width: 90%; text-align: justify; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; border-left: solid 2px {color:blockquote border 1}; padding: 5px; -moz-border-radius: 0px 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
- blockquote blockquote { font-family: ppixel; font-size: 8px;margin-left: 5px; width: 85%; text-align: justify; background-color: {color:blockquote background 2}; color: {color:blockquote text 2}; border-left: solid 2px {color:blockquote border 2}; padding: 5px; -moz-border-radius: 0px 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
- blockquote img {
- {block:if250}max-width:210px !important; opacity: .5;{/block:if250}
- {block:if400}max-width:330px !important; opacity: .5;{/block:if400}
- {block:if500}max-width:420px !important; opacity: .5;{/block:if500}}
- blockquote blockquote img {
- {block:if250}max-width:180px !important; opacity: .5;{/block:if250}
- {block:if400}max-width:285px !important; opacity: .5;{/block:if400}
- {block:if500}max-width:355px !important; opacity: .5;{/block:if500}}
- .alignment { position: relative; margin-left: 600px; margin-top: 20px; 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}}
- #posttitle { font-family: 'muli', sans-serif; line-height:100%; color: {color:header text}; font-size: 17px; padding: 5px; margin-top: 5px; margin-bottom:5px; text-align: center; text-transform: uppercase;background-color:{color:blockquote background 1};border-bottom:2px solid {color:blockquote border 1};text-shadow:2px 2px 2px {color:text shadow};}
- #posttitle:first-letter {font-family: 'sick capital vice', cursive; color: {color:bolded text}; text-transform: uppercase; font-size: 32px; }
- #quotetitle { font-family: 'muli', sans-serif; line-height:100%; color: {color:header text}; font-size: 13px; padding: 5px; margin-top: 5px; margin-bottom:5px; text-align: center; text-transform: uppercase;text-shadow:1.3px 1.3px 1.3px {color:text shadow};}
- #quotetitle:first-letter {font-family: 'sick capital vice', cursive; color: {color:bolded text}; text-transform: uppercase; font-size: 35px; }
- #datetitle { font-family: 'muli', sans-serif; color: {color:header text}; font-size: 15px; padding: 5px; margin-top: 5px; text-align: center; text-transform: uppercase;text-shadow:1.3px 1.3px 1.3px {color:text shadow};}
- #datetitle:first-letter {font-family: 'sick capital vice', cursive; color: {color:accent}; text-transform: uppercase; font-size: 25px; }
- #asktitle { font-family: 'ppixel'; color: {color:header text}; font-size: 8px; padding: 5px; text-align: center; margin-bottom:5px; text-transform: uppercase; text-shadow:1.3px 1.3px 1.3px {color:text shadow};border-bottom:1px solid {color:blockquote border 1};}
- #asktitle:first-letter {font-family: 'sick capital vice', cursive; color: {color:accent}; text-transform: uppercase; font-size: 25px; }
- .postcontainer {
- position:relative;
- {block:if250}width:250px;{/block:if250}
- {block:if400}width:400px;{/block:if400}
- {block:if500}width:500px;{/block:if500}
- font-family: arial; font-size: 10px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; margin-bottom: 30px; -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: ppixel; font-size: 8px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; margin-top: -20px; background-color: {color:post background}; border: solid 5px {color:post border}; 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 {
- {block:if250}width:250px;{/block:if250}
- {block:if400}width:400px;{/block:if400}
- {block:if500}width:500px;{/block:if500}
- font-family: ppixel; 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:transparent; 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 {
- position:absolute;
- width:40px;height:40px;
- {block:if250}margin-top: -30px;margin-left:-20px;{/block:if250}
- {block:if400}margin-top: -30px;margin-left:-20px;{/block:if400}
- {block:if500}margin-top: -30px;margin-left:-20px;{/block:if500}
- font-family: muli;
- font-weight:bold;
- font-size: 18px;
- color: {color:permalink color};
- border: solid 3px {color:post border};
- text-transform: uppercase;
- letter-spacing: -2px;
- text-align:center;
- border-radius:10em;
- line-height:13px;
- background-color: {color:post background};
- padding: 5px; opacity:0;
- -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
- }
- .postperma a {color: {color:permalink link}; text-align:center; -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
- .postperma a:hover{
- color:{color:hover link};
- }
- .postcontainer:hover .postperma{
- {block:if250}margin-left:220px;{/block:if250}
- {block:if400}margin-left:370px;{/block:if400}
- {block:if500}margin-left:470px;{/block:if500}
- opacity:1;
- -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
- }
- .postperma2 {
- position:absolute;
- width:30px;height:30px;
- {block:if250}margin-top: -15px;margin-left:25px;{/block:if250}
- {block:if400}margin-top: -15px;margin-left:25px;{/block:if400}
- {block:if500}margin-top: -15px;margin-left:25px;{/block:if500}
- font-family: muli;
- font-size: 12px;
- color: {color:permalink color};
- border: solid 3px {color:accent};
- text-transform: uppercase;
- letter-spacing: 1;
- text-align:center;
- border-radius:10em;
- line-height:12px;
- background-color: {color:post background};
- padding: 5px; opacity:0;
- -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
- }
- .postperma2 a {color: {color:permalink link}; text-align:center; -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
- .postperma2 a:hover{
- color:{color:hover link};
- }
- .postcontainer:hover .postperma2{
- {block:if250}margin-left:265px;{/block:if250}
- {block:if400}margin-left:415px;{/block:if400}
- {block:if500}margin-left:515px;{/block:if500}
- opacity:1;
- -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
- }
- .postperma3 {
- position:absolute;
- width:20px;height:20px;
- {block:if250}margin-top: -43px;margin-left:24px;{/block:if250}
- {block:if400}margin-top: -43px;margin-left:24px;{/block:if400}
- {block:if500}margin-top: -43px;margin-left:24px;{/block:if500}
- font-family: ppixel;
- font-size: 8px;
- color: {color:permalink color};
- border: solid 3px {color:post border};
- text-transform: uppercase;
- letter-spacing: 1;
- text-align:center;
- border-radius:10em;
- line-height:17px;
- background-color: {color:post background};
- padding: 5px; opacity:0;
- -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
- .postperma3 a {color: {color:permalink link}; text-align:center; -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
- .postperma3 a:hover{
- color:{color:hover link};
- }
- .postcontainer:hover .postperma3{
- {block:if250}margin-left:264px;{/block:if250}
- {block:if400}margin-left:414px;{/block:if400}
- {block:if500}margin-left:514px;{/block:if500}
- opacity:1;
- -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
- }
- #odd { padding:2px; font-size: 8px; letter-spacing: 1px; font-family: ppixel; color:{color:Blockquote Text 1}; background-color: {color:Blockquote Background 1}; }
- #even { padding:2px; font-size: 8px; letter-spacing: 1px; font-family: ppixel; color:{color:Blockquote Text 2}; background-color: {color:Blockquote Background 2};}
- #tags { font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
- #tags a {color: {color:tag color};} #tags a:hover { color:{color:hover link};}
- #permatags {
- {block:if250}width:250px;{/block:if250}
- {block:if400}width:400px;{/block:if400}
- {block:if500}width:500px;{/block:if500}
- position:absolute;opacity:0;margin-top: 15px; padding: 5px; margin-bottom: 10px; color: {color:post text}; font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; 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; }
- #permatags a{
- color:{color:permalink link};
- }
- #permatags a:hover{
- color:{color:hover link};
- }
- .postcontainer:hover #permatags{
- overflow:none;opacity:1;-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;
- }
- .postcontainer img:hover, #photoset:hover { {block:ifImageFade}-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;{/block:ifImageFade}
- {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; -webkit-filter: grayscale(0%); {/block:ifMonochrome}
- }
- .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}-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(100%); {/block:ifMonochrome}
- {block:ifImageFade}opacity: .5; -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:ifImageFade}
- }
- .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: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; -webkit-filter: grayscale(100%); {/block:ifMonochrome}
- {block:ifImageFade}opacity: .5; -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:ifImageFade}
- }
- .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: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; -webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- {block:ifImageFade}opacity: .5; -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:ifImageFade}
- }
- .video:hover {
- {block:ifFade}opacity: 1;{/block:ifFade}
- {block:ifMonochrome}-webkit-filter: grayscale(0%);
- {/block:ifMonochrome}
- {block:ifImageFade}opacity: 1; -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:ifImageFade}
- }
- /* AUDIO */
- .album {
- background-repeat: no-repeat;
- background-position: center;
- position: absolute;
- width: 64px;
- height: 64px;
- padding:1px;
- background-size: 60px;
- overflow: hidden;
- border-radius:10em;
- background-color: {color:post border};
- border:1px solid {color:accent};
- -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: 64px;
- height: 64px;
- overflow: hidden;
- border-radius:10em;
- -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:ifImageFade}opacity:.5;{/block:ifImageFade}
- }
- .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:ifImageFade}opacity:1;{/block:ifImageFade}
- }
- .player {
- width: 10px;
- height: 11px;
- overflow: hidden;
- padding: 4px 21px 21px 4px;
- margin-top: 15px;
- margin-left: 15px;
- position: absolute;
- background-color: {color:post background};
- border-radius:10em;
- opacity: 0;
- z-index: 10;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- .album:hover .player {
- {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
- }
- .track {
- margin-left: 35px;
- min-height: 60px;
- max-height: 100px;
- overflow: auto;
- font-family:ppixel;
- font-size: 8px;
- padding: 3px;
- text-align:center;
- color: {color:post text};
- text-transform: uppercase;
- letter-spacing: 1px;
- background: {color:blockquote background 1};
- border-right:2px solid {color:accent};
- }
- .question {
- {block:if250}min-height:40px;{/block:if250}
- {block:if400}min-height:40px;{/block:if400}
- {block:if500}min-height:40px;{/block:if500}
- font-family:ppixel;font-size: 8px;line-height:10px; padding: 10px; background-color: {color:blockquote background 1};height:auto; text-align:center; border-right: solid 3px {color:accent}; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
- .askiconborder { width: 44px;height:44px; margin-right: 10px; background-color: {color:blockquote background 1}; border: double 2px {color:accent};box-shadow:0px 0px 10px {color:text shadow}; -webkit-border-radius: 10em; -moz-border-radius: 10em; }
- .askiconborder img { padding: 2px; -webkit-border-radius: 10em; -moz-border-radius: 10em; }
- /* Tooltip */
- #s-m-t-tooltip { position:absolute; z-index:9999; display:none; border-radius: 0px; max-width: 150px; margin-top: 10px; margin-left: 10px; font-family: tinytots; font-size: 8px; color: {color:post text}; text-transform: uppercase; letter-spacing: 1; line-height: 100%; background-color: {color:post background}; border-left: solid 3px {color:accent};border-right: solid 1px {color:post border};border-bottom: solid 1px {color:post border};border-top: solid 1px {color:post border}; padding: 2px; -moz-transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -o-transition:all ease 0.7s; transition:all ease 0.7s;}
- /* Pagination */
- #pagination {
- position:fixed;
- width:20px;
- height:auto;
- margin-top:250px;
- margin-left:342px;
- font-family:arial;
- font-size:40px;
- font-weight:bold;
- padding:1px;
- text-transform:uppercase;
- background-color:transparent;
- letter-spacing:0px;
- text-align:left;
- }
- /*sidebar wrapper*/
- #sidebar {
- position:fixed;
- margin-left:40px;
- margin-top:-50px;
- width:150px;
- height:auto;
- padding:0px;
- background-color:transparent;}
- /*wrapper*/
- #wrapper{
- position:absolute;
- margin-top:60px;
- margin-bottom:60px;
- background-color:transparent;
- width:300px;
- height:auto;
- margin-left:auto;
- margin-right:auto;}
- /*Sidebar*/
- #sbbg{
- position:fixed;
- width:375px;
- height:400px;
- margin-left:50px;
- margin-top:70px;
- background-color:transparent;
- padding:5px;
- z-index:-10;
- }
- #sbbgimg{
- position:fixed;
- width:400px;
- height:400px;
- margin-top:-30px;
- margin-left:-5px;
- background-color:transparent;
- }
- #sbbgimg img{
- max-width:400px !important;
- max-height:400px !important;
- }
- #sbtitle{
- position:fixed;
- width:270px;
- height:20px;
- margin-left:80px;
- margin-top:220px;
- background-color:transparent;
- font-family:sick capital vice;
- font-size:70px;
- color:{color:sidebar background};
- text-shadow:-1px 0px 2px {color:title shadow}, 0px 1px 0px {color:title shadow}, 1px 0px 0px {color:title shadow}, -1px 0px 0px {color:title shadow};
- text-align:center;
- text-transform:auto;
- line-height:15px;
- letter-spacing:2px;
- z-index:9999999999;
- }
- #sbimg{
- position:fixed;
- width:85px;
- height:85px;
- margin-top:240px;
- margin-left:20px;
- padding:3px;
- border-radius:10em;
- background-color:{color:sidebar image background};
- border:2px solid {color:accent};
- opacity:1;
- z-index:9999;
- -webkit-transition: all 1.5s ease-in-out;
- -moz-transition: all 1.5s ease-in-out;
- transition: all 1.5s ease-in-out;
- }
- #sbimg img{
- max-width:85px;
- max-height:85px;
- border-radius:10em;
- opacity:0.7;
- }
- #sbdesc{
- position:fixed;
- width:220px;
- height:65px;
- padding:5px 5px 5px 45px;
- margin-top:250px;
- margin-left:70px;
- background-color:{color:sidebar background};
- border-top:1px solid {color:accent};
- border-bottom:1px solid {color:accent};
- border-right:1px solid {color:accent};
- font-family:ppixel;
- font-size:8px;
- color:{color:post text};
- text-transform:uppercase;
- text-align:center;
- line-height:100%;
- overflow:auto;
- }
- #sbdesc::-webkit-scrollbar { width: 4px; height:1px; }
- #sbdesc::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Scrollbar Trackbar};}
- #sbdesc::-webkit-scrollbar-button:start:decrement,
- #sbdesc::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
- background-color: transparent; }
- #sbdesc::-webkit-scrollbar-track-piece {
- background-color: {color:Scrollbar Background}; }
- #sblinks{
- position:fixed;
- width:250px;
- height:7px;
- padding:2px;
- margin-left:20px;
- margin-top:-5px;
- background-color:transparent;
- }
- #sblinks a{
- display:inline-block;
- background-color:{color:sidebar background};
- color:{color:accent};
- padding:4px;
- width:35px;
- height:5px;
- font-family:ppixel;
- font-size:8px;
- text-transform:uppercase;
- text-align:center;
- line-height:70%;
- z-index:999999;
- -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.8s linear;
- transition: all 0.8s linear;
- }
- #sblinks a:hover{
- background-color:{color:post background};
- box-shadow: inset 0px 15px {color:accent}, inset -15px 0px {color:accent};
- color:{color:post border};
- -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.8s linear;
- transition: all 0.8s linear;
- }
- #sbcounter{
- position:fixed;
- width:75px;
- height:7px;
- padding:3px;
- margin-top:238px;
- margin-left:275px;
- background-color:transparent;
- text-align:center;
- text-transform:uppercase;
- font-family:ppixel;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- z-index:9999999999999999;
- }
- #sbbot{
- position:fixed;
- width:281px;
- height:7px;
- padding:5px;
- margin-top:330px;
- margin-left:50px;
- background-color:{color:accent};
- text-align:center;
- text-transform:uppercase;
- font-family:ppixel;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- border-radius:0px 0px 0px 20px;
- overflow:hidden;
- }
- #friendwrap{
- position:fixed;
- background-color:transparent;
- margin-top:352px;
- margin-left:80px;
- width:280px;
- height:20px;
- text-align:center;
- opacity:0;
- -o-transition-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- }
- #sbbg:hover #friendwrap{
- opacity:1;
- -o-transition-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- }
- #friend{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:0px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:100px;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend img{
- max-width:20px;
- max-height:20px;
- }
- #friend:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend2{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:25px;
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend2 img{
- max-width:20px;
- max-height:20px;
- }
- #friend2:hover{
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend3{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:50px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend3 img{
- max-width:20px;
- max-height:20px;
- }
- #friend3:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend4{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:75px;
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend4 img{
- max-width:20px;
- max-height:20px;
- }
- #friend4:hover{
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend5{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:100px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend5 img{
- max-width:20px;
- max-height:20px;
- }
- #friend5:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend6{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:125px;
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend6 img{
- max-width:20px;
- max-height:20px;
- }
- #friend6:hover{
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend7{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:150px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend7 img{
- max-width:20px;
- max-height:20px;
- }
- #friend7:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend8{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:175px;
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend8 img{
- max-width:20px;
- max-height:20px;
- }
- #friend8:hover{
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend9{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:200px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend9 img{
- max-width:20px;
- max-height:20px;
- }
- #friend9:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #friend10{
- position:fixed;
- width:20px;
- height:20px;
- margin-top:0px;
- margin-left:225px;
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- border-radius:10em;
- overflow:hidden;
- z-index:9999;
- -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;
- }
- #friend10 img{
- max-width:20px;
- max-height:20px;
- }
- #friend10:hover{
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- -webkit-transform: rotate(360deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #hover{
- position:fixed;
- width:10px;
- height:10px;
- margin-top:256px;
- margin-left:7px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- z-index:9999;
- -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;
- }
- #hover:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #hover2{
- position:fixed;
- width:10px;
- height:10px;
- margin-top:236px;
- margin-left:24px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- z-index:9999;
- -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;
- }
- #hover2:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #hover3{
- position:fixed;
- width:10px;
- height:10px;
- margin-top:284px;
- margin-left:3px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- z-index:9999;
- -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;
- }
- #hover3:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #hover4{
- position:fixed;
- width:10px;
- height:10px;
- margin-top:311px;
- margin-left:10px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- z-index:9999;
- -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;
- }
- #hover4:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #hover5{
- position:fixed;
- width:10px;
- height:10px;
- margin-top:330px;
- margin-left:28px;
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- border-radius:10em;
- z-index:9999;
- -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;
- }
- #hover5:hover{
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #hover6{
- position:fixed;
- width:12px;
- height:12px;
- margin-top:223px;
- margin-left:49px;
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- border-radius:10em;
- z-index:9999;
- -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;
- }
- #hover6:hover{
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #hover7{
- position:fixed;
- width:12px;
- height:12px;
- margin-top:225px;
- margin-left:80px;
- background:{color:accent};
- border:1px solid {color:Sidebar Background};
- border-radius:10em;
- z-index:9999999999999999999;
- -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;
- }
- #hover7:hover{
- background:{color:Sidebar Background};
- border:1px solid {color:accent};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /* Music Player */
- #musicplayer{
- overflow:hidden;
- position:fixed;
- width:20px;
- height:20px;
- padding:5px;
- margin-top:-63px;
- margin-left:25px;
- border-radius:10em;
- border:2px solid {color:accent};
- background:{color:Sidebar Background}; /* This is the background color */
- z-index:9999;
- opacity:0;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #icon{
- /* This is for the positioning of the music gif: */
- margin-top:1px;
- margin-left:3px;
- opacity:0.7;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- #musicplayer:hover #icon{
- margin-top:-20px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- #musicbox{
- width:8px;
- height:8px;
- border-radius:10em;
- overflow:hidden;
- /* This is for the positioning of the music player: */
- margin-top:6px;
- margin-left:6px;
- }
- #music2{
- margin-top:-6px;
- margin-left:-35px;
- border-radius:10em;
- }
- #sbbg:hover #musicplayer{
- opacity:0.7;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- </style>
- </head>
- <body>
- <div id="wrapper">
- <div id="sidebar">
- <div id="sbbg">
- {block:ifsidebarbackgroundimage}
- <div id="sbbgimg"><img src="{image:Sidebar Background Image}"></div>
- {/block:ifsidebarbackgroundimage}
- <div id="sbimg"><img src="{image:Sidebar Image}" height="85px" width="85px">
- <div id="musicplayer"><div id="icon">
- <img src="https://31.media.tumblr.com/644129a4e2dbcfdfd784061a562b902d/tumblr_inline_mxopznmZTZ1qfnehg.gif"/>
- </div>
- <div id="musicbox"><div id="music2">
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
- <param name="bgcolor" value="#080808" />
- <param name="FlashVars" value="mp3={text:MP3 Link}&width=105&height=20&volume=50&autoplay=1&loop=1&shuffle=1&showslider=0&loadingcolor=080808&bgcolor=080808&bgcolor1=080808&bgcolor2=080808&buttoncolor=505050&buttonovercolor=637e54&showlist=0" />
- </object>
- </div></div></div>
- </div>
- <div id="sbtitle">{text:Sidebar Title}</div>
- {block:ifCounter}
- <div id="sbcounter">{text:Counter Link}</script></div>
- {/block:ifCounter}
- <div id="sbdesc">{Description}</div>
- <div id="sbbot"><div id="sblinks"><a title="{text:Home Link Hover}" href="{text:Home Link URL}">{text:Home Link}</a> <a title="{text:Ask Link Hover}" href="{text:Ask Link URL}">{text:Ask Link}</a> <a title="{text:Submit Link Hover}" href="{text:Submit Link URL}">{text:Submit Link}</a> <a title="{text:Link 1 Hover}" href="{text:Link 1 URL}">{text:Link 1}</a> <a title="{text:Link 2 Hover}" href="{text:Link 2 URL}">{text:Link 2}</a></div></div>
- <a title="{text:Hover 1}"><div id="hover"></div></a>
- <a title="{text:Hover 2}"><div id="hover2"></div></a>
- <a title="{text:Hover 3}"><div id="hover3"></div></a>
- <a title="{text:Hover 4}" ><div id="hover4"></div></a>
- <a title="{text:Hover 5}"><div id="hover5"></div></a>
- <a title="{text:Link 3 Hover}" href="{text:Link 3 URL}"><div id="hover6"></div></a>
- <a title="{text:Link 4 Hover}" href="{text:Link 4 URL}"><div id="hover7"></div></a>
- {block:ifFriends}
- <div id="friendwrap">
- <a title="??" href="/"><div id="friend"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend2"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend3"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend4"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend5"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend6"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend7"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend8"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend9"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- <a title="??" href="/"><div id="friend10"><img src="http://static.tumblr.com/ssbhuug/rR8n9xs0h/tumblr_mefr88nkuo1qjxl7eo1_400.gif" height="20px" width="20px"></div></a>
- </div>
- {/block:ifFriends}
- {block:ifpagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- </br>
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- </div>
- {/block:ifpagination}
- </div>
- </div>
- </div>
- </div>
- <div class="alignment">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div class="postcontainer">
- {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">{block:ifWhitePlayer}
- {AudioPlayerWhite}
- {/block:ifWhitePlayer}
- {block:ifBlackPlayer}
- {AudioPlayerBlack}
- {/block:ifBlackPlayer}
- {block:ifGrayPlayer}
- {AudioPlayerGrey}
- {/block:ifGrayPlayer}</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"></br>{block:TrackName}<span style="color:{color:Accent};">Title:</span> {TrackName}<br>{/block:TrackName}{block:Artist}<span style="color:{color:Accent};">Artist:</span> {Artist}<br>{/block:Artist}{block:Album}<span style="color:{color:Accent};">Album:</span>
- {Album}<br>{/block:Album}<span style="color:{color:Accent};">Played:</span> {PlayCountWithLabel}</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="quotetitle">{Quote}</div>
- {block:Source}<div id="tags" style="text-align:center !important;padding:4px; background-color:{color:blockquote background 1}; border-right:4px solid {color:accent}; border-left:4px solid {color:accent}; border-bottom:1px solid {color:accent}; border-top:1px solid {color:accent};">Wisdom from: {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 style="float:left;"><div class="askiconborder" title="{askername}"><img src="{AskerPortraitURL-40}"></div></div>
- <div class="question"><div id="asktitle"><span style="text-shadow:1.5px 1.5px 1.5px {color:text shadow}">{asker} asked—</span></div><span style="margin-top:10px; "> {question}</span></div>
- {answer}
- {/block:Answer}
- <!-- CHAT POSTS -->
- {block:Chat}
- {block:Title}
- <div id="posttitle">{Title}</div><br />
- {/block:Title}
- {block:Lines}<div id="{Alt}">
- {block:Label}<span style="color:{color:accent};">{Label}</span>{/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="postperma3"><span style="float:center;"> <a href="{ReblogURL}" title="Reblog?">{ReblogButton}</a></span>
- </div> {block:RebloggedFrom}<div class="postperma2"><span style="line-height:15px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a></br><a href="{ReblogRootURL}" title="{ReblogRootName}">src</a></div> {/block:RebloggedFrom}<div class="postperma"><br>
- <span style="float:center;"><a href="{Permalink}" title="@ {12Hour}:{Minutes}{AmPm} with {NoteCountWithLabel}">{ShortMonth}</a></span></div>
- {block:ifShowTags}{block:HasTags}<div id="permatags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
- {/block:IndexPage}
- </div>
- {block:PermaLinkPage}
- <div class="postinfo">
- <center>
- <div id="datetitle">{DayOfWeek}, {DayOfMonth} {Month} {Year}.</div>
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
- {/block:RebloggedFrom}
- </center>
- <br>
- <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} </div>
- </div>
- {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div style="position:fixed; bottom:3px; right:5px; text-align:center; font-size:8px; font-family:ppixel;">
- <a href="http://galaxias-themes.tumblr.com" title="galaxias-themes">THEME</a>
- </div>
- </div> </div>
- </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement