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">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
- <!--
- #10 ETUDE THEME (VER.2) BY COCORINI (http://www.cocorini.com).
- PLEASE DO NOT REMOVE THIS CREDIT. THANK YOU!
- -->
- <meta name="color:Main Background" content="#efefef"/>
- <meta name="color:Blog Border" content="#fffdf4"/>
- <meta name="color:Blog Shadow" content="#e9d9c2"/>
- <meta name="color:Sidebar BG" content="#f9f7e0"/>
- <meta name="color:Title Text" content="#836363"/>
- <meta name="color:Title BG" content="#ffffff"/>
- <meta name="color:Title Border" content="#cec6c6"/>
- <meta name="color:Subtitle Text" content="#b7b7b7"/>
- <meta name="color:Title Section BG" content="#f6bebe"/>
- <meta name="color:Sidebar Image Border" content="#dec5c5"/>
- <meta name="color:Description BG" content="#f9f7e0"/>
- <meta name="color:Description Text" content="#938b8b"/>
- <meta name="color:Custom Links BG" content="#e5efdd"/>
- <meta name="color:Custom Links Menu Text" content="#b09a87"/>
- <meta name="color:Custom Links Menu Text Shadow" content="#ffffff"/>
- <meta name="color:Custom Links Menu BG" content="#eeeadb"/>
- <meta name="color:Custom Links Menu Border" content="#ffffff"/>
- <meta name="color:Entries Column BG" content="#fdefe1"/>
- <meta name="color:Entries Column Border" content="#f2c0c0"/>
- <meta name="color:Entries" content="#ffffff"/>
- <meta name="color:Entries Text" content="#737373"/>
- <meta name="color:Entries Border" content="#f4e6e6"/>
- <meta name="color:Blockquote Text" content="#859452"/>
- <meta name="color:Blockquote Border" content="#f2d0a1"/>
- <meta name="color:Entries Title Text" content="#7e4343"/>
- <meta name="color:Entries Title BG" content="#f5d1d1"/>
- <meta name="color:Entries Title Border" content="#ffffff"/>
- <meta name="color:Entries Link Title Text" content="#6d9353"/>
- <meta name="color:Entries Link Title Text Hover" content="#7ab99a"/>
- <meta name="color:Entries Link Title BG" content="#dbefd6"/>
- <meta name="color:Entries Link Title Border" content="#ffffff"/>
- <meta name="color:Links" content="#b49a59"/>
- <meta name="color:Links Hover" content="#f3a45b"/>
- <meta name="color:Bold Text" content="#89aea7"/>
- <meta name="color:Italic Text" content="#da9898"/>
- <meta name="color:Permalink BG" content="#f2f8e9"/>
- <meta name="color:Permalink Text" content="#6a5240"/>
- <meta name="color:Permalink Links" content="#a25e37"/>
- <meta name="color:Permalink Links Hover" content="#e96c3f"/>
- <meta name="color:Time Text Highlight" content="#d8e6a1"/>
- <meta name="color:Notes Text Highlight" content="#fccbcb"/>
- <meta name="color:Tags Text Highlight" content="#cceddb"/>
- <meta name="color:Source Text Highlight" content="#e4cbec"/>
- <meta name="color:Ask Text" content="#a87b7b"/>
- <meta name="color:Ask Background" content="#fbe5e5"/>
- <meta name="color:Asker Text" content="#ffffff"/>
- <meta name="color:Asker Highlight" content="#e6acac"/>
- <meta name="color:Chat Label Text" content="#8e4e4e"/>
- <meta name="color:Chat Label BG" content="#eedede"/>
- <meta name="color:Chat Line Text" content="#978667"/>
- <meta name="color:Chat Line BG" content="#efefdf"/>
- <meta name="color:Cat Face" content="#de7468"/>
- <meta name="color:Cat Features" content="#905252"/>
- <meta name="color:Cat Body" content="#f8f3dd"/>
- <meta name="color:Cat Navigation Link" content="#ae4747"/>
- <meta name="color:Rabbit Face" content="#f99d9d"/>
- <meta name="color:Rabbit Features" content="#bb6363"/>
- <meta name="color:Rabbit Body" content="#f8f3dd"/>
- <meta name="color:Rabbit Navigation Link" content="#e97171"/>
- <meta name="color:Bear Face" content="#a3cfc8"/>
- <meta name="color:Bear Features" content="#729588"/>
- <meta name="color:Bear Body" content="#f8f3dd"/>
- <meta name="color:Bear Navigation Link" content="#86b4a1"/>
- <meta name="color:Panda Face" content="#c5c5c5"/>
- <meta name="color:Panda Features" content="#858585"/>
- <meta name="color:Panda Body" content="#f8f3dd"/>
- <meta name="color:Panda Navigation Link" content="#9a9a9a"/>
- <meta name="color:Normal Navigation Links Text" content="#b09583"/>
- <meta name="color:Normal Navigation Links BG" content="#edddd0"/>
- <meta name="color:Pagination Link Text" content="#ffffff"/>
- <meta name="color:Pagination Link BG" content="#a6cea8"/>
- <meta name="color:Pagination Current Page BG" content="#ffffff"/>
- <meta name="color:Pagination Current Page Text" content="#c08662"/>
- <meta name="color:Music Player BG" content="#c6bcdc"/>
- <meta name="color:Music Player Border" content="#ffffff"/>
- <meta name="color:Scrollbar" content="#ffd1b0"/>
- <meta name="color:Scrollbar Background" content="#ffffff"/>
- <meta name="color:Back To Top Text" content="#ffffff"/>
- <meta name="color:Back To Top BG" content="#d2ad8b"/>
- <meta name="font:Entries" content="Helvetica Neue, Arial, Helvetica, sans-serif"/>
- <meta name="font:Description" content="Helvetica Neue, Arial, Helvetica, sans-serif"/>
- <meta name="font:Permalink" content="News Gothic FS, sans-serif"/>
- <meta name="image:Main Background" content="http://static.tumblr.com/60258e73e78ddd833e85bd49fac2a5a8/1xjieua/AOsn0ouq0/tumblr_static_pattern-22.png"/>
- <meta name="image:Title Section BG" content="http://static.tumblr.com/94db70a6eed538586c395fc92c32fcb6/1xjieua/BtUn0omrm/tumblr_static_pattern-28.png"/>
- <meta name="image:Sidebar Image" content="https://31.media.tumblr.com/f9c2b032e927fdb3fc6e6e737fc54d3e/tumblr_inline_n0ypu5gNCQ1sna172.png"/>
- <meta name="image:Custom Links BG" content="http://static.tumblr.com/90ad8e5ea598956f912d26e9057982fd/1xjieua/cRDn0sz4a/tumblr_static_pattern-1.png"/>
- <meta name="image:Entries Column BG" content="http://static.tumblr.com/37cede077dd0e486c1c3bc4fc109b86c/1xjieua/s64n0szi4/tumblr_static_white_wall_hash-peach.png"/>
- <meta name="image:Permalink BG" content="http://static.tumblr.com/01b4442629b0e47248ff8e7cbabc9f56/1xjieua/bTLn0qask/tumblr_static_pattern-20b.png"/>
- <meta name="image:Music Player Image" content="http://static.tumblr.com/f8f11ddaa9f1b9dc8c84f4854c8814a7/1xjieua/ajSn0w5td/tumblr_static_musicplayer.gif"/>
- <meta name="image:Ask Background" content="http://static.tumblr.com/86e8437430277418f021fa7d07483d4f/1xjieua/7W0n0wlja/tumblr_static_tumblr_static_pattern-20a.png"/>
- <meta name="text:Entries Text Size" content="12"/>
- <meta name="text:Description Text Size" content="11"/>
- <meta name="text:Permalink Text Size" content="8"/>
- <meta name="text:Subtitle" content="your subtitle here"/>
- <meta name="text:Music Player Code" content=""/>
- <meta name="text:Custom Links Title" content="more links"/>
- <meta name="text:Custom Link 1" content="extra link 1"/>
- <meta name="text:Custom Link 1 URL" content=""/>
- <meta name="text:Custom Link 2" content="extra link 2"/>
- <meta name="text:Custom Link 2 URL" content=""/>
- <meta name="text:Custom Link 3" content="extra link 3"/>
- <meta name="text:Custom Link 3 URL" content=""/>
- <meta name="text:Custom Link 4" content=""/>
- <meta name="text:Custom Link 4 URL" content=""/>
- <meta name="text:Custom Link 5" content=""/>
- <meta name="text:Custom Link 5 URL" content=""/>
- <meta name="text:Custom Link 6" content=""/>
- <meta name="text:Custom Link 6 URL" content=""/>
- <meta name="text:Custom Link 7" content=""/>
- <meta name="text:Custom Link 7 URL" content=""/>
- <meta name="text:Custom Link 8" content=""/>
- <meta name="text:Custom Link 8 URL" content=""/>
- <meta name="text:Custom Link 9" content=""/>
- <meta name="text:Custom Link 9 URL" content=""/>
- <meta name="text:Custom Link 10" content=""/>
- <meta name="text:Custom Link 10 URL" content=""/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Captions" content="1"/>
- <meta name="if:Show Like Reblog" content="1"/>
- <meta name="if:Image Fade" content="1"/>
- <meta name="if:Links Hover Fade" content=""/>
- <meta name="if:Inverted Tumblr Icons" content="1"/>
- <meta name="if:Show Animals" content="1"/>
- <style type="text/css">
- @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/u/54526653/tinytots.TTF');}
- /* BACKGROUND */
- body {
- background-image: url('{image:Main Background}');
- background-attachment: fixed;
- background-color: {color:Main Background};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Scrollbar};
- height: auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: {color:Scrollbar};
- height: auto;
- }
- ::-webkit-scrollbar {
- height: 5px;
- width: 5px;
- background-color: {color:Scrollbar Background};
- }
- #container {
- height: 500px;
- width: 800px;
- margin: auto;
- margin-top: 100px;
- {block:IfNotShowAnimals}margin-top: 50px;{/block:IfNotShowAnimals}
- border: 20px solid {color:Blog Border};
- box-shadow: 0px 0px 12px 4px {color:Blog Shadow};
- }
- /* LINKS & MAIN TEXT */
- a {
- color: {color:Links};
- text-decoration: none;
- {block:IfLinksHoverFade}-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;{/block:IfLinksHoverFade}
- }
- a:hover {
- color: {color:Links Hover};
- text-decoration: none;
- }
- b, strong {
- color: {color:Bold Text};
- }
- i, em {
- color: {color:Italic Text};
- }
- /* SIDEBAR */
- #sidebar {
- position: fixed;
- }
- #sidebarbg {
- z-index: 1;
- width: 300px;
- height: 470px;
- background-color: {color:Sidebar BG};
- position: fixed;
- padding: 15px;
- margin-top: 43px;
- {block:IfNotShowAnimals}margin-top: 0px;{/block:IfNotShowAnimals}
- }
- #title {
- width: 260px;
- padding: 20px 10px 20px 10px;
- font-family: Oranienbaum;
- font-size: 18px;
- background-color: {color:Title BG};
- color: {color:Title Text};
- text-align: center;
- margin-left: 18px;
- margin-top: 20px;
- margin-bottom: 20px;
- border-radius: 30px;
- letter-spacing: 1px;
- border: 2px solid {color:Title Border};
- box-shadow: 0px 0px 0px 4px {color:Title BG};
- }
- #title a {
- text-decoration: none;
- color: {color:Title Text};
- }
- #titlebg {
- background-color: {color:Title Section BG};
- background-image: url('{image:Title Section BG}');
- width: 320px;
- padding: 5px;
- margin-top: -15px;
- margin-left: -15px;
- position: fixed;
- }
- #subtitle {
- font-family: helvetica neue;
- font-size: 9px;
- text-transform: uppercase;
- color: {color:Subtitle Text};
- }
- #sidebarplace {
- margin-top: 130px;
- }
- #sidebarimg img {
- max-width: 280px;
- border: 10px solid {color:Sidebar Image Border};
- }
- #description {
- font-family: {font:Description};
- width: 277px;
- height: 70px;
- overflow: auto;
- padding: 12px;
- background-color: {color:Description BG};
- color: {color:Description Text};
- font-size: {text:Description Text Size}px;
- text-align: justify;
- }
- /* CUSTOM LINKS */
- #sidebarbottom {
- background-color: {color:Custom Links BG};
- background-image: url('{image:Custom Links BG}');
- width: 281px;
- padding: 10px;
- text-align: center;
- }
- select {
- border: 0;
- color: {color:Custom Links Menu Text};
- background-color: {color:Custom Links Menu BG};
- font-size: 10px;
- font-family: consolas;
- text-transform: uppercase;
- letter-spacing: 1px;
- width: 280px;
- padding: 5px 20px 5px 20px;
- box-shadow: 0px 0px 0px 4px {color:Custom Links Menu BG};
- border: 1px solid {color:Custom Links Menu Border};
- border-radius: 10px;
- text-shadow: 1px 1px 1px {color:Custom Links Menu Text Shadow};
- -webkit-appearance: none;
- }
- /* NAVIGATION */
- #navi {
- position: absolute;
- margin-left: 45px;
- margin-top: 1px;
- }
- #navi a {
- text-align: center;
- display: inline-block;
- width: 50px;
- font-family: tinytots;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- background-color: {color:Normal Navigation Links BG};
- color: {color:Normal Navigation Links Text};
- padding: 2px;
- }
- #animals {
- margin-top: -43px;
- margin-left: 58px;
- {block:IfNotMusicPlayerCode}margin-left: 38px;{/block:IfNotMusicPlayerCode}
- }
- /* -- NAVIGATION - CAT -- */
- #cat { position: fixed; height: 45px; width: 55px; background-color: {color:Cat Face}; border-radius: 55px; -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; }
- #cat:hover { margin-top: -57px; }
- #catear1 { position: fixed; margin-top: -6px; margin-left: 6px; color: {color:Cat Face}; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -o-transform: rotate(200deg); font-size: 15px; }
- #catear2 { position: fixed; margin-top: -6px; margin-left: 34px; color: {color:Cat Face}; -webkit-transform: rotate(247deg); -moz-transform: rotate(247deg); -o-transform: rotate(247deg); font-size: 15px; }
- #cateye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Cat Features}; }
- #cateye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Cat Features}; }
- #catnose { position: fixed; font-size: 6px; margin-left: 23px; margin-top: 20px; color: {color:Cat Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
- #catmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Cat Features}; }
- #catmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Cat Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
- #catmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Cat Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
- #catwhisker1 { width: 2px; height: 8px; margin-top: 22px; margin-left: 10px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); }
- #catwhisker2 { width: 2px; height: 8px; margin-top: 26px; margin-left: 10px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(260deg); -moz-transform: rotate(260deg); -o-transform: rotate(260deg); }
- #catwhisker3 { width: 2px; height: 8px; margin-top: 22px; margin-left: 42px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -o-transform: rotate(80deg); }
- #catwhisker4 { width: 2px; height: 8px; margin-top: 26px; margin-left: 42px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); }
- #catbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Cat Face}; }
- #catbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Cat Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
- #catbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: {color:Cat Navigation Link}; }
- /* -- NAVIGATION - RABBIT -- */
- #rabbit { position: fixed; height: 45px; width: 55px; background-color: {color:Rabbit Face}; border-radius: 55px; margin-left: 65px; -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; }
- #rabbit:hover { margin-top: -57px; }
- #rabbitear1 { width: 20px; height: 40px; position: fixed; margin-top: -16px; margin-left: 5px; background-color: {color:Rabbit Face}; font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
- #rabbitear2 { width: 20px; height: 40px; position: fixed; margin-top: -16px; margin-left: 30px; background-color: {color:Rabbit Face}; font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
- #rabbiteye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Rabbit Features}; }
- #rabbiteye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Rabbit Features}; }
- #rabbitnose { position: fixed; font-size: 6px; margin-left: 23px; margin-top: 20px; color: {color:Rabbit Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
- #rabbitmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Rabbit Features}; }
- #rabbitmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Rabbit Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
- #rabbitmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Rabbit Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
- #rabbitbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Rabbit Face}; }
- #rabbitbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Rabbit Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
- #rabbitbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: {color:Rabbit Navigation Link}; }
- /* -- NAVIGATION - BEAR -- */
- #bear { position: fixed; height: 45px; width: 55px; background-color: {color:Bear Face}; border-radius: 55px; margin-left: 130px; -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; }
- #bear:hover { margin-top: -57px; }
- #bearear1 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: -1px; background-color: {color:Bear Face}; font-size: 15px; border-radius: 20px; }
- #bearear2 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: 35px; background-color: {color:Bear Face}; font-size: 15px; border-radius: 20px; }
- #beareye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Bear Features}; }
- #beareye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Bear Features}; }
- #bearnose { width: 4px; height: 4px; position: fixed; margin-left: 25px; margin-top: 23px; background-color: {color:Bear Features}; border-radius: 10px; }
- #bearmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Bear Features}; }
- #bearmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Bear Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
- #bearmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Bear Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
- #bearbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Bear Face}; }
- #bearbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Bear Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;text-align: center; }
- #bearbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: {color:Bear Navigation Link}; }
- /* -- NAVIGATION - PANDA -- */
- #panda { position: fixed; height: 45px; width: 55px; background-color: {color:Panda Face}; border-radius: 55px; margin-left: 195px; -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; }
- #panda:hover { margin-top: -57px; }
- #pandaear1 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: -1px; background-color: {color:Panda Face}; font-size: 15px; border-radius: 20px; }
- #pandaear2 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: 35px; background-color: {color:Panda Face}; font-size: 15px; border-radius: 20px; }
- #pandaeye1 { margin-top: 17px; margin-left: 9px; position: fixed; width: 12px; height: 8px; border-radius: 10px; background-color: {color:Panda Features}; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -o-transform: rotate(150deg); }
- #pandaeye2 { margin-top: 17px; margin-left: 33px; position: fixed; width: 12px; height: 8px; border-radius: 10px; background-color: {color:Panda Features}; -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -o-transform: rotate(210deg); }
- #pandanose { width: 4px; height: 4px; position: fixed; margin-left: 25px; margin-top: 23px; background-color: {color:Panda Features}; border-radius: 10px; }
- #pandamouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Panda Features}; }
- #pandamouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Panda Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
- #pandamouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Panda Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
- #pandabody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Panda Face}; }
- #pandabody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Panda Body};-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
- #pandabody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: {color:Panda Navigation Link}; }
- /* ENTRIES */
- #container1 {
- position: fixed;
- width: 470px;
- height: 500px;
- overflow: hidden;
- overflow: auto;
- margin-left: 330px;
- background-color: {color:Entries Column BG};
- background-image: url('{image:Entries Column BG}');
- border-left: 2px dotted {color:Entries Column Border};
- }
- #entriesbg {
- padding: 10px;
- }
- .entry {
- font-family: {font:Entries};
- position: relative;
- background-color: {color:Entries};
- box-shadow: 0px 0px 0px 10px {color:Entries};
- border: 2px dotted {color:Entries Border};
- color: {color:Entries Text};
- width: 400px;
- padding: 10px;
- font-size: {text:Entries Text Size}px;
- line-height: 20px;
- text-align: justify;
- margin-bottom: 30px;
- left: 10px;
- top: 10px;
- word-wrap: break-word;
- }
- .entry img {
- max-width: 100%;
- }
- #entrytitle {
- font-family: Oranienbaum;
- font-size: 16px;
- text-align: center;
- letter-spacing: 1px;
- padding: 3px;
- color: {color:Entries Title Text};
- background-color: {color:Entries Title BG};
- border: 1px solid {color:Entries Title Border};
- box-shadow: 0px 0px 0px 4px {color:Entries Title BG};
- border-radius: 20px;
- margin-bottom: 10px;
- }
- #entrytitle1 {
- font-family: Oranienbaum;
- font-size: 16px;
- text-align: center;
- letter-spacing: 1px;
- padding: 3px;
- background-color: {color:Entries Link Title BG};
- border: 1px solid {color:Entries Link Title Border};
- box-shadow: 0px 0px 0px 4px {color:Entries Link Title BG};
- border-radius: 20px;
- margin-bottom: 10px;
- }
- #entrytitle1 a {
- color: {color:Entries Link Title Text};
- text-decoration: none;
- }
- #entrytitle1 a:hover {
- color: {color:Entries Link Title Text Hover};
- }
- blockquote {
- border-left: 5px solid {color:Blockquote Border};
- color: {color:Blockquote Text};
- padding: 0px 5px 0px 5px;
- }
- /* PERMALINK */
- #permalink {
- padding: 5px;
- font-family: {font:Permalink};
- text-transform: uppercase;
- font-size: {text:Permalink Text Size}px;
- letter-spacing: 1px;
- text-align: center;
- line-height: 16px;
- color: {color:Permalink Text};
- background-color: {color:Permalink BG};
- border-radius: 60px;
- margin-top: 10px;
- background-image: url('{image:Permalink BG}');
- }
- #permalink a {
- color: {color:Permalink Links};
- }
- #permalink a:hover {
- color: {color:Permalink Links Hover};
- }
- span.time {
- padding: 2px;
- background-color: {color:Time Text Highlight};
- }
- span.notes {
- padding: 2px;
- background-color: {color:Notes Text Highlight};
- }
- span.tags {
- padding: 2px;
- background-color: {color:Tags Text Highlight};
- }
- span.source {
- padding: 2px;
- background-color: {color:Source Text Highlight};
- }
- ol.notes {
- margin-top: 20px;
- margin-left: -25px;
- padding-bottom: 5px;
- font-size: 9px;
- text-align: left;
- list-style-type: none;
- letter-spacing: 1px;
- max-height: 250px;
- overflow: auto;
- }
- ol.notes img {
- margin-right: 5px;
- }
- /* PAGINATION */
- #pagination {
- {block:PermalinkPage}bottom: -35px;{/block:PermalinkPage}
- position: absolute;
- z-index: 9999;
- font-family: helvetica neue;
- font-size: 10px;
- padding: 2px;
- text-align: center;
- margin-top: 10px;
- margin-bottom: 30px;
- width: 450px;
- }
- #pagination a {
- display: inline-block;
- font-size: 10px;
- padding: 3px 5px 3px 5px;
- margin: 2px;
- margin-bottom: 10px;
- background-color: {color:Pagination Link BG};
- text-align: center;
- color: {color:Pagination Link Text};
- }
- span.pagination {
- padding: 3px 5px 3px 5px;
- background-color: {color:Pagination Current Page BG};
- color: {color:Pagination Current Page Text};
- }
- /* CHAT */
- #label {
- background-color: {color:Chat Label BG};
- color: {color:Chat Label Text};
- padding: 3px;
- min-width: 80px;
- }
- #line {
- background-color: {color:Chat Line BG};
- color: {color:Chat Line Text};
- padding: 3px;
- min-width: 300px;
- }
- /* QUOTE */
- #quote {
- font-family: Oranienbaum;
- font-size: 16px;
- letter-spacing: 1px;
- padding: 10px 12px 10px 12px;
- }
- /* AUDIO */
- #audio img {
- width: 80px;
- float: left;
- padding: 5px;
- background-color: {color:Entries};
- border: 2px solid {color:Entries Border};
- margin: 0px 10px 5px 0px;
- }
- #player {
- position: absolute;
- width: 28px;
- height: 28px;
- overflow: hidden;
- margin: 34px 0px 0px 34px;
- opacity: 0.6;
- -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;
- }
- #player:hover {
- opacity: 1;
- }
- /* ASK */
- #portrait img {
- float: left;
- border-radius: 20px;
- }
- #ask {
- background-color: {color:Ask Background};
- background-image: url('{image:Ask Background}');
- margin-left: 45px;
- padding: 10px;
- color: {color:Ask Text};
- border-radius: 20px;
- }
- span.ask {
- padding: 3px;
- margin: 3px;
- background-color: {color:Asker Highlight};
- color: {color:Asker Text};
- }
- #ask a {
- color: {color:Asker Text};
- }
- /* PHOTO HOVER */
- {block:IfImageFade}.photo {
- opacity: .7;
- -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;
- }
- .photo:hover {
- opacity: 1;
- }
- .entry img {
- opacity: .7;
- -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;
- }
- .entry img:hover {
- opacity: 1;
- }{/block:IfImageFade}
- /* MUSIC PLAYER */
- #musicplayer {
- position: fixed;
- width: 28px;
- height: 55px;
- margin-left: 3px;
- overflow: hidden;
- background-color: {color:Music Player BG};
- margin-top: -25px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- -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;
- border: 1px solid {color:Music Player Border};
- box-shadow: 0px 0px 0px 3px {color:Music Player BG};
- }
- #musicplayer img {
- margin: 8px 0px 0px 7px;
- }
- #musicplayer:hover {
- margin-top: -55px;
- }
- /* TUMBLR STUFF */
- iframe#tumblr_controls {
- right: 3px !important;
- position: fixed !important;
- opacity: 0.2;
- {block:IfInvertedTumblrIcons}white-space: nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);{/block:IfInvertedTumblrIcons}
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- iframe#tumblr_controls:hover {
- opacity: 0.7;
- }
- #credit {
- position: fixed;
- bottom: 8px;
- left: 8px;
- font-size: 10px;
- }
- #credit a {
- color: #aaa;
- text-shadow: 1px 1px 1px #fff;
- }
- </style>
- </head><body>
- <div id="container">
- <div id="sidebar">
- {block:IfMusicPlayerCode}
- <div id="musicplayer"><img src="{image:Music Player Image}">
- <div style="margin-left: -15px">
- {text:Music Player Code}
- </div></div>
- {/block:IfMusicPlayerCode}
- {block:IfShowAnimals}
- <div id="animals">
- <div id="cat">
- <div id="catear1">◢</div><div id="catear2">◢</div>
- <div id="cateye1"></div><div id="cateye2"></div>
- <div id="catnose">◢</div>
- <div id="catmouth1"></div><div id="catmouth2"></div><div id="catmouth3"></div>
- <div id="catwhisker1"></div><div id="catwhisker2"></div><div id="catwhisker3"></div><div id="catwhisker4"></div>
- <div id="catbody"></div><div id="catbody2"><a href="/">home</a></div>
- </div>
- <div id="rabbit">
- <div id="rabbitear1"></div><div id="rabbitear2"></div>
- <div id="rabbiteye1"></div><div id="rabbiteye2"></div>
- <div id="rabbitnose">◢</div>
- <div id="rabbitmouth1"></div><div id="rabbitmouth2"></div><div id="rabbitmouth3"></div>
- <div id="rabbitbody"></div><div id="rabbitbody2"><a href="/ask">message</a></div>
- </div>
- <div id="bear">
- <div id="bearear1"></div><div id="bearear2"></div>
- <div id="beareye1"></div><div id="beareye2"></div>
- <div id="bearnose"></div>
- <div id="bearmouth1"></div><div id="bearmouth2"></div><div id="bearmouth3"></div>
- <div id="bearbody"></div><div id="bearbody2"><a href="/archive">archive</a></div>
- </div>
- <div id="panda">
- <div id="pandaear1"></div><div id="pandaear2"></div>
- <div id="pandaeye1"></div><div id="pandaeye2"></div>
- <div id="pandanose"></div>
- <div id="pandamouth1"></div><div id="pandamouth2"></div><div id="pandamouth3"></div>
- <div id="pandabody"></div><div id="pandabody2"><a href="http://www.cocorini.com">theme</a></div>
- </div>
- </div>
- {/block:IfShowAnimals}
- <div id="sidebarbg">
- <div id="titlebg"><div id="title"><a href="/">{Title}</a><div id="subtitle">{text:Subtitle}</div></div>
- {block:IfNotShowAnimals}
- <div id="navi"><a href="/">home</a>
- <a href="/ask">message</a>
- <a href="/archive">archive</a>
- <a href="http://www.cocorini.com/" target="_blank">theme</a>
- </div>{/block:IfNotShowAnimals}
- </div>
- <div id="sidebarplace">
- <div id="sidebarimg"><img src="{image:Sidebar Image}"></div>
- <div id="description">{Description}</div></div>
- {block:IfCustomLink1}<div id="sidebarbottom">
- <select onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">{text:Custom Links Title} →</option>
- <option value="{block:ifCustomLink1URL}{text:Custom Link 1 URL}{/block:ifCustomLink1URL}">{text:Custom Link 1}</option>{/block:IfCustomLink1}
- {block:IfCustomLink2}<option value="{block:ifCustomLink2URL}{text:Custom Link 2 URL}{/block:ifCustomLink2URL}">{text:Custom Link 2}</option>{/block:IfCustomLink2}
- {block:IfCustomLink3}<option value="{block:ifCustomLink3URL}{text:Custom Link 3 URL}{/block:ifCustomLink3URL}">{text:Custom Link 3}</option>{/block:IfCustomLink3}
- {block:IfCustomLink4}<option value="{block:ifCustomLink4URL}{text:Custom Link 4 URL}{/block:ifCustomLink4URL}">{text:Custom Link 4}</option>{/block:IfCustomLink4}
- {block:IfCustomLink5}<option value="{block:ifCustomLink5URL}{text:Custom Link 5 URL}{/block:ifCustomLink5URL}">{text:Custom Link 5}</option>{/block:IfCustomLink5}
- {block:IfCustomLink6}<option value="{block:ifCustomLink6URL}{text:Custom Link 6 URL}{/block:ifCustomLink6URL}">{text:Custom Link 6}</option>{/block:IfCustomLink6}
- {block:IfCustomLink7}<option value="{block:ifCustomLink7URL}{text:Custom Link 7 URL}{/block:ifCustomLink7URL}">{text:Custom Link 7}</option>{/block:IfCustomLink7}
- {block:IfCustomLink8}<option value="{block:ifCustomLink8URL}{text:Custom Link 8 URL}{/block:ifCustomLink8URL}">{text:Custom Link 8}</option>{/block:IfCustomLink8}
- {block:IfCustomLink9}<option value="{block:ifCustomLink9URL}{text:Custom Link 9 URL}{/block:ifCustomLink9URL}">{text:Custom Link 9}</option>{/block:IfCustomLink9}
- {block:IfCustomLink10}<option value="{block:ifCustomLink10URL}{text:Custom Link 10 URL}{/block:ifCustomLink10URL}">{text:Custom Link 10}</option>{/block:IfCustomLink10}
- </select>
- </div></div></div>
- <div id="container1">
- <div id="entriesbg">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}">{LinkCloseTag}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="photo">{Photoset-400}</div>
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:Photoset}
- {block:Audio}
- {block:AlbumArt}<div id="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
- <div id="player">{AudioPlayerGrey}</div>
- {block:Artist}<b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br /><b>Album:</b> {Album}{/block:Album} {block:TrackName}<br /><b>Track:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}
- <br><br>
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:Video}
- {block:Quote}
- <div id="quote">{Quote}</div>
- <div style="text-align: right; font-size: 9px; font-style: italic; padding-top: 3px;">—{Source}</div>
- {/block:Quote}
- {block:Link}
- <div id="entrytitle1"><t><a href="{URL}" {Target}>{Name}</a></t></div>
- {Description}
- {/block:Link}
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- <table>
- {block:Lines}<tr><td>{block:Label}<div id="label">{Label}</div>{/block:Label}</td> <td><div id="line">{Line}</div></td></tr>{/block:Lines}
- </table>
- {/block:Chat}
- {block:Answer}
- <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
- <div id="ask"><span class="ask">{Asker}</span> {Question}</div>
- {Answer}
- {/block:Answer}
- {block:IndexPage}
- <div id="permalink">
- {block:Date}<span class="time"><img src="http://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{TimeAgo}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="http://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
- {block:IfShowLikeReblog}<div style="position: absolute; margin-left: 351px; margin-top: -15px;">{LikeButton size="13"}</div>
- <div style="position: absolute; margin-left: 370px; margin-top: -15px;">{ReblogButton size="13"}</div>{/block:IfShowLikeReblog}
- {block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="http://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:IfNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotShowCaptions}
- {block:Date}<div id="permalink"><span class="time"><img src="http://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="http://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
- {block:RebloggedFrom}<br><span class="source">source: <a href="{ReblogRootURL}">{ReblogRootName}</a></span> <span class="source">via: <a href="{ReblogParentURL}">{ReblogParentName}</a></span>{/block:RebloggedFrom}
- {block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="http://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <div id="pagination"></div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage} <span class="current_page"><span class="pagination">{PageNumber}</span></span> {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div><div></div></div>
- <div id="credit"><a href="http://www.cocorini.com" target="_blank">☂</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement