Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- + THEME BY PINTA OF FYSA | PLEASE DO NOT STEAL MY CODING +
- Credits
- + Permalink by Neothm
- + SoundCloud scripts by Shythemes
- + Reiszing Vids scripts by Shythemes
- -->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <meta name="if:About" content="1">
- <meta name="if:Affiliates" content="1">
- <meta name="if:Disclaimer" content="1">
- <meta name="if:Members" content="1">
- <meta name="if:Statistics" content="1">
- <meta name="if:Show Captions" content="1">
- <meta name="if:Show Tags" content="1">
- <meta name="if:Image Fade" content="0">
- <meta name="if:Monochrome" content="0">
- <meta name="image:Header" content="">
- <meta name="image:Affiliate 1" content="">
- <meta name="image:Affiliate 2" content="">
- <meta name="image:Affiliate 3" content="">
- <meta name="image:Affiliate 4" content="">
- <meta name="text:Affiliate 1" content="">
- <meta name="text:Affiliate 2" content="">
- <meta name="text:Affiliate 3" content="">
- <meta name="text:Affiliate 4" content="">
- <meta name="text:About Title" content="">
- <meta name="text:Affiliate Title" content="">
- <meta name="text:Disclaimer Title" content="">
- <meta name="text:Members Title" content="">
- <meta name="text:Statistics Title" content="">
- <meta name="text:Disclaimer" content="">
- <meta name="text:Statistics" content"">
- <meta name="text:Link 1" content="" >
- <meta name="text:Link 1 URL" content="" >
- <meta name="text:Link 2" content="" >
- <meta name="text:Link 2 URL" content="" >
- <meta name="text:Link 3" content="" >
- <meta name="text:Link 3 URL" content="" >
- <meta name="text:Link 4" content="" >
- <meta name="text:Link 4 URL" content="" >
- <meta name="text:Link 5" content="" >
- <meta name="text:Link 5 URL" content="" >
- <meta name="text:Link 6" content="" >
- <meta name="text:Link 6 URL" content="" >
- <meta name="text:Link 7" content="" >
- <meta name="text:Link 7 URL" content="" >
- <meta name="text:Link 8" content="" >
- <meta name="text:Link 8 URL" content="" >
- <meta name="color:Accent" content="#A7CBD5">
- <meta name="color:Accent Hover" content="#56B5BD">
- <meta name="color:Background" content="#f9f9f9">
- <meta name="color:Borders" content="#eee">
- <meta name="color:Box" content="#fff">
- <meta name="color:Box Title" content="#fff">
- <meta name="color:Header Box" content="#fff">
- <meta name="color:Posts" content="#fff">
- <meta name="color:Scrollbar" content="#56B5BD">
- <meta name="color:Scrollbar BG" content="#f9f9f9">
- <meta name="color:Text" content="#000">
- <meta name="color:Topbar BG" content="#fff">
- <!-- Sticky -->
- <script type="text/javascript">
- $(window).scroll(function () {
- if ( $(this).scrollTop() > 200 && !$('#topbar').hasClass('open') ) {
- $('#topbar').addClass('open');
- $('#topbar').slideDown();
- } else if ( $(this).scrollTop() <= 200 ) {
- $('#topbar').removeClass('open');
- $('#topbar').slideUp();
- }
- });
- </script>
- <!-- Resizing videos @shythemes -->
- <script type="text/javascript">
- $container.infinitescroll({
- // your options
- }, function(){
- resizeVideos();
- });
- </script>
- <!-- Soundcloud Player @ shythemes -->
- <script>
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function(){
- var color = '#acd7bb'; // color of play button (hex)
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' });
- });
- });
- </script>
- <script type="text/javascript">
- // video resizing script by shythemes
- $(document).ready(function(){
- resizeVideos();
- });
- function resizeVideos() {
- $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
- var vw = $(this).width();
- var vh = $(this).height();
- var scale = $(this).parents('.video').width() / vw;
- $(this).attr({
- width: Math.floor($(this).attr('width') * scale),
- height: Math.floor($(this).attr('height') * scale)
- });
- $(this).parents('.video').addClass('resized');
- });
- $('.video:not(.resized) .tumblr_video_iframe').each(function(){
- var vw = $(this).width();
- var vh = $(this).height();
- var scale = $(this).parents('.video').width() / vw;
- $(this).css({
- 'transform': 'scale(' + scale + ')',
- 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
- });
- $(this).parents('.tumblr_video_container').css({
- width: Math.floor(vw * ( scale + 1 ) / 2),
- height: Math.floor(vh * ( scale + 1 ) / 2)
- });
- $(this).parents('.video').addClass('resized');
- });
- }
- </script>
- <style type="text/css">
- body {
- font-size: 10px;
- font-family: Calibri, Candara, Segoe;
- color: #000;
- overflow-x: hidden;
- background-color: #f9f9f9;}
- a {
- color: {color:Accent};
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- a:hover {
- color: {color:Accent Hover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- h2 {
- color: {color:Accent};
- font-family: Montserrat;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- font-size: 15px;}
- ::-webkit-scrollbar-thumb {
- height: 5px;
- border-left: 2px solid {color:Scrollbar BG};
- border-right: 2px solid {color:Scrollbar BG};
- background-color: {color:Scrollbar};}
- ::-webkit-scrollbar {
- width: 2px;
- height: 7px;
- border-left: 5px solid {color:Scrollbar BG};
- border-right: 5px solid {color:Scrollbar BG};
- background-color: {color:Scrollbar BG};}
- #s-m-t-tooltip{
- max-width:300px;
- z-index:10;
- margin:24px 14px 7px 12px;
- padding:5px;
- padding-bottom:7px;
- background:#fff;
- border: 1px solid #eee;
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- font-family: "roboto";
- text-transform: uppercase;
- font-size: 9px;
- letter-spacing: 1px;
- color: {color:Accent};}
- .container {
- width: 850px;
- margin: 0 auto;}
- .bcontainer {
- width: 850px;
- margin-bottom: 50px;
- margin-top: 380px;}
- .tcontainer {
- width: 850px;
- height: 300px;
- opacity: 0;
- margin-top:calc(50vh - 140px);
- position: relative;
- border: 1px solid {color:Borders};
- background-color: #fff;}
- .tmblr-iframe {
- z-index:9!important;
- top: 75px!important;
- position: fixed;
- opacity: 0.5;
- background-color: transparent!important;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .tmblr-iframe:hover {
- opacity: 0.8;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- /** Top Bar **/
- #topbar {
- width: 100%;
- height: 70px;
- z-index: 15;
- top: 0px;
- left: 0px;
- position: fixed;
- z-index: 105;
- display: none;
- background-color: {color:Topbar BG};
- border-bottom: 1px solid {color:Borders};}
- /** Top Container **/
- .tb {
- width: 850px;
- height: 84px;
- top: 0px;
- position: absolute;
- opacity: 0;
- background-color: {color:Header Box};
- border-bottom: 1px solid {color:Borders};}
- .tleft {
- top: 0px;
- left: 0px;
- position: absolute;}
- .tright {
- width: 64px;
- height: 64px;
- border-left: 1px solid {color:Borders};
- top: 0px;
- right: 0px;
- padding: 10px;
- position: absolute;}
- .tright i {
- top: 35px;
- left: 35px;
- color: #3D4348;
- position: absolute;
- font-size: 15px;}
- .tb img {
- width: 64px;
- height: 64px;
- border-right: 1px solid {color:Borders};
- padding: 10px;}
- #description {
- margin: 10px;
- top: 10px;
- left: 85px;
- position: absolute;}
- #navigation {
- width: 400px;
- height: 84px;
- position: absolute;
- top: 0px;
- right: 85px;
- border-left: 1px solid {color:Borders};}
- .navlinks {
- position: absolute;
- margin-top: 40px;
- right: 5px;
- font-family: roboto;
- font-size: 9px;
- text-transform: uppercase;}
- .navlinks a {
- padding: 13px;
- margin: 7px;
- color: {color:Accent};}
- .navlinks a:hover {{color:Accent Hover};}
- .title {
- width: 200px;
- color: {color:Text};
- font-family: Montserrat;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-size: 15px;}
- .subtitle {
- width: 200px;
- color: {color:Text};
- margin-top: 3px;
- font-family: Roboto;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-size: 8px;}
- .tbottom {
- width: 850px;
- height: 220px;
- margin-top: 85px;
- border-bottom: 1px solid {color:Borders};
- background-color: {color:Header Box};}
- #header {
- top: 0px;
- width: 100%;
- height: 100%;
- z-index: 100;
- left: 0px;
- overflow-y: hidden;
- overflow-x: hidden;
- background-attachment: fixed;
- background-size: cover;
- background-repeat: no-repeat;
- background-image: url('{image:Header}');
- position: absolute;}
- #header img {
- width: 100%;
- height: 100%;}
- /*************************** POST RELATED SHIT *****************************/
- .postcol {
- top: 40px;
- margin-left: 310px;
- position: relative;
- width: 540px;}
- .posts {
- width: 500px;
- margin-bottom: 40px;
- line-height: 150%;
- font-size: 11px;
- background-color: {color:Posts};
- border: 1px solid {color:Borders};
- padding: 20px;}
- .posts h2 {
- font-size: 12px;
- color: {color:Accent};
- font-weight: normal;
- margin: 0px;}
- {block:ifMonochrome}
- .photo {
- filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(1);
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- .photo:hover{
- filter: none;
- -webkit-filter: grayscale(0);
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- {/block:ifMonochrome}
- {block:IfImageFade}
- .photo{
- opacity:.5;
- -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.0;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- {/block:IfImageFade}
- .posts li {list-style: square;}
- .posts blockquote {
- border-left: 1px solid {color:Accent};
- padding-left: 10px;}
- .posts img, .posts li, .posts blockquote {max-width: 100%;}
- .posts h2 {
- color: {color:Accent};
- font-family: Montserrat;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- font-size: 15px;}
- .question {
- line-height: 150%;}
- .question img {
- padding: 10px;
- left: -10px;
- position: relative;
- border-right: 1px solid {color:Borders};}
- .asker {
- margin-left: 60px;
- margin-top: -38px;
- text-transform: uppercase;
- font-family: roboto;
- font-size: 8px;
- letter-spacing: .5px;
- position: relative;}
- .asker a {
- margin-left: 0px;
- margin-top: -38px;
- text-transform: uppercase;
- font-family: roboto;
- font-size: 8px;
- letter-spacing: .5px;
- position: relative;}
- .ques {
- top: 15px;
- left: -15px;
- padding: 5px;
- margin: 10px;
- position: relative;}
- .answer {
- line-height: 150%;
- border-top: 1px solid {color:Borders};}
- /************************ AUDIO RELATED POST SHIT ************************/
- .audioplayer {
- margin-left: 330px;
- margin-top: -70px;
- background-color: {color:Posts};
- position: absolute;
- overflow: hidden;
- width: 20px;}
- .audioimg {
- width: 110px;
- height: 110px;
- padding: 3px;
- border-right: 1px solid {color:Borders};}
- .audioimg img {margin: 5px;}
- .ainfo {
- margin-left: 135px;
- margin-top: -65px;
- position: absolute;}
- .mgif {
- font-family: roboto;
- font-size: 10px;
- text-transform: uppercase;}
- /************************** PINFO RELATED SHIT *****************************/
- #pinfo {
- width: 500px;
- top: -40px;
- left: 0px;
- padding: 20px;
- border-bottom: 1px solid {color:Borders};
- border-right: 1px solid {color:Borders};
- border-left: 1px solid {color:Borders};
- position: relative;
- background-color: {color:Posts};}
- .omoi {
- font-family: calibri;
- font-size: 9px;
- letter-spacing: 1.5px;
- text-transform: uppercase;
- text-align: left;}
- .omoi a {color: {color:Accent};}
- .omoi a:hover {color: {color:Accent Hover};}
- .lire {
- top: 15px;
- right: 15px;
- position: absolute;}
- .like_and_reblog_buttons {
- border-radius: 1px;
- list-style: none;}
- .like_and_reblog_buttons li {
- float: left;
- margin: 0;
- list-style: none;
- padding: 5px 7px;
- height: 13px;}
- .tags {
- margin-left: 420px;
- padding: 0px 10px;
- margin-top: -17px;
- width: 250px;
- opacity: 0;
- max-width: 250px;
- position: absolute;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .tags a {
- display: block;
- font-family: roboto;
- font-size: 8px;
- color: {color:Accent};
- text-transform: uppercase;}
- .posts:hover .tags{
- opacity: 1.0;
- color: {color:Accent Hover};
- margin-left: 520px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- svg {
- width:10px;
- height:auto;
- opacity:.5;
- padding:1px;
- display:block;
- overflow:visible;
- }
- .controls a {
- position:relative;
- display:inline-block;
- overflow:hidden;
- padding:5px;
- width:12px;
- height:12px;
- }
- .controls .reblog {
- opacity:.93;
- }
- .controls .reblog svg {
- width:9px;
- margin-top:1px;
- }
- .controls .like .liked + svg {
- opacity:1;
- }
- .controls .like .liked + svg path {
- fill:#ec5a5a;
- }
- .controls .like .like_button {
- position:relative;
- }
- .controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- /** left side of bc **/
- #leftside {
- width: 215px;
- margin-top: 40px;
- margin-left: 40px;
- position: absolute;}
- /** ABOUT **/
- .boxt {
- width: auto;
- background-color: {color:Box Title};
- border: 1px solid {color:Borders};}
- .boxt i {
- padding: 10px;
- font-size: 15px;
- color: {color:Accent};
- border-right: 1px solid {color:Borders};}
- .boxtitle {
- color: {color:Text};
- position: relative;
- margin-left: 35px;
- margin-top: -34px;
- padding: 10px;
- font-family: Montserrat;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-size: 10px;}
- .box {
- width: auto;
- height: auto;
- margin-bottom: 35px;
- text-align: justify;
- line-height: 170%;
- background-color: {color:Box};
- font-family: 'Open Sans', sans-serif;
- border-left: 1px solid {color:Borders};
- border-right: 1px solid {color:Borders};
- border-bottom: 1px solid {color:Borders};
- padding: 10px;}
- /* --------- Members ---------- */
- .members img {
- width: 40px;
- height: 40px;
- display: inline-block;
- border-radius: 5%;
- margin-bottom: -25px;
- }
- .members {
- padding-bottom: 10px;
- padding-top: 3px;
- margin-bottom: -20px;
- }
- .names {
- text-transform: uppercase;
- position: relative;
- font-family: "Montserrat";
- top: -15px;
- left: 52px;
- }
- .mtitles {
- font-family: "Lato";
- font-weight: 400;
- font-size: 11px;
- text-transform: capitalize;
- position: relative;
- top: -15px;
- left: 52px;
- }
- /** affiliates **/
- .affiliates {
- width: 210px;}
- .affiliates img {
- width: 40px;
- height: 40px;
- margin: 3px;
- display: inline-block;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .affiliates img:hover {
- border-radius: 15%;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- /** topbar styling **/
- #tpava {
- margin: 14.5px;}
- #tpava img {
- border-radius: 100%;}
- #tpava img:hover { cursor: crosshair;}
- .date {
- margin-left: 85px;
- margin-top: -50px;
- letter-spacing: 1.5px;
- text-transform: uppercase;
- color: {color:Accent};}
- .tplinks {
- margin-top: 30px;
- position: relative;
- text-align: center;}
- .tplinks a {
- text-align: center;
- font-family: Montserrat;
- letter-spacing: 1px;
- padding: 15px;
- margin: 2px;
- font-size: 11px;
- text-transform: uppercase;}
- .tplinks a:hover {color:Accent Hover};}
- .sfm input {
- background-color: {color:Topbar BG};
- font-size: 8px;
- border: 0px;
- text-transform: uppercase;
- margin-top: 0px;
- color: {color:Accent};
- top: 12px;
- right: 20px;
- position: absolute;
- letter-spacing: 1px;
- padding: 15px;
- font-family: calibri, helvetica, arial;}
- #sb {
- height: 9px;
- vertical-align: top;}
- #sf {
- width: 200px;}
- .search .query {
- border: 0!important;
- outline: 0!important;
- font-family: inherit;
- font-size: inherit;
- color: inherit;
- background-color: transparent;}
- ::-webkit-input-placeholder {color: inherit;}
- :-moz-placeholder {color: inherit; opacity:1;}
- ::-moz-placeholder {color: inherit; opacity:1;}
- :-ms-input-placeholder {color: inherit;}
- input:focus::-webkit-input-placeholder {color: transparent;}
- input:focus:-moz-placeholder {color: transparent;}
- input:focus::-moz-placeholder {color: transparent;}
- input:focus:-ms-input-placeholder { color: transparent;}
- /** permalink **/
- #permalink {
- width: 500px;
- background-color: {color:Posts};
- padding: 20px;
- border: 1px solid {color:Borders};}
- #permainfo {
- width: 500px;
- background-color: {color:Posts};
- padding: 20px;
- border: 1px solid {color:Borders};}
- #notes *{
- margin:0;
- padding:0;}
- #notes{
- text-align: center;}
- #notes li{
- list-style-type:none;
- display:inline-block;
- width:25px;
- height:25px;
- margin:5px;
- overflow:hidden;}
- #notes img{
- width:25px;
- height:25px;
- border-radius: 3px;}
- li.more_notes_link_container{
- background:url('http://cdn.flaticon.com/png/256/59565.png') no-repeat;
- background-size:25px;
- background-position:center;
- opacity:.5;}
- a.more_notes_link, a.notes_loading{
- visibility:hidden!important;}
- /** PAGINATION **/
- .pagi {
- text-align: center;}
- </style>
- <!--- TOOP TIPS --->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
- <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <!-------------------------------------------------------------------------->
- <!-- TOP SECTION -->
- <!-------------------------------------------------------------------------->
- <!-------------------------------------------------------------------------->
- <!-- TOP BAR -->
- <!-------------------------------------------------------------------------->
- <div id="topbar">
- <div class="tplinks">
- {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
- {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
- {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:IfLink6}
- {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:IfLink7}
- {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:IfLink8}
- <a href="http://onyxian.tumblr.com">theme</a>
- </div> <!-- End of topbar links -->
- </div> <!-- End of Top Bar -->
- <!-------------------------------------------------------------------------->
- <!-- TOP BAR -->
- <!-------------------------------------------------------------------------->
- <div id="header"><img src="{image:Header}"></div>
- <div class="container">
- <!-------------------------------------------------------------------------->
- <!-- TOP CONTAINER -->
- <!-------------------------------------------------------------------------->
- <div class="tcontainer">
- </div> <!-- End of ENTIRE TOP CONTAINER -->
- <!-------------------------------------------------------------------------->
- <!-- TOP CONTAINER -->
- <!-------------------------------------------------------------------------->
- <!-------------------------------------------------------------------------->
- <!-- BOTTOM SECTION -->
- <!-------------------------------------------------------------------------->
- <div class="bcontainer">
- <div id="leftside">
- <!-------------------------------------------------------------------------->
- <!-- TIME FOR BOXES! -->
- <!-------------------------------------------------------------------------->
- <!-------------------------------------------------------------------------->
- <!-- ABOUT BOX -->
- <!-------------------------------------------------------------------------->
- {block:ifAbout}
- <div class="boxt">
- <div class="boxi"> <i class="fa fa-power-off"></i> </div>
- <div class="boxtitle">{text:About Title}</div>
- </div> <!-- End of box title -->
- <div class="box">{block:description}{description}{/block:description}</div> <!-- End of box -->
- {/block:ifAbout}
- <!-------------------------------------------------------------------------->
- <!-- ADMIN BOX -->
- <!-------------------------------------------------------------------------->
- {block:ifMembers}
- <div class="boxt">
- <div class="boxi"> <i class="fa fa-users"></i> </div>
- <div class="boxtitle">{text:Members Title}</div>
- </div> <!-- End of box title -->
- <div class="box">
- <div class="info">
- <div class="members">
- {block:GroupMembers} {block:GroupMember}
- <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-40}"></a>
- <a href="{GroupMemberURL}"><div class="names">{GroupMemberName}</div></a>
- <a href="{GroupMemberURL}"><div class="mtitles">{GroupMemberTitle}</div></a>
- {/block:GroupMember} {/block:GroupMembers}
- </div> <!-- End of Members -->
- </div> <!-- End of Box -->
- </div> <!-- End of box -->
- {/block:ifMembers}
- <!-------------------------------------------------------------------------->
- <!-- STATS BOX -->
- <!-------------------------------------------------------------------------->
- {block:ifStatistics}
- <div class="boxt">
- <div class="boxi"> <i class="fa fa-bar-chart"></i> </div>
- <div class="boxtitle">{text:Statistics Title}</div>
- </div> <!-- End of box title -->
- <div class="box">{text:Statistics}</div> <!-- End of box -->
- {/block:ifStatistics}
- <!-------------------------------------------------------------------------->
- <!-- AFFILIATES BOX -->
- <!-------------------------------------------------------------------------->
- {block:ifAffiliates}
- <div class="boxt">
- <div class="boxi"> <i class="fa fa-plus"></i> </div>
- <div class="boxtitle">{text:Affiliate Title}</div>
- </div> <!-- End of box title -->
- <div class="box">
- <div class="affiliates">
- <a href="http://{text:Affiliate 1}.tumblr.com">
- <img src="{image:Affiliate 1}"></a>
- <a href="http://{text:Affiliate 2}.tumblr.com">
- <img src="{image:Affiliate 2}"></a>
- <a href="http://{text:Affiliate 1}.tumblr.com">
- <img src="{image:Affiliate 2}"></a>
- <a href="http://{text:Affiliate 2}.tumblr.com">
- <img src="{image:Affiliate 2}"></a>
- </div> <!-- End of Affiliates -->
- </div> <!-- End of box -->
- {/block:ifAffiliates}
- <!-------------------------------------------------------------------------->
- <!-- DISCLAIMER BOX -->
- <!-------------------------------------------------------------------------->
- {block:ifDisclaimer}
- <div class="boxt">
- <div class="boxi"> <i class="fa fa-copyright"></i> </div>
- <div class="boxtitle">{text:Disclaimer Title}</div>
- </div> <!-- End of box title -->
- <div class="box">
- {text:Disclaimer}
- </div> <!-- End of box -->
- {/block:ifDisclaimer}
- <!-------------------------------------------------------------------------->
- <!-- PAGINATION BOX -->
- <!-------------------------------------------------------------------------->
- {block:Pagination}
- <div class="boxt">
- <div class="boxi"> <i class="fa fa-angle-right"></i> </div>
- <div class="boxtitle">Pagination</div>
- </div> <!-- End of box title -->
- <div class="box">
- <div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">Prev</a>
- {/block:PreviousPage}{block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}{block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}{block:NextPage}
- <a href="{NextPage}"> ― Next</a>
- {/block:NextPage}
- </div> <!-- End of Pagi -->
- </div> <!-- End of box -->
- {/block:Pagination}
- </div> <!-- End of entire left sidebar -->
- <div class="postcol">
- {block:Posts}
- <div class="posts" id="{PostID}">
- {block:IfShowTags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">✕ {Tag}</a>
- {/block:Tags}
- </div> <!-- End of tags -->
- {/block:HasTags}
- {/block:IfShowTags}
- <!--
- {block:ContentSource}
- <a href="{SourceURL}">{lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
- </a>{/block:ContentSource}
- -->
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <!---------------------------------------------------
- TEXT POSTS
- ---------------------------------------------------->
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- <!---------------------------------------------------
- ANSWER POSTS
- ---------------------------------------------------->
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-40}">
- <div class="asker">{Asker} asked:</div>
- <div class="ques">{Question}</div>
- </div> <!-- End of Question -->
- <br>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <!---------------------------------------------------
- QUOTE POSTS
- ---------------------------------------------------->
- {block:Quote}
- <div class="quote">
- <div class="quotetext_{Length}">"{Quote}"</div>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- <!---------------------------------------------------
- LINK POSTS
- ---------------------------------------------------->
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!---------------------------------------------------
- CHAT POSTS
- ---------------------------------------------------->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!---------------------------------------------------
- PHOTO POSTS
- ---------------------------------------------------->
- {block:Photo}<div class="photo">
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>
- {block:IfShowCaptions}
- <div class="captions">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaptions}
- {/block:Photo}
- <!---------------------------------------------------
- PHOTOSET POSTS
- ---------------------------------------------------->
- {block:Photoset}
- <div class="photo">{Photoset-500}</div>
- {block:IfShowCaptions}
- <div class="captions">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaptions}
- {/block:Photoset}
- <!---------------------------------------------------
- AUDIO POSTS
- ---------------------------------------------------->
- {block:Audio}
- <div class="audioimg">
- {block:AlbumArt}<img src="{AlbumArtURL}" height="100" width="100">{/block:AlbumArt}
- </div>
- <div id="audioc">
- <div class="audioplayer">{AudioPlayerWhite}</div>
- <div class="ainfo">
- {block:TrackName} {TrackName}{/block:TrackName}
- <br/>{block:Artist} {Artist}{/block:Artist}
- </div></div>
- {block:IfShowCaptions}
- <div class="captions">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaptions}
- {/block:Audio}
- <!---------------------------------------------------
- VIDEO POSTS
- ---------------------------------------------------->
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:IfShowCaptions}
- <div class="captions">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaptions}
- {/block:Video}
- </div> <!-- End of Posts -->
- {block:Date}
- <div id="pinfo">
- <div class="omoi">
- <a href="{permalink}">{Month} {Year} {block:NoteCount}( + {NoteCount} ){/block:NoteCount}</a>
- <div class="lire">
- <div class="controls">
- <a href="{ReblogURL}" target="_blank" class="reblog">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
- </a>
- <a href="#" class="like">{LikeButton}
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
- </a>
- </div>
- </div> <!-- End of Like/Reblog -->
- </div> <!-- End of Omoi -->
- </div> <!-- End of Pinfo -->
- {/block:Date}
- {block:Date}
- {block:PermalinkPage}
- <div id="permalink">
- <div id="notes">
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- </div>
- </div> <!-- End of Permalink -->
- {/block:PermalinkPage}
- {/block:Date}
- {/block:Posts}
- </div> <!-- End of Post Column -->
- </div> <!-- End of Bottom Container -->
- </div> <!-- End of Container -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment