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: 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: #e89e8c; /* 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: #000000; /* Text color */ } .permalinkpage .reblogs a{ color: #000000 !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: #000000; /* 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: #000000; /* Text/Link color */ text-decoration: none; border-bottom: 1px solid rgb(240, 240, 240); } .permalinkpage .notescontainer #source { width: 100%; height: 40px; background-color: #000000; /* 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: #000000; /* 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: #e89e8c; } .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 // Simple */ #header { margin-bottom: 100px; margin-top: 100px; } #header #title { font-size: 90px; /* Title Size */ text-align: center; font-family: courier new,monospace; /* Title Font Family */ text-transform: uppercase; font-weight: 100; } #header #title a{ color: #F2992E; /* Title Color */ text-decoration: none; } #header #description { width: 500px; position: relative; left: 50%; margin-left: -250px; font-size: 10px; text-align: center; font-family: Futura, 'Century Gothic', AppleGothic, sans-serif; color: #000000; /* Descripton Color */ } #header #links { width: 500px; font-size: 10px; position: relative; left: 50%; margin-left: -250px; text-align: center; margin-top: 20px; font-family: Futura, 'Century Gothic', AppleGothic, sans-serif; } #header #links .link{ text-decoration: none; margin-left: 5px; margin-right: 5px; color: #000000; /* description Color */ } #content .post { margin: 0; width: calc(29% + 2%); } #content .photo { width: calc(29% + 2%); }
(12) Tumblr on We Heart It - http://weheartit.com/entry/64302534/via/sweetsandy

 Hearted from: http://fuckyeahcutewishes.tumblr.com/post/52673418141