*, body, a, a:hover {cursor: url(http://38.media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif), auto;} img{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;} img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} #counters a { color#fff; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; } #counters a:hover { color:#eee; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; } #actualposts img { max-width:350px; height:auto; border:none; opacity:1; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-filter:grayscale(100%); -webkit-transition: all 0.5s ease-in-out; } #actualposts img:hover { opacity:1; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-filter:grayscale(0%); -webkit-transition: all 0.5s ease-in-out; } .photoset { opacity:.7; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-filter: grayscale(100%); -webkit-transition: all 0.5s ease-in-out; } .photoset:hover { opacity:1; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-filter: grayscale(0%); -webkit-transition: all 0.5s ease-in-out; } .photo { opacity:.7; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-filter: grayscale(100%); -webkit-transition: all 0.5s ease-in-out; } .photo:hover { opacity:1; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-filter: grayscale(0%); -webkit-transition: all 0.5s ease-in-out; } /*why do we even have this lever*/ ::-webkit-scrollbar-thumb:vertical {border:3px solid color width:9px; height:12px; background-color:#111111;} ::-webkit-scrollbar-thumb:horizontal {background-color:#111111;} ::-webkit-scrollbar {height:7px;width:2px;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:transparent;display:block;height:7px;border-right:2px solid transparent;border-left:2px solid transparent; } /*, AKA random shit which is important*/ body { margin:0px; padding:0px; font-style:none; background-image:url("https://66.media.tumblr.com/88d7714386af1d39c3340214089ccb18/tumblr_og19vcAm9V1vecauro1_r3_1280.png"); background-position:top left; background-attachment:fixed; background-repeat:no-repeat; background-color:#111111; font-family:"calibri"; color:#979797; font-size:10px; font-family:"calibri"; } a { color:#c9c9c9; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a:hover { color:#ffffff; text-decoration:none; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } p a { text-decoration:underline; } blockquote a { text-decoration:underline; } img { border:none; max-width:100%; } h1 { font-size:16px; font-family:'Century Gothic'; text-shadow:2px 2px black; text-transform:uppercase; color:#868686; text-align:center; } h2 { font-size:16px; font-family:'Open Sans Condensed'; text-shadow:2px 2px black; text-transform:uppercase; color:#868686; } blockquote { padding-right:8px; padding-left:5px; margin:2px; border-left:2px dashed #2e1f1d; } quote { font-size:10px; font-family:arial; padding-bottom:10px; letter-spacing:0px; font-weight:bold; line-height:150%; font-weight:normal; text-align:center; } /*end random shit*/ /*dem links*/ #links { display:inline-block; position:fixed; color:#c9c9c9; margin-top:69px; margin-left:600px; font-family:"cambria"; width:10px; font-size:10px; text-transform:uppercase; text-align:center; line-height:100%; z-index:99990; } /*ALL LINKS*/ #links a{ z-index:10; color:#979797; text-shadow:1px 1px black; font-size:12px; line-height:100%; margin-left:5px; text-decoration:none; -moz-transition-duration:.5s; -webkit-transition-duration:.5s; -o-transition-duration:.5s; } #links a:hover { color:#fff; text-shadow:0px 0px 7px white; } /*next back*/ #pagination { position:fixed; margin-left:567px; margin-top:590px; text-shadow:1px 1px black; font-size:20px; font-family:arial; color:#979797; z-index:99999; letter-spacing:-1px; } #a { color:#8e8e93; text-decoration:none; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; } #a:hover { color:#fff; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; } /*posts— OKAY!!! DON'T FORGET TO ADD PX WHEN PLUGGING YOUR VALUES INTO THE CUSTOMIZATION BAR ALSO, IF YOU DON'T WANT YOUR CONTAINER TO 'SLIDE', I.E. ASK BOXES AND NON-TEXT THINGS GET CUT OFF, YOUR POSTS WIDTH MUST BE SMALLER THAN THE CONTAINERS WIDTH*/ #postscontainer { z-index:99999; position:fixed; height:374px; width:290px; overflow-y:scroll; overflow-x:hidden; margin-left:320px; margin-top:213px; } #posts { width:280px; margin-top:0px; padding-top:30px; font-size:13px; color:#979797; letter-spacing:.5px; line-height:110%; text-align:justify; border-bottom:2px; border-color:gray; } /*REBLOG, DATE BUTTONS AND STUFF*/ #via { z-index:99999; padding:10px; padding-bottom:0px; } /*taggity tags*/ #tags { z-index:99999; width:280px; text-align:justify; margin-left:0px; margin-top:7px; font-size:10px; color:#948b4c: } #tags a { z-index:99999; color:#948b4c; font-family:"calibri"; } #tags a:hover { color:#ffffff font-family:"calibri"; } /* stuffs*/ #ask { margin-top:-14px; font-family:"calibri"; text-align:left; } #ask img { margin-top:30px; width:50px; } #askbg { padding:10px; border-bottom:3px double #b4b4b4; border-top:3px double #b4b4b4; text-align:center; color:#fff; background:#202020; text-shadow:1px 1px black; font-family:'silkscreen'; font-size:11px; padding-bottom:-10px; margin-bottom:10px; } /*italics and bold*/ b, strong { color:#474340; font-family: 'Teko', sans-serif; font-size:14px; text-shadow:0px 0px 3px black; } big { font-size:14px; } i, em { font-family:'yellowtail'; font-size:18px; letter-spacing:1px; color:#fff; text-shadow:0px 0px 5px #fff; } } /*TO HERE IF YOU WANNA GET RID OF SHADOWS. THIS IS ALSO A GOOD PLACE TO CHANGE THE STYLES*/ /*music*/ /*OKAY!!! BILLY PLAYER IS THE BEST PLACE TO FIND STYLISH MUSIC PLAYERS. A TUTORIAL: http://jollythemes.tumblr.com/post/42360414845/how-to-put-billy-music-player-to-your-blog AND A REMINDER THAT I'VE ALREADY ADDED A PLACE FOR THE MUSIC IN THE CUSTOMIZATION BAR.*/ #music { margin-left:px; margin-top:px; position:fixed; } /*DO NOT TOUCH FROM HERE*/ #credit { font-size:9px; font-family:cambria; font-style:italic; letter-spacing:1px; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; } #credit a { padding:0px; position:fixed; right:15px; bottom:-5px; } #credit a:hover { color:#fff; } /*TO HERE*/ /*OKAY!!! ALL THESE PURPLE AND BLUE BRACKETS ARE PLACES WHERE YOU CAN CHANGE YOUR PHOTO SIZES. IF YOU CHANGE THE SIZES, GO TO PhotoURL-400 AND CHANGE 400 TO 250, 500, OR 700. OR YOU CAN LEAVE IT THE SAME. YOU CAN DO THE SAME FOR PHOTOSETS. Photoset-250 GOES FOR THE SAME NUMBERS.*/