ilvatie

nt Size}/2 - 20px); width: 1000px; } /* GENERAL POST */ #content .post { background: #FFF; /* color:Post Background */ color: #ffffff; /* color:Text */ width: calc(% - 1px); word-wrap: break-word; margin-left: 1%; margin-right: 1%; overflow: hidden; margin-top: 2%; padding:1%; font-size: 12 /* select:Font Size */; padding-bottom: calc(1% + 40px); } #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: #708090; /* 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: #ffffff; /* 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; padding: 0 !important; width: calc(% + 2% - 1px); padding: 1%; } #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: 0px; 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: #708090; /* 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: #ffffff; /* Text color */ } .permalinkpage .reblogs a{ color: #ffffff !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: #ffffff; /* 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: 2px solid #ffffff; /* Text color */ border-bottom: 2px solid #ffffff; /* Text color */ font-size: 12px; text-align: justify; margin-top: 20px; padding-top: 8px; padding-bottom: 8px; } .permalinkpage .notescontainer #caption a{ color: #ffffff; /* Text/Link color */ text-decoration: none; border-bottom: 1px solid rgb(240, 240, 240); } .permalinkpage .notescontainer #source { width: 100%; height: 40px; background-color: #ffffff; /* 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; list-style: none; border-top: 1px solid rgba(100, 100, 100, 0.2); border-bottom: 1px solid rgba(100, 100, 100, 0.2); } .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 #lable{ font-weight: 400; } .permalinkpage .notescontainer #tags li:first-child{ margin-left: -3em; } .permalinkpage .notescontainer #tags li a{ color: #ffffff; /* 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; } .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; } .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 // */ /* CSS // LAYER2 */ #header { width: 100%; z-index: 3; top: 0; padding-bottom: 60px; padding-top: 40px; position: fixed; background-color: #000000; } .visible { position: relative !important; opacity: 0; width: 100%; padding-bottom: 80px !important; } #header #title { font-size: px; /* Title Size */ text-align: center; font-family: ; /* Title Font Family */ text-transform: uppercase; font-weight: 100; } #header #title a{ color: #ffffff; /* Title Color */ text-decoration: none; } #header #description { width: 500px; position: relative; left: 50%; margin-left: -250px; font-size: 10px; text-align: center; font-family: ; color: #ffffff; /* Descripton Color */ } #header #links { width: 500px; font-size: 10px; position: relative; left: 50%; margin-left: -250px; text-align: center; margin-top: 20px; font-family: ; } #header #links .link{ text-decoration: none; margin-left: 5px; margin-right: 5px; color: #ffffff; /* description Color */ } .tumblr_controls { position: absolute; top: 0px; right: 0px; display: block; pointer-events: none; } .tumblr_controls { position: fixed !important; top: 0px !important; right: 0px !important; display: block; pointer-events: none; } #tumblr_controls { position: fixed !important; top: 0px !important; right: 0px !important; }

"It’s funny, when I think about this exact time last year. Things were so different. I never would have thought that things could change so much in only a year. I wonder what next October will be like."

(via keefrich)

432,264 notes