Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!---------------- DO NOT REMOVE THE CREDIT | DO NOT USE AS A BASE | DO NOT REPOST | DO NOT CLAIM AS YOURS ---------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!------------------------------------------------------------------------------------------------------------------------------
- >>> T H E M E B Y R O X I E <<<
- Theme by Roxie | roxiestheme.tumblr.com
- 2016 ⓒ All Rights Reserved.
- ------------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!---------------- DO NOT REMOVE THE CREDIT | DO NOT USE AS A BASE | DO NOT REPOST | DO NOT CLAIM AS YOURS ---------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <head>
- <meta name="image:Header Image" content="" />
- <meta name="color:Background Color" content="#eeeeee" />
- <meta name="color:Post Background Color" content="#ffffff" />
- <meta name="color:Header Background Color" content="#000000" />
- <meta name="color:Main Color" content="#7b7978" />
- <meta name="color:Color One" content="#470001">
- <meta name="color:Color Two" content="#6b0103">
- <meta name="color:Color Three" content="#a30006">
- <meta name="color:Color Four" content="#c21a01">
- <meta name="text:Blog Title" content="" />
- <meta name="text:Short Description" content="" />
- <meta name="text:Link 1 Title" content="index" />
- <meta name="text:Link 1 Url" content="/" />
- <meta name="text:Link 2 Title" content="message" />
- <meta name="text:Link 2 Url" content="/ask" />
- <meta name="text:Link 3 Title" content="" />
- <meta name="text:Link 3 Url" content="" />
- <meta name="text:Link 4 Title" content="" />
- <meta name="text:Link 4 Url" content="" />
- <meta name="text:Link 5 Title" content="" />
- <meta name="text:Link 5 Url" content="" />
- <meta name="text:Link 6 Title" content="" />
- <meta name="text:Link 6 Url" content="" />
- <meta name="text:Category 1 Title" content="about" />
- <meta name="text:Category 2 Title" content="links" />
- <meta name="text:Category 3 Title" content="members" />
- <meta name="text:Category 4 Title" content="site info" />
- <meta name="text:Category 1 Content" content="" />
- <meta name="text:SideLink 1 Title" content="" />
- <meta name="text:SideLink 1 Url" content="" />
- <meta name="text:SideLink 2 Title" content="" />
- <meta name="text:SideLink 2 Url" content="" />
- <meta name="text:SideLink 3 Title" content="" />
- <meta name="text:SideLink 3 Url" content="" />
- <meta name="text:SideLink 4 Title" content="" />
- <meta name="text:SideLink 4 Url" content="" />
- <meta name="text:Category 4 Content" content="" />
- <meta name="if:Sticky Sidebar" content="0" />
- <meta name="if:Show Category 2" content="0" />
- <meta name="if:Show Category 3" content="1" />
- <meta name="if:Show Category 4" content="1" />
- <meta name="if:Show Search Bar" content="0" />
- <meta name="select:Header Height" content="350px" title="350px">
- <meta name="select:Header Height" content="300px" title="300px">
- <meta name="select:Header Height" content="400px" title="400px">
- <meta name="select:Header Height" content="450px" title="450px">
- <meta name="select:Header Height" content="500px" title="500px">
- <meta name="select:Sidebar Position" content="left" title="Left Sidebar">
- <meta name="select:Sidebar Position" content="right" title="Right Sidebar">
- <title>prev. gamon-yuuta</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-------------------------------------------------------------------->
- <!-------------------------- GOOGLE WEB FONT ------------------------->
- <link href='https://fonts.googleapis.com/css?family=Nunito:400,700,300' rel='stylesheet' type='text/css'>
- <!-------------------------- GOOGLE WEB FONT ------------------------->
- <!-------------------------------------------------------------------->
- <style type="text/css">
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*------------------------------ ICONS ------------------------------*/
- @font-face {
- font-family:icons;
- src:url('https://dl.dropboxusercontent.com/s/hkyexsbsc1bvu5g/theme54.ttf');
- }
- /*------------------------------ ICONS ------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*------------------------------ BASIC ------------------------------*/
- html, body {
- font-family: 'Nunito', sans-serif;
- background:{color:Background Color};
- margin:0px;
- padding:0px;
- }
- /* LINKS BASIC */
- a{
- color:{color:Color Three};
- }
- a:hover{
- color:{color:Color Two};
- }
- a, a:hover, a:active{
- text-decoration:none;
- -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;
- }
- /* LIST BASIC */
- ul, menu, dir{
- -webkit-margin-before:0px !important;
- -webkit-margin-after:0px !important;
- -webkit-margin-start:0px !important;
- -webkit-margin-end:0px!important;
- -webkit-padding-start:0px !important;
- }
- /* TOOLTIPS */
- #s-m-t-tooltip{
- position:absolute;
- z-index:999999;
- margin-top:5px;
- margin-left:10px;
- display:block;
- padding:5px 8px;
- background:{color:Color One};
- font-family: 'Nunito', sans-serif;
- font-size:8px;
- color:{color:Post Background Color};
- letter-spacing:1px;
- text-transform:uppercase;
- }
- /* SCROLL BAR */
- ::-webkit-scrollbar-thumb {
- width:5px;
- background-color:{color:Color Three};
- }
- ::-webkit-scrollbar {
- width:5px;
- background-color:{color:Background Color};
- }
- /* SELECTION */
- ::-moz-selection { /* Code for Firefox */
- color:{color:Background Color};
- background-color:{color:Color Two};
- }
- ::selection {
- color:{color:Background Color};
- background-color:{color:Color Two};
- }
- /* TUMBLR CONTROLS */
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
- z-index:99999999;
- position:fixed;
- }
- /*------------------------------ BASIC ------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------- HEADER -----------------------------*/
- #header{
- width:100%;
- height:{select:Header Height};
- position:absolute;
- top:0px;
- left:0px;
- background-position:center;
- background-color:{color:Header Background Color};
- background-image:url('{image:Header Image}');
- background-repeat:no-repeat;
- }
- /*----------------------------- HEADER -----------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*---------------------------- CONTAINER ----------------------------*/
- #container{
- margin:auto;
- margin-top:calc({select:Header Height} + 100px);
- width:900px;
- }
- /*---------------------------- CONTAINER ----------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------- TOPBAR -----------------------------*/
- .top{
- top:{select:Header Height};
- left:0px;
- position:absolute;
- width:100%;
- height:70px;
- }
- .sticky{
- position:fixed;
- top:0px;
- z-index:99999;
- }
- #topbar{
- position:absolute;
- left:0px;
- width:100%;
- height:70px;
- z-index:99999;
- text-align:center;
- font-family: 'Nunito', sans-serif;
- background-color:{color:Post Background Color};
- border-bottom:1px solid {color:Background Color};
- }
- /* TOPBAR LINKS */
- #topbar .links{
- width:450px;
- position:absolute;
- }
- #topbar .links a{
- display:block;
- height:67px;
- font-size:9px;
- font-weight:400;
- letter-spacing:2px;
- text-transform:uppercase;
- line-height:70px;
- color:{color:Main Color};
- padding:0px 2px 0px 5px;
- margin:0px 20px;
- border-bottom:3px solid transparent;
- }
- #topbar .links a:hover{
- color:{color:Color Three};
- border-bottom:3px solid {color:Color Three};
- }
- #topbar .links-left{
- left:calc(50% - 470px);
- }
- #topbar .links-left a{
- float:left;
- }
- #topbar .links-right{
- right:calc(50% - 470px);
- }
- #topbar .links-right a{
- float:right;
- }
- /* DESCRIPTION */
- #desc{
- position:absolute;
- left:calc(50% - 100px);
- bottom:0px;
- display:block;
- width:150px;
- background-color:{color:Post Background Color};
- padding:25px;
- color:{color:Main Color};
- font-weight:300;
- font-size:10.5px;
- overflow:hidden
- letter-spacing:0.5px;
- line-height:150%;
- text-align:center;
- border-radius:3px;
- z-index:999;
- -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;
- }
- #desc h1{
- font-size:16px;
- font-weight:700;
- text-transform:uppercase;
- letter-spacing:1px;
- margin:25px 0px 10px 0px;
- color:{color:Color Two};
- }
- #desc img.icon{
- width:96px;
- height:96px;
- border-radius:3px;
- display:block;
- position:absolute;
- top:-60px;
- left:52px;
- }
- .sticky #desc{
- z-index:-1;
- opacity:0;
- -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;
- }
- /* STICKY */
- #sticky{
- width:200px;
- position:absolute;
- left:calc(50% - 100px);
- top:-10px;
- text-align:left;
- opacity:0;
- color:{color:Main Color};
- -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;
- }
- #sticky h1{
- font-size:16px;
- font-weight:700;
- text-transform:uppercase;
- letter-spacing:1px;
- margin:5px 0px 0px 0px;
- line-height:100%;
- color:{color:Color Two};
- }
- #sticky h2{
- font-size:7px;
- font-weight:400;
- text-transform:uppercase;
- letter-spacing:1px;
- margin:0px;
- }
- #sticky img{
- width:50px;
- height:50px;
- border-radius:3px;
- display:block;
- float:left;
- margin-right:10px;
- }
- .sticky #sticky{
- top:10px;
- opacity:1;
- -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;
- }
- /*----------------------------- TOPBAR -----------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------- SIDEBAR -----------------------------*/
- #sidebar{
- {block:IfStickySidebar}padding-top:120px;{/block:IfStickySidebar}
- width:270px;
- {select:Sidebar Position}:calc(50% - 450px);
- position:absolute;
- }
- /* CATEGORY */
- #sidebar .category{
- background-color:{color:Post Background Color};
- color:{color:Main Color};
- font-family:'Helvetica', sans-serif;
- font-size:10.5px;
- font-weight:300;
- padding:15px;
- border-radius:3px;
- letter-spacing:1px;
- margin-bottom:20px;
- line-height:150%;
- text-align:justify;
- }
- {block:IfNotShowCategory2}.category2{display:none;}{/block:IfNotShowCategory2}
- {block:IfNotShowCategory3}.category3{display:none;}{/block:IfNotShowCategory3}
- {block:IfNotShowCategory4}.category4{display:none;}{/block:IfNotShowCategory4}
- #sidebar .category h1{
- font-family: 'Nunito', sans-serif;
- font-size:14px;
- font-weight:700;
- letter-spacing:1px;
- margin:0px 0px 10px 0px;
- padding:0px 0px 10px 0px;
- line-height:100%;
- color:{color:Color Two};
- text-transform:uppercase;
- border-bottom:1px solid {color:Background Color};
- }
- #sidebar .category h1:first-letter{
- color:{color:Color Four};
- }
- /* CATEGORY 2 */
- #sidebar .category2 h1{
- margin:0px;
- }
- #sidebar .category2 a{
- display:block;
- margin:0px;
- border-bottom:1px solid {color:Background Color};
- padding:10px 0px;
- line-height:100%;
- letter-spacing:1px;
- color:{color:Main Color};
- font-family: 'Nunito', sans-serif;
- font-size:10px;
- text-align:left;
- text-transform:uppercase;
- }
- #sidebar .category2 a:hover{
- color:{color:Color Three};
- font-weight:400;
- letter-spacing:1.5px;
- }
- #sidebar .category2 a:last-child{
- padding-bottom:0px;
- border:none;
- }
- /* CATEGORY 3 */
- #sidebar .category3 section{
- display:block;
- margin-bottom:5px;
- height:30px;
- }
- #sidebar .category3 section:last-child{
- margin:0px;
- }
- #sidebar .category3 img{
- width:30px;
- height:30px;
- margin:0px 10px 0px 0px;
- border-radius:3px;
- display:block;
- float:left;
- }
- #sidebar .category3 h3{
- font-size:12px;
- font-weight:700;
- font-family: 'Nunito', sans-serif;
- text-transform:uppercase;
- margin:0px;
- padding:1px 0px 0px 0px;
- }
- /* SEARCH BAR */
- #sidebar .category input{
- display:block;
- width:215px;
- padding:5px 0px 0px 25px;
- border:none;
- outline:none;
- overflow:hidden;
- color:{color:Main Color};
- font-family:'Nunito', sans-serif;
- font-size:10px;
- font-weight:300;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- #sidebar .category input.sbutton{
- float:left;
- cursor:pointer;
- padding:0px;
- width:20px;
- margin-top:-17px;
- outline:none;
- border:none;
- font-family:'icons';
- text-align:center;
- line-height:20px;
- font-size:12px;
- color:{color:Main Color};
- z-index:9;
- background:transparent;
- }
- ::-webkit-input-placeholder{opacity:0.5;}
- ::-moz-input-placeholder{opacity:0.5;}
- ::-o-input-placeholder{opacity:0.5;}
- ::-ms-input-placeholder{opacity:0.5;}
- /* PAGINATION */
- #pagination{
- font-family:'Helvetica', sans-serif;
- margin-top:20px;
- font-size:10px;
- text-align:center;
- }
- #pagination a{
- display:inline-block;
- padding:5px;
- width:15px;
- height:15px;
- background-color:{color:Color Three};
- color:{color:Post Background Color};
- margin:1px;
- line-height:130%;
- border-radius:3px;
- }
- #pagination .current{
- display:inline-block;
- padding:5px;
- width:15px;
- height:15px;
- background-color:{color:Color One};
- color:{color:Post Background Color};
- margin:1px;
- line-height:130%;
- border-radius:3px;
- }
- #pagination a:hover{
- background-color:{color:Color Four};
- color:{color:Post Background Color};
- text-decoration:none;
- }
- /* FOOTER */
- #footer{
- margin:20px 0px;
- font-family: 'Helvetica', sans-serif;
- font-size:7px;
- font-weight:400;
- text-align:center;
- color:{color:Main Color};
- text-transform:uppercase;
- line-height:180%;
- letter-spacing:1.5px;
- }
- /*----------------------------- SIDEBAR -----------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*------------------------------ POSTS ------------------------------*/
- #posts{
- margin-{select:Sidebar Position}:320px;
- width:580px;
- }
- /* SINGLE POST */
- #post{
- margin-bottom:30px;
- overflow:hidden;
- background-color:{color:Post Background Color};
- padding:20px;
- width:540px;
- border-radius:3px;
- }
- /* POSTCONTENT BASIC */
- #postcontent{
- font-family:'Helvetica', sans-serif;
- font-weight:400;
- font-size:11px;
- width:540px;
- padding:20px 0px;
- color:{color:Main Color};
- text-align:justify;
- letter-spacing:0.5px;
- line-height:150%;
- }
- /* POST MEDIA */
- #postmedia{
- width:540px;
- overflow:hidden;
- border-radius:3px;
- display:block;
- }
- #postmedia .width_fix iframe{
- width:540px !important;
- }
- /* POST IMAGES */
- #postcontent img{
- max-width:100%;
- height:auto;
- }
- /* FIX IMAGE FIGURE */
- #postcontent figure{
- margin-top:10px;
- max-width:100%;
- height:auto;
- }
- /* POST LINKS */
- #postcontent a{
- color:{color:Color Three};
- }
- #postcontent a:hover{
- color:{color:Color Two};
- }
- /* POST TITLE */
- #postcontent .posttitle{
- font-family: 'Nunito', sans-serif;
- font-weight:400;
- font-size:28px;
- letter-spacing:0px;
- text-align:justify;
- line-height:150%;
- margin-top:-10px;
- color:{color:Main Color};
- }
- /* BLOCKQUOTE */
- #postcontent blockquote{
- width:calc(100% - 23px);
- max-width:calc(100% - 23px);
- margin-left:0px;
- padding-left:10px;
- border-left:2px solid {color:Color Three};
- }
- /* PARAGRAPH */
- #postcontent p{
- margin-top:3px;
- }
- /* HIGHLIGHT */
- #postcontent h2{
- font-family: 'Nunito', sans-serif;
- font-weight:400;
- font-size:20px;
- color:{color:Color Two};
- margin-bottom:15px;
- }
- /* LIST */
- #postcontent ol{
- margin:0px 0px 10px 15px !important;
- }
- #postcontent ul{
- list-style-type:disc;
- margin:0px 0px 10px 15px !important;
- }
- #postcontent .caption{
- margin-top:10px;
- margin-bottom:-10px;
- }
- /* LINK POSTS */
- #postcontent .link-button {
- background:#f2f2f2;
- word-break:break-word;
- overflow:hidden;
- display:block;
- position:relative;
- text-decoration:none;
- margin-bottom:10px;
- }
- #postcontent .info-container{
- padding:20px 20px 0;
- overflow:hidden;
- }
- #postcontent .publisher-container{
- margin-top:-4px;
- margin-bottom:17px;
- display:block;
- font-size:13px;
- line-height:16px;
- font-weight:700;
- word-break:break-all;
- position:absolute;
- top:20px;
- left:20px;
- right:20px;
- }
- #postcontent .publisher-container .publisher{
- line-height:16px;
- font-size:8px;
- font-weight:500;
- color:{color:Post Background Color};
- text-shadow:1px 1px 0px rgba(0,0,0,0.1);
- text-transform:uppercase;
- letter-spacing:2px;
- display:inline-block;
- margin:0px;
- }
- #postcontent .publisher-container .publisher:before{
- font-size:12px;
- float:left;
- line-height:12px;
- margin-right:5px;
- font-family:'icons';
- content:'\e905';
- }
- #postcontent .info-container{
- padding:20px 20px 0;
- overflow:hidden;
- }
- #postcontent .info-container .title{
- margin-top:-5px;
- margin-bottom:10px;
- display:block;
- font-family: 'Nunito', sans-serif;
- font-size:18px;
- letter-spacing:0px;
- line-height:130%;
- color:{color:Color One};
- }
- #postcontent .info-container .title:after{
- padding-left:5px;
- white-space:nowrap;
- display:inline;
- vertical-align:middle;
- font-family:'icons';
- content: "\e906";
- }
- #postcontent .info-container .excerpt{
- margin-top:-5px;
- margin-bottom:14px;
- display:block;
- font-size:10px;
- line-height:130%;
- color:{color:Main Color};
- }
- /* QUOTES */
- #postcontent .quotes{
- font-family: 'Nunito', sans-serif;
- font-weight:400;
- font-size:28px;
- letter-spacing:0px;
- line-height:130%;
- margin-top:-5px;
- color:{color:Main Color};
- }
- #postcontent .quotes:before{
- font-family:'icons';
- content:'\e903';
- margin-right:8px;
- color:{color:Color Two};
- }
- #postcontent .quotes:after{
- font-family:'icons';
- content:'\e904';
- margin-left:8px;
- color:{color:Color Two};
- }
- /* ASKS */
- #postcontent .askimg img{
- display:block;
- width:80px;
- height:80px;
- border:15px solid {color:Color Three};
- margin:-15px 20px 10px -20px;
- float:left;
- }
- #postcontent .askers{
- display:block;
- margin-left:-130px;
- margin-top:95px;
- margin-right:20px;
- float:left;
- background-color:{color:Color Two};
- width:110px;
- height:15px;
- line-height:13px;
- padding:10px 0px;
- color:{color:Post Background Color};
- font-size:8px;
- letter-spacing:2.5px;
- overflow:hidden;
- text-align:center;
- text-transform:uppercase;
- }
- #postcontent .askers a{
- color:{color:Post Background Color};
- font-size:8px;
- }
- #postcontent .askers:first-letter{
- margin-left:2.5px;
- font-size:12px;
- }
- #postcontent .question{
- display:block;
- padding:15px 20px;
- min-height:115px;
- background-color:#efefef;
- border-radius:3px;
- }
- /* CHATS */
- #postcontent ul.chat, .chat ol, .chat li .chat li{
- list-style:none !important;
- line-height:180%;
- margin-left:0px !important;
- }
- #postcontent span.label{
- font-weight:600;
- color:{color:Color One};
- }
- /* POSTNOTES */
- #postnotes{
- width:540px;
- padding:20px;
- color:{color:Main Color};
- background:{color:Post Background Color};
- font-size:8px;
- text-align:justify;
- line-height:150%;
- margin-top:20px;
- letter-spacing:1px;
- text-transform:uppercase;
- box-shadow:1px 2px 1px rgba(0,0,0,0.03);
- border-radius:3px;
- font-family:'Helvetica', sans-serif;
- border-radius:3px;
- }
- #postnotes ol.notes{
- padding:0px;
- margin:25px 0px;
- list-style-type:none;
- border-bottom:solid 1px {color:Background Color};
- }
- #postnotes ol.notes li.note{
- border-top:solid 1px {color:Background Color};
- padding:10px;
- }
- #postnotes ol.notes li.note img.avatar{
- vertical-align:-4px;
- margin-right:10px;
- width:16px;
- height:16px;
- border-radius:50%;
- }
- /*------------------------------ POSTS ------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*---------------------------- PERMALINK ----------------------------*/
- #permalink{
- width:700px;
- text-align:left;
- text-transform:uppercase;
- font-family:'Helvetica', sans-serif;
- font-size:10px;
- font-weight:400;
- height:30px;
- width:540px;
- overflow:hidden;
- letter-spacing:1px;
- border-bottom:1px solid {color:Background Color};
- }
- /* PERMALINK LINKS */
- #permalink a{
- display:block;
- float:left;
- text-align:left;
- line-height:20px;
- color:{color:Main Color};
- }
- #permalink a:after{
- content:"";
- width:0px;
- height:10px;
- display:block;
- float:left;
- border-left:1px solid {color:Main Color};
- margin:5px 10px 0px 11px;
- opacity:0.3;
- }
- #permalink a:first-child:after{
- display:none;
- }
- #permalink a.notes:before{
- font-family:'icons';
- content:'\e900';
- font-size:13px;
- line-height:22.5px;
- margin-right:5px;
- float:left;
- color:{color:Color Two};
- }
- /* LIKE & REBLOG BUTTONS */
- #permalink ul{
- list-style:none;
- margin-top:-10px;
- }
- #permalink .like_and_reblog_buttons li{
- list-style:none;
- display:block;
- float:right;
- margin:0px;
- margin-left:10px;
- height:30px;
- padding:0px;
- }
- /* TAGS */
- #tags{
- width:540px;
- text-align:left;
- line-height:100%;
- border-top:1px solid {color:Background Color};
- padding-top:20px;
- letter-spacing:0.5px;
- line-height:150%;
- font-family:'Helvetica', sans-serif;
- font-weight:400;
- font-size:9px;
- }
- #tags a{
- display:inline-block;
- color:{color:Main Color};
- margin-left:10px;
- }
- #tags a:hover{
- color:{color:Color Three};
- }
- #tags span{
- color:{color:Main Color};
- text-transform:uppercase;
- display:inline-block;
- font-size:8px;
- letter-spacing:1px;
- margin-right:-5px;
- }
- #tags span:before {
- font-family:'icons';
- font-size:9px;
- line-height:12px;
- content:"\e901";
- margin-right:5px;
- display:block;
- float:left;
- }
- /*---------------------------- PERMALINK ----------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*------------------------------ CREDIT------------------------------*/
- /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
- #credit {
- font-family:Helvetica;
- font-weight:300;
- font-size:12px;
- position:fixed;
- bottom:10px;
- right:10px;
- z-index:99999;
- }
- #credit a{
- display:block;
- color:#fff;
- background:{color:Color Three};
- padding:5px;
- line-height:97%;
- height:10px;
- width:10px;
- overflow:hidden !important;
- text-align:center;
- }
- #credit a:hover{
- padding-right:90px;
- text-decoration:none;
- }
- #thememaker{
- margin-left:15px;
- margin-top:-11px;
- font-size:7px;
- letter-spacing:3px;
- }
- /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
- /*------------------------------ CREDIT------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- /*----------------------------------------------------------------------------------------------------------------------------*/
- {CustomCSS}
- </style><!-- END OF CSS STYLE-->
- </head>
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <body>
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!--------------------- DO NOT REMOVE THE CREDIT --------------------->
- <div id="credit">
- <a href="http://roxiestheme.tumblr.com" target:"_blank">©<div id="thememaker">ROXIESTHEME</div></a>
- </div>
- <!--------------------- DO NOT REMOVE THE CREDIT --------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!-------------------------- START OF HEADER ------------------------->
- <div id="header"></div><!-- HEADER -->
- <!--------------------------- END OF HEADER -------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <div id="container"><!-- SIDEBAR + POSTS -->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!-------------------------- START OF SIDEBAR ------------------------->
- <div class="top">
- <div id="topbar">
- <div id="desc">
- <img src="https://i.imgsafe.org/069fc7b7fa.png" class="icon">
- {block:IfBlogTitle}<h1>Take my hand and run with me</h1>{/block:IfBlogTitle}
- {block:IfNotBlogTitle}<h1>I want to hear your voice</h1>{/block:IfNotBlogTitle}
- Just let me know that you'll be here, always right by my side
- </div><!-- DESC -->
- <div class="links links-left">
- {block:IfLink1Title}<a href="{text:Link 1 Url}">{text:Link 1 Title}</a>{/block:IfLink1Title}
- {block:IfLink2Title}<a href="{text:Link 2 Url}">{text:Link 2 Title}</a>{/block:IfLink2Title}
- {block:IfLink3Title}<a href="{text:Link 3 Url}">{text:Link 3 Title}</a>{/block:IfLink3Title}
- </div>
- <div class="links links-right">
- {block:IfLink6Title}<a href="{text:Link 6 Url}">{text:Link 6 Title}</a>{/block:IfLink6Title}
- {block:IfLink5Title}<a href="{text:Link 5 Url}">{text:Link 5 Title}</a>{/block:IfLink5Title}
- {block:IfLink4Title}<a href="{text:Link 4 Url}">{text:Link 4 Title}</a>{/block:IfLink4Title}
- </div><!-- LINKS -->
- <div id="sticky">
- <img src="https://i.imgsafe.org/069fc7b7fa.png">
- {block:IfBlogTitle}<h1>{text:Blog Title}</h1>{/block:IfBlogTitle}
- {block:IfNotBlogTitle}<h1>You're the freedom that found me</h1>{/block:IfNotBlogTitle}
- {block:IfShortDescription}<h2>{text:Short Description}</h2>{/block:IfShortDescription}
- </div><!-- STICKY -->
- </div><!-- TOPBAR -->
- {block:IfNotStickySidebar}
- </div><!-- TOP -->
- <script>
- var header = document.querySelector('.top');
- var origOffsetY = header.offsetTop;
- function onScroll(e) {
- window.scrollY >= origOffsetY ? header.classList.add('sticky') :
- header.classList.remove('sticky');
- }
- document.addEventListener('scroll', onScroll);
- </script>
- {/block:IfNotStickySidebar}
- <div id="sidebar">
- <div class="category category1">
- <h1>About</h1>
- <b>gamon-yuuta → kyoka-izumi </b><br><br>
- <a href="/winter2017">winter 2017 watchlist</a> <br><br>
- Rche/Rin. Indonesia. It/its. INTP. Chaotic neutral. Ennegram type I. Choleric/melancholic. <br><br>
- Graphic maker. Pepe enthusiast. Chuunibyou extraordinarie. Dank meme trash. Pick-up line master. Zettai ryouiki trash. Overall trashiest of trash. Currently lost deep in ChuuAku hell.<br><br>
- Hello, this is Rche/Rin here and I'm a shut-in loser that specialize in playing high-end vidya with shitty spec computer in 10 FPS.<br><br>
- </div>
- <div class="category category1">
- <h1>links</h1>
- <a href="/cinnamon">Cinnamon Rolls </a><br>
- <a href="/kapalpecah">Ship </a><br>
- <a href="/blogroll">Blogroll </a><br>
- <a href="/urls">Saved URLs </a><br>
- <a href="/tagged/rche.txt">Personal Post </a><br>
- <a href="/tagged/rcheply">Replied ask </a><br>
- <a href="https://myanimelist.net/profile/Yumeutsutsu">MAL (updated infrequently) </a><br>
- <a href="https://www.grouvee.com/user/Shuuen/shelves/">grouvee (updated infrequently) </a>
- </div>
- <div class="category category1">
- <h1>Info</h1>
- <b>Activity:</b> Active.<br>
- <b>Queue:</b> Eternally on. <br>
- <b>Fandom:</b> Bungou Stray Dogs and Occultic Nine.<br>
- <b>Established:</b> April 2015. <br>
- <b>Episode:</b> Hypomania. <a href="note">(x)</a><br><br>
- <b>Please don't repost my graphics and/or GIFs anywhere without permission.</b> Thank you for visiting my blog, have a nice day!
- </div>
- {block:IfShowSearchBar}
- <div class="category">
- <h1>search</h1>
- <form action="/search" method="get">
- <input type="text" name="q" value="" placeholder="search blog" />
- <input type="submit" value="" class="sbutton" />
- </form>
- </div>
- {/block:IfShowSearchBar}
- </div><!-- SIDEBAR -->
- {block:IfStickySidebar}
- </div><!-- TOP -->
- <script>
- var header = document.querySelector('.top');
- var origOffsetY = header.offsetTop;
- function onScroll(e) {
- window.scrollY >= origOffsetY ? header.classList.add('sticky') :
- header.classList.remove('sticky');
- }
- document.addEventListener('scroll', onScroll);
- </script>
- {/block:IfStickySidebar}
- <!--------------------------- END OF SIDEBAR -------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <div id="posts">
- <!-------------------------- START OF A POST ------------------------->
- {block:Posts}
- <div id="post">
- <!------------------------- START OF PERMALINK ------------------------>
- {block:Date}
- <div id="permalink">
- <a class="notes" href="{Permalink}" title="notes">{NoteCount}</a>
- <a class="date" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="date">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
- {block:RebloggedFrom}<a class="src" href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">src</a><a class="via" href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
- <ul class="like_and_reblog_buttons">
- <li>{LikeButton size="13" color="gray"}</li>
- <li>{ReblogButton size="13" color="gray"}</li>
- </ul>
- </div>
- {/block:Date}
- <!-------------------------- END OF PERMALINK ------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!------------------------ START OF POSTCONTENT ----------------------->
- <div id="postcontent">
- <!--------------------------------------------------------------------->
- <!----------------------------- TEXT POSTS ---------------------------->
- {block:Text}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- <div class="caption" style="margin-top:0px;">{Body}</div>
- {/block:Text}
- <!----------------------------- TEXT POSTS ---------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!----------------------------- LINK POSTS ---------------------------->
- {block:Link}
- <div id="postmedia">
- <a href="{Url}" target="_blank" class="link-button">
- {block:Thumbnail}<img src="{Thumbnail}" width="540px">{/block:Thumbnail}
- <div class="info-container">
- {block:Host}<div class="publisher-container"><div class="publisher">{Host}</div></div>{/block:Host}
- <div class="title">{Name}</div>
- {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
- </div></a>
- </div>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- {/block:Link}
- <!----------------------------- LINK POSTS ---------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!---------------------------- PHOTO POSTS ---------------------------->
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="border-radius:3px;" width="540px">
- {LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- <!---------------------------- PHOTO POSTS ---------------------------->
- <!--------------------------------------------------------------------->
- <!-------------------------------------------------------------------->
- <!----------------------------- PHOTOSETS ---------------------------->
- {block:Photoset}
- <div id="postmedia">
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}
- <div class="photo-data">
- <div class="pxu-photo">
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
- </div><!-- pxu-photo -->
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- </div><!-- photo-data -->
- {/block:Photos}
- </div><!-- photo-slideshow-->
- </div><!-- postmedia -->
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- <!----------------------------- PHOTOSETS ---------------------------->
- <!-------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!------------------------------- QUOTES ------------------------------>
- {block:Quote}
- <div class="quotes">{Quote}</div>
- {block:Source}<div class="caption" style="margin-bottom:0px;">— {Source}</div>{/block:Source}
- {/block:Quote}
- <!------------------------------- QUOTES ------------------------------>
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!------------------------------- CHATS ------------------------------->
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- <!------------------------------- CHATS ------------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!------------------------------- AUDIOS ------------------------------>
- {block:Audio}
- <div id="postmedia">
- <div class="width_fix">{AudioEmbed-500}</div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- <!------------------------------- AUDIOS ------------------------------>
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!------------------------------- VIDEOS ------------------------------>
- {block:Video}
- <div id="postmedia">
- <div class="width_fix">{Video-500}</div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!------------------------------- VIDEOS ------------------------------>
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!------------------------------ ANSWERS ------------------------------>
- {block:Answer}
- <div id="postmedia">
- <div class="question">
- <div class="askimg"><img src="{AskerPortraitURL-128}"></div>
- <div class="askers">{Asker}</div>
- {Question}</div><!-- question -->
- </div><!-- postmedia -->
- <div class="caption">{Answer}</div>
- {/block:Answer}
- <!--------------------------------------------------------------------->
- <!------------------------------ ANSWERS ------------------------------>
- </div><!-- POSTCONTENT -->
- <!------------------------- END OF POSTCONTENT ------------------------>
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!-------------------------------- TAGS ------------------------------->
- {block:HasTags}
- <div id="tags">
- <span>Tagged as:</span> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- <!-------------------------------- TAGS ------------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- </div><!-- POST -->
- <!--------------------------- END OF A POST -------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!------------------------ START OF POSTNOTES ------------------------>
- {block:PostNotes}
- <div id="postnotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- <!------------------------- END OF POSTNOTES ------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- {/block:Posts}<!-- END OF ALL POSTS-->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">◂</a>{/block:PreviousPage}
- {block:JumpPagination length="10"}
- {block:CurrentPage}
- <span class="current">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">▸</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
- <div id="footer">© {CopyrightYears} <a href="/">{Name}</a> all rights reserved. Theme by <a href="http://roxiestheme.tumblr.com">roxiestheme</a> • Powered by <a href="http://tumblr.com">Tumblr</a></div>
- <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- </div><!-- POSTS -->
- </div><!-- CONTAINER (END OF THE POSTS ROLL) -->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!-------------------------------------------------------------------->
- <!----------------------------- TOOL TIPS ---------------------------->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <!----------------------------- TOOL TIPS ---------------------------->
- <!-------------------------------------------------------------------->
- <!--------------------------------------------------------------------->
- <!--------------------------- FIX PHOTOSET ---------------------------->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '2px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <!--------------------------- FIX PHOTOSET ---------------------------->
- <!--------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- <!----------------------------------------------------------------------------------------------------------------------------->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement