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%); }
Tumblr on We Heart It - http://weheartit.com/entry/55037255/via/sweetsandy
12.03.13
338 notes
  1. sextingrichard reblogged this from ignitetheliight
  2. hipstersbleedroses reblogged this from cherrysandy
  3. neverbeperfectlikeyou reblogged this from cherrysandy
  4. monacoprincess reblogged this from zarisabel
  5. breezyappleorchard reblogged this from theseasonalblog
  6. his-banner-over-you-is-love reblogged this from anchoredinchrist4ever
  7. twistedsoul-gn reblogged this from blog-colouring-life-book
  8. daughterofoursavior reblogged this from anchoredinchrist4ever
  9. blog-colouring-life-book reblogged this from anchoredinchrist4ever
  10. anchoredinchrist4ever reblogged this from instepwithyou
  11. cujiine reblogged this from theseasonalblog
  12. sunexplodes reblogged this from moonlistener
  13. instepwithyou reblogged this from redeeming-l0ve
  14. savannahsteelmagnolia reblogged this from my-colouring-book
  15. open-eyeddreamer reblogged this from my-colouring-book
  16. nicnacattack reblogged this from sobetrulyglad
  17. sobetrulyglad reblogged this from redeeming-l0ve
  18. redeeming-l0ve reblogged this from my-colouring-book
  19. xpichuuyunikon reblogged this from my-colouring-book
  20. risking-hope reblogged this from my-colouring-book
  21. brokenhearts-betterstarts reblogged this from my-colouring-book
  22. completeandutterdisaster reblogged this from my-colouring-book
  23. chasingelectricskies reblogged this from my-colouring-book
  24. my-colouring-book reblogged this from pretty-rosetta
  25. lalalaspring reblogged this from theseasonalblog
  26. guppy19 reblogged this from theseasonalblog
  27. theseasonalblog reblogged this from fortheloveoffall
  28. vitachuuu reblogged this from bucklings
  29. tigress181 reblogged this from bucklings
  30. heismysailorandiamhissweetheart reblogged this from cthulhufruitloops
  31. bajiinka reblogged this from bucklings
  32. volunteerinsomniacs reblogged this from glimpse-of-a-wayfarer
  33. icunvme reblogged this from pretty-glamorous
  34. everlasting-carnation reblogged this from mochimallow
  35. blueeyesandredskies reblogged this from bucklings
  36. agreatday-forfreedom reblogged this from bucklings
  37. a-case-of-chaos reblogged this from une-petitemort
  38. une-petitemort reblogged this from elliemayphippsy
  39. okshiolove reblogged this from why-must-we-all-make-sense