Twin Radio
@twinradiorock
{Title} {block:Description} {/block:Description} {block:IndexPage} {/block:IndexPage} body { margin: 0; padding: 0; background: {color:Background}; background-image: url('{image:Background}'); background-attachment: fixed; font-size: {select:Text Size}px /* select:Font Size */; font-family: {font:Text}; } a { color: {color:Link}; /* color:Link */ text-decoration: none; } /* GENERAL */ #infscr-loading { display: none; opacity: 0; } #content { width: {select:Content Size}; height: 100%; margin: 0 auto; font-family: {font:Text}; } #content a{ color: #000; /* color:Link */ text-decoration: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); } #description a { color: {color:Description}; /* color:Link */ text-decoration: underline; } #overlayer { position: fixed; z-index: -1; top: 0px; height: 100%; background-color: #FFF; padding-left: 20px; padding-right: 20px; left: calc(50% - {select:Content Size}/2 - 20px); width: {select:Content Size}; } /* GENERAL POST */ #content .post { background: #FFF; /* color:Post Background */ color: {color:Text}; /* color:Text */ width: calc({select:Rows}% - 1px); word-wrap: break-word; margin-left: 1%; margin-right: 1%; overflow: hidden; margin-top: 2%; padding: 1%; font-size: {select:Text Size} /* select:Font Size */; padding-bottom: calc(1% + 40px); {block:PermalinkPage} width: 470px !important; position: relative !important; left: 50% !important; margin-left: -250px !important; margin-top: 0px !important; padding: 15px !important; {/block:PermalinkPage} } #content .post blockquote { display: block; -webkit-margin-before: 5px !important; -webkit-margin-after: 5px !important; -webkit-margin-start: 8px !important; -webkit-margin-end: 8px !important; border-left: 3px solid rgb(230, 230, 230); padding-left: 10px; top: 3px; position: relative; } #content .post a{ color: {color:Link}; /* color:Link */ text-decoration: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); } #content .post img { height: auto; width: auto; position: relative; display: block; } #content .post iframe, img, embed, object, video { max-width: 100%; } #content .post .answer_form_container { min-height: 140px; position: relative; } #content .post #headline { font-weight: 300; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; font-size: 150%; font-weight: 400; } #content .post #headline a{ color: {color:Text}; /* color:Text */ border: none; text-decoration: none; } /* POST CONTROLS */ #content .post .control { width: 94%; padding-left: calc(6% + 1px); height: 36px; right: 0px; bottom: 0px; border-top: 1px solid rgba(200, 200, 200, 0.2); background-color: #FFF; position: absolute; font-size: 10px; color: rgba(100, 100, 100, 0.6); } #content .post .control .notes{ text-decoration: none; color: rgba(100, 100, 100, 0.6); border: none; float: left; line-height: 36px; position: absolute; } #content .post .control #buttons { position: absolute; width: 46px; height: 20px; top: 10px; right: 5%; opacity: 0.4; } #content .post .control #buttons #like{ position: absolute; width: 20px; float: left; opacity: 0.5; } #content .post .control #buttons #like:hover{ opacity: 1; } #content .post .control #buttons #reblog{ position: absolute; width: 20px; float: left; right: 0; opacity: 0.5; margin-left: 5px; } #content .post .control #buttons #reblog:hover{ opacity: 1; } #content .post .control #buttons #reblog a{ border: none; } /* POST TEXT */ #content .text #body { line-height: 16px; text-align: justify; } /* POST PHOTO */ #content .photo { background: #FFF; {block:IndexPage} {block:ifNOTShowPhotoBorder} padding: 0 !important; width: calc({select:Rows}% + 2% - 1px); {block:ifNOTShowPhotoBorder} padding: 1%; {block:ifShowPhotoCaption} padding-bottom: calc(1% + 40px); {/block:ifShowPhotoCaption} {/block:IndexPage} } #content .photo img{ margin: 0 auto; } /* POST PHOTO -> :hover*/ #content .photo .hover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; display: block; text-align: center; -webkit-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #content .photo:hover .hover{ opacity: 1; display: block; background-color: rgba(255, 255, 255, 0.2); } #content .photo .hover .buttons{ width: 128px; height: 40px; left: 50%; display: block; margin-left: -64px; position: relative; top: 50%; margin-top: -20px; } #content .photo .hover .buttons #like{ width: 32px; padding-left: 0px; height: 24px; padding-top: 6px; float: left; line-height: 30px; border-radius: 2px; position: relative; background-color: black; } #content .photo .hover .buttons #reblog{ width: 25px; padding-left: 7px; height: 24px; margin-left: 8px; padding-top: 6px; float: left; border-radius: 2px; line-height: 30px; position: relative; background-color: black; } #content .photo .hover .buttons a{ border: none !important; } #content .photo .hover .buttons #notes{ width: 46px; height: 30px; margin-left: 8px; text-align: center; font-size: 10px; border-radius: 2px; float: left; line-height: 30px; position: relative; color: #FFF; background-color: black; } #content .photo .hover .buttons #notes a{ color: #FFF; text-decoration: none; border: none; } /* POST PANORAMA */ /* POST PHOTOSET */ #content .photoset .image { margin-top: 10px; } #content .photoset .image:first-child { margin-top: 0px; } /* POST QUOTE */ #content .quote #quote { font-size: 150%; position: relative; } #content .quote #source { text-align: right; position: relative; margin-top: 10px; width: 80%; left: 20%; font-size: 80%; } /* POST LINK */ #content .link #box { position: absolute; top: -0px; left: 0; width: calc(90% + 3px); padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; background-color: {color:Link}; /* Color:Link Post */ color: #FFF; text-align: center; font-size: 110%; } #content .link #visiblebox { position: relative; top: 0px; left: 0; width: 100%; padding-top: 25px; padding-bottom: 20px; opacity: 0; } #content .link #box #link{ position: relative; color: #FFF; z-index: 2; font-weight: 100; } /* POST CHAT */ #content .chat { font-size: 110%; } #content .chat li{ list-style: none; margin-top: 10px; border-top: 1px solid rgba(150, 150, 150, 0.1); padding-top: 10px; } #content .chat li:first-child{ border: none; margin-top: 0px; } #content .chat .label { font-weight: bold !important; } /* POST VIDEO */ .video .tumblr_video_container { width: 100% !important; } /* POST AUDIO */ .audio #cover { position: absolute; top: 0px; right: 0px; width: 100%; } .audio #infos { padding-top: 15px; padding-bottom: 15px; background-color: rgba(0, 0, 0, 1); color: #FFF; width: 96%; padding-left: 2%; padding-right: 2%; height: 28px; word-wrap: break-word; line-height: 16px; text-align: center; position: relative; } .audio #cover:hover #infos{ background-color: rgba(0, 0, 0, 1); } .audio #caption { margin-top: 46px; } .audio #player iframe{ height: 40px; width: 100%; } .spotify_audio_player { height: 90px; max-height: 90px; } /* POST ANSWER */ #content .answer {} #content .answer #avatar { position: relative; float: left; margin-right: 8px; margin-bottom: 10px; } #content .answer #asker { font-size: 100%; font-weight: bold; word-wrap: break-word; border-bottom: 1px solid rgba(150, 150, 150, 0.1); } #content .answer #text { margin-top: 10px; } #content .answer #answer { margin-top: 14px; border-top: 1px solid rgba(150, 150, 150, 0.1); } /* PERMALINK PAGE */ .permalinkpage { width: 500px; position: relative; left: 50%; margin-left: -250px; } .permalinkpage .reblogs { width: 100%; margin-top: 30px; position: relative; height: 40px; color: {color:Text}; /* Text color */ } .permalinkpage .reblogs a{ color: {color:Text} !important; /* Text color */ text-decoration: none; border-bottom: 1px solid rgb(240, 240, 240); } .permalinkpage .reblogs #reblog{ width: 100%; height: 40px; position: relative; background-color: #FFF; float: left; text-align: center; line-height: 40px; } .permalinkpage .reblogs #source{ width: 49%; margin-left: 2%; height: 40px; position: relative; background-color: #FFF; float: left; text-align: center; line-height: 40px; } .permalinkpage .notescontainer{ width: 470px; margin-top: 12px; background-color: #FFF; padding: 15px; color: {color:Text}; /* Text color */ } .permalinkpage .notescontainer #info { position: relative; height: 22px; width: 100%; } .permalinkpage .notescontainer #info #left{ text-align: left; width: 470px; left: 0px; top: 0px; font-size: 18px; position: absolute; } .permalinkpage .notescontainer #info #center{ text-align: center; width: 470px; left: 0px; top: 5px; font-size: 12px; position: absolute; } .permalinkpage .notescontainer #info #right{ text-align: right; width: 470px; right: 0px; top: 0px; font-size: 18px; position: absolute; } .permalinkpage .notescontainer #caption{ width: 100%; position: relative; border-top: 1px solid rgba(230, 230, 230, 1); border-bottom: 1px solid rgba(230, 230, 230, 1); font-size: 12px; text-align: justify; margin-top: 20px; padding-top: 8px; padding-bottom: 8px; } .permalinkpage .notescontainer #caption a{ color: {color:Text}; /* Text/Link color */ text-decoration: none; border-bottom: 1px solid rgb(240, 240, 240); } .permalinkpage .notescontainer #source { width: 100%; height: 40px; background-color: {color:Text}; /* Text/Link color */ line-height: 40px; font-size: 18px; color: #FFF; text-align: center; margin-top: 12px; } .permalinkpage .notescontainer #tags { width: 430px; position: relative; display: block; padding-top: 8px; padding-bottom: 8px; margin-left: -0px; margin-top: -1px; list-style: none; border-top: 1px solid rgba(230, 230, 230, 1); border-bottom: 1px solid rgba(230, 230, 230, 1); } .permalinkpage .notescontainer #tags li{ clear: none !important; display: inline-block; height: 15px; margin: 0 4px 0 0; overflow: hidden; width: auto; } .permalinkpage .notescontainer #tags li:first-child{ margin-left: -3em; } .permalinkpage .notescontainer #tags li a{ color: {color:Text}; /* Text/Link color */ text-decoration: none; border: none; } .permalinkpage .notescontainer ol.notes { width: 100%; margin-bottom: 60px; /* PERMALINK PAGE BOTTOM */ position: relative; display: block; margin-left: -36px; list-style: none; font-size: 12px; } .permalinkpage .notescontainer ol.notes li.note { clear: none !important; display: inline-block; height: 15px; margin: 0 4px 0 0; overflow: hidden; width: 15px; {block:ifShowFullNotes} width: 100%; height: 30px; {/block:ifShowFullNotes} } .permalinkpage .notescontainer ol.notes a{ border: none !important; color: {color:Link}; } .permalinkpage .notescontainer ol.notes li.note img.avatar { width: 15px; height: 15px; border: none !important; {block:ifShowFullNotes} width: 18px; height: 18px; position: relative; float: left; {/block:ifShowFullNotes} } .permalinkpage .notescontainer ol.notes li.note span.action { display: none; {block:ifShowFullNotes} word-wrap: break-word; display: block; position: relative; float: left; margin-top: 3px; margin-left: 8px; {/block:ifShowFullNotes} } .permalinkpage .notescontainer .more_notes_link_container { clear: both !important; display: block !important; font-size: 10px; height: auto; overflow: visible; position: relative !important;; text-align: left !important; width: 100% !important; text-align: center !important; margin-top: 20px !important; {block:ifShowFullNotes} {/block:ifShowFullNotes} } ol.notes li.note .answer_content { display: none; } ol.notes li.note blockquote { display: none; } ol.notes li.note blockquote a { display: none; } /* FOOTER */ #nextpage { width: 95%; margin-left: 2.5%; margin-top: 50px; left: 5%; height: 60px; background-color: rgba(255, 255, 255, 0.6); bottom: 0; font-size: 18px; line-height: 60px; text-align: center; position: relative; } #nextpage a{ color: rgba(40, 40, 40, 1); border: none; } #prepage { width: 95%; margin-left: 2.5%; margin-top: 20px; left: 5%; height: 60px; background-color: rgba(255, 255, 255, 0.6); bottom: 0; font-size: 18px; line-height: 60px; text-align: center; position: relative; } #prepage a{ color: rgba(40, 40, 40, 1); border: none; } /* CSS // */ /* THE X THEME CSS */ #overlayer { position: fixed; z-index: -1; top: 0px; height: 100%; background-color: #FFF; padding-left: 20px; padding-right: 20px; left: calc(50% - {select:Content Size}/2 - 20px); width: {select:Content Size}; } #header { margin-bottom: 60px; margin-top: 40px; } #header #avatar { position: relative; left: 50%; margin-left: -64px; border-radius:{select:Avatar}; display: {select:Avatar}; display: block; } #header #layer { width: 128px; height: 128px; background-size: 128px; position: relative; display: block; left: 50%; margin-top: -128px; margin-left: -64px; background-image: url({select:Avatar}); } #header #title { font-size: {select:Title Size}px; /* Title Size */ text-align: center; font-family: {font:Title}; /* Title Font Family */ text-transform: uppercase; font-weight: 100; } #header #title a{ color: {color:Title}; /* Title Color */ text-decoration: none; } #header #description { width: 500px; position: relative; left: 50%; margin-left: -250px; font-size: 10px; text-align: center; font-family: {font:Description}; color: {color:Description}; /* Descripton Color */ } #header #links { width: 500px; font-size: 10px; position: relative; left: 50%; margin-left: -250px; text-align: center; margin-top: 20px; font-family: {font:Description}; } #header #links .link{ text-decoration: none; margin-left: 5px; margin-right: 5px; color: {color:Description}; /* description Color */ } {CustomCSS} if ( self !== top ) {document.getElementById('button').style.bottom='34px'; } {Title} {block:Description} {Description} {/block:Description} {block:AskEnabled}{AskLabel} {/block:AskEnabled} {block:HasPages} {block:Pages}{Label}{block:Pages}{/block:HasPages} {block:ifShowArchive}Archive{/block:ifShowArchive} {block:ifShowRSS}RSS{/block:ifShowRSS} {block:IfCustomLinkOneTitle}{Text:Custom Link One Title}{/block:IfCustomLinkOneTitle} {block:IfCustomLinkTwoTitle}{Text:Custom Link Two Title}{/block:IfCustomLinkTwoTitle} {block:IfCustomLinkThreeTitle}{Text:Custom Link Three Title}{/block:IfCustomLinkThreeTitle} {block:ifTwitterUsername}Twitter{/block:ifTwitterUsername} {block:ifInstagarmUsername}Instagram{/block:ifInstagarmUsername} {block:ifFacebookURL}Facebook{/block:ifFacebookURL} {block:ifShowThemelink}Theme {/block:ifShowThemelink} {block:PermalinkPage} {block:PermalinkPage} {block:Posts}{block:Text} {block:Title} {Title} {/block:Title} {Body} {/block:Text}{block:Photo} {block:IndexPage} {LikeButton size="18" color="White"} {ReblogButton size="18" color="White"} {NoteCount} {block:ifShowPhotoCaption} {block:Caption} {Caption} {/block:Caption} {/block:ifShowPhotoCaption} {/block:IndexPage} {/block:Photo}{block:Panorama} {LinkOpenTag} {LinkCloseTag}{block:Caption} {Caption} {/block:Caption} {/block:Panorama}{block:Photoset} {block:IndexPage} {block:Photos} {/block:Photos} {/block:IndexPage} {block:ifShowPhotoCaption} {block:IndexPage} {block:Caption} {Caption} {/block:Caption} {/block:IndexPage} {/block:ifShowPhotoCaption} {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} {/block:Photoset}{block:Quote} "{Quote}" {block:Source} {Source} {/block:Source} {/block:Quote}{block:Link} {Name} {Name} {block:Description} {Description} {/block:Description} {/block:Link}{block:Chat} {block:Title} {Title} {/block:Title} {block:Lines} {block:Label} {Label} {/block:Label}{Line} {/block:Lines} {/block:Chat}{block:Video} {block:IndexPage} {Video-250} {/block:IndexPage} {block:PermalinkPage} {Video-500} {/block:PermalinkPage} {block:IndexPage} {block:Caption} {Caption} {/block:Caption} {/block:IndexPage} {/block:Video}{block:Audio} {block:AlbumArt} {/block:AlbumArt} {block:Artist} {Artist} {/block:Artist} {block:TrackName} {TrackName} {/block:TrackName} {block:AlbumArt} {/block:AlbumArt} {block:Artist} {Artist} {/block:Artist} {block:TrackName}
{TrackName} {/block:TrackName} {AudioPlayerBlack} {block:IndexPage} {block:Caption} {Caption} {/block:Caption} {/block:IndexPage} {/block:Audio}{block:Answer} {Asker} asked: {Question} {Answer} {/block:Answer} {block:IndexPage} {NoteCountWithLabel} {LikeButton size="16" color="Black"} {ReblogButton size="16" color="Black"} {/block:IndexPage} {block:PermalinkPage} {block:Date} {block:RebloggedFrom} Reblogged from: {ReblogParentName} {block:ContentSource} Source: {SourceTitle} {/block:ContentSource} {/block:RebloggedFrom} {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} {NoteCountWithLabel} {TimeAgo} {block:Caption} {/block:Caption} {Caption} {block:Caption} {/block:Caption} {block:HasTags} {block:Tags} #{Tag} {/block:Tags} {/block:HasTags} {PostNotes} {/block:Date} {block:PermalinkPage} {/block:Posts} {block:ifNotInfiniteScroll} {block:NextPage} Next Page » {/block:NextPage} {block:PreviousPage} « Previous Page {/block:PreviousPage} {/block:ifNotInfiniteScroll} {block:NextPage} {block:ifInfiniteScroll}{/block:ifInfiniteScroll} {/block:NextPage} {block:IndexPage} (function () { var $tumblelog = $('#content'); $tumblelog.infinitescroll({ navSelector: ".pagination", nextSelector: ".pagination a:last-child", itemSelector: "article", }, function (newElements) { var $newElems = $(newElements).css({ opacity: 0 }); $newElems.imagesLoaded(function () { $newElems.animate({ opacity: 1 }); $tumblelog.masonry('appended', $newElems); }); }); $tumblelog.imagesLoaded(function () { $tumblelog.masonry({ columnWidth: function (containerWidth) { return containerWidth / 100; } }); }); })(); (function () {var $tumblelog = $('#content'); })(); var $tumblelog = $('#content'); $tumblelog.infinitescroll({ navSelector: ".pagination", nextSelector: ".pagination a:last-child", itemSelector: "article", }, function (newElements) { var $newElems = $(newElements).css({ opacity: 0 }); $newElems.imagesLoaded(function () { $newElems.animate({ opacity: 1 }); $tumblelog.masonry('appended', $newElems); }); }); $tumblelog.imagesLoaded(function () { $tumblelog.masonry({ columnWidth: function (containerWidth) { return containerWidth / 100; } }); }); {/block:IndexPage}