body {
margin: 0;
padding: 0;
background: ;
background-image: url('');
background-attachment: fixed;
font-size: px /* select:Font Size */;
font-family: ;
}
a {
color: ; /* color:Link */
text-decoration: none;
}
/* GENERAL */
#infscr-loading {
width: 50px;
height: 30px;
position: absolute;
bottom: 30px;
left: 50%;
line-height: 30px;
opacity: 0.3;
text-align: center;
border-radius: 6px;
padding-left: 10px;
margin-left: -15px;
padding-right: 10px;
background-color: rgba(250, 250, 250, 0.7);
}
#tumblr_controls {
position: fixed !important;
top: 7px !important;
right: 3px !important
}
#content {
width: ;
height: 100%;
margin: 0 auto;
margin-top: 18px;
font-family: ;
}
#content a{
color: #000; /* color:Link */
text-decoration: none;
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
#description a {
color: ; /* 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% - /2 - 20px);
width: ;
}
/* GENERAL POST/ARTICLE */
#content article {
background: #FFF; /* color:Post Background */
color: ; /* color:Text */
width: calc(% - 1px);
word-wrap: break-word;
margin-left: 1%;
margin-right: 1%;
overflow: hidden;
margin-top: 2%;
padding: 1%;
font-size: /* select:Font Size */;
padding-bottom: calc(1% + 40px);
width: 470px !important;
position: relative !important;
left: 50% !important;
margin-left: -250px !important;
margin-top: 0px !important;
padding: 15px !important;
}
#content article 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 article a{
color: ; /* color:Link */
text-decoration: none;
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
#content article img {
height: auto;
width: auto;
position: relative;
display: block;
}
#content article iframe, img, embed, object, video {
max-width: 100%;
}
#content article .answer_form_container {
min-height: 140px;
position: relative;
}
#content article #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 article #headline a{
color: ; /* 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;
}
#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 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-top: 100px;
margin-left: -250px;
}
.permalinkpage .reblogs {
width: 100%;
margin-top: 30px;
position: relative;
height: 40px;
color: ; /* Text color */
}
.permalinkpage .reblogs a{
color: !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: ; /* 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: ; /* Text/Link color */
text-decoration: none;
border-bottom: 1px solid rgb(240, 240, 240);
}
.permalinkpage .notescontainer #source {
width: 100%;
height: 40px;
background-color: ; /* 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: ; /* 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;
}
.permalinkpage .notescontainer ol.notes a{
border: none !important;
color: ;
}
.permalinkpage .notescontainer ol.notes li.note img.avatar {
width: 15px;
height: 15px;
border: none !important;
}
.permalinkpage .notescontainer ol.notes li.note span.action {
display: none;
}
.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;
}
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 // */
#header {
background: #FFF; /* color:Post Background */
color: ; /* color:Text */
width: calc(% - 1px);
word-wrap: break-word;
margin-left: 1%;
margin-right: 1%;
overflow: hidden;
margin-top: 2%;
font-size: /* select:Font Size */;
position: relative;
height: auto;
padding: 0 1% 40px 1% !important;
}
#header #first {
position: relative;
background-color: #FFF;
}
#header #first #preavatar{
position: relative;
width: 80%;
left: 10%;
margin-top: 15%;
}
#header #first #avatar{
width: 100%;
border-radius: ;
}
#header #first #avatarbetter {
background-image: url();
background-size: 102%;
background-repeat: no-repeat;
background-position: center;
width: 102%;
height: 102%;
top: -1%;
left: -1%;
position: absolute;
border-radius: ;
}
#header #first #text{
top: 12px;
-webkit-font-smoothing: antialiased;
position: relative;
text-align: center;
}
#header #first #text #title{
font-family: ;
color: ;
font-size: 18px;
}
#header #first #text #title h1{
font-size: 18px;
}
#header #first #text #description{
font-size: 12px;
font-family: ;
}
#header #first #social {
top: 70px;
z-index: 4;
top: 30px;
position: relative;
margin: 0 auto;
text-align: center;
}
#header #first #social a{
border: none;
text-decoration: none;
}
#header #first #social #one{
display: inline;
margin-left: 2px;
margin-right: 2px;
width: 30px;
height: 30px;
border-radius: 50%;
opacity: 0.5;
background-color: ;
-webkit-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
position:relative;
}
#header #first #social #one:hover{
opacity: 0.8;
}
#header #first #navigation {
width: 114%;
position: relative;
min-height: 40px;
text-align: center;
line-height: 40px;
top: 42px;
left: -7%;
background-color: ;
}
#header #first #navigation a{
font-family: ;
color: #FFF;
font-size: 12px;
text-decoration: none;
border: 0;
margin-left: 5px;
margin-right: 5px;
}
#topline {
width: 100%;
height: 6px;
position: fixed;
top: 0px;
z-index: 500;
background-color: ;
height: 40px;
padding-left: 5%;
width: 95%;
line-height: 40px;
text-align: left;
}
#topline a{
color: #FFF;
font-size: 18px;
text-decoration: none;
}
Reblogged from:
elina234-blog
that-dope-shit-that-i-like liked this
shaunesprit liked this emienn liked this
iameverything reblogged this from iameverything 
sandorcsudai liked this neo-ps1 liked this
leiavinicius liked this pari-mundi reblogged this from stoned--in--heaven
deathofdevill reblogged this from cirru-s
cirru-s reblogged this from dulgent
beamtle liked this cloevr reblogged this from niebywale
emotional-flaws posted this