#s-m-t-tooltip{ max-width:300px; margin:15px; padding:2px 8px; border:1px solid black opacity:.9; background:#000000; color:; z-index:999999; font-size:8px; font-style:none; font-family: "calibri"; text-transform:uppercase; box-shadow:1px 1px 3px rgba(0,0,0,.1);} /*why do we even have this lever*/ ::-webkit-scrollbar-thumb:vertical {border:3px solid color width:9px; height:12px; background-color:#ffffff;} ::-webkit-scrollbar-thumb:horizontal {background-color:#ffffff;} ::-webkit-scrollbar {height:7px;width:2px;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:transparent;display:block;height:8px;border-right:2px solid transparent;border-left:2px solid transparent; } /*body, AKA random shit which is important*/ body { font-style:none; background-image:url("http://i.imgur.com/l9q9q87.png"); background-position:top left; background-attachment:fixed; background-repeat:no-repeat; background-color:#d4d4d4; font-family:"calibri"; color:#fff; font-size:14px; font-family:"calibri"; justify:left; } strike { color:black; } a { font-size:px; color:#555555; font-family: 'Cedarville Cursive', cursive; 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:#5d0000; text-decoration:none; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } img { border:none; max-width:100%; justify:left } h1 { font-size:40px; line-height:30px; color:#181818; font-family: 'Great Vibes', Helvetica, sans-serif; width:500px; text-align:left; } blockquote { padding:6px ; margin:5px 0 3px 7px; border-left:2px solid #6d6d6d; border-radius:10px; border-color:#1d4e86; justify:left; } /*end random shit*/ /*dem links*/ #links { margin-top:139px; margin-left:470px; color:#555555; position:fixed; width:150px; font-family:"calibri"; text-transform:uppercase; text-align:center; color: #555555; text-shadow: 0 0 5px #555555;, 0 0 10px #555555;, 0 0 15px #555555;, 0 0 20px #555555;, 0 0 30px #555555;, 0 0 40px #555555;, 0 0 50px #555555;, 0 0 75px #555555; font-family: "calibri", Arial; } /*ALL LINKS*/ #links a { padding:3px; font-size:30px; font-family: "calibri", Arial; } #links a:hover { color:#5d0000; text-shadow: 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 30px rgba(255,255,255,0.4), 0px 0px 50px rgba(255,255,255,0.3), 0px 0px 180px rgba(255,255,255,0.3); color: #5d0000; } /*next back*/ #pagination { margin-top:485px; margin-left:1100px; font-style:italic; text-align:center; font-size:20px; font-family:"calibri"; color:#555555; position:fixed; } #pagination a{ color:#555555; font-family:"calibri"; } #pagination a:hover { color:#5d0000; font-family:"calibri"; } /*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 { position:fixed; height:330px; width:525px; overflow-y:scroll; overflow-x:hidden; margin-left:570px; margin-top:169px; padding-bottom:0px; } #posts { width:500px; padding-top:30px; margin-top:0px; font-size:11px; color:#fff; line-height:90%; text-align:left; border-bottom:2px; border-color:gray; } /*taggity tags*/ #tags { width:500px; margin-left:0px; margin-top:7px; font-size:10px; color:#946666: } #tags a { color:#946666; font-family:"calibri"; } #tags a:hover { color:#5d0000 font-family:"calibri"; } /*ask stuffs*/ #ask { margin-top:-10px; font-family:"calibri"; text-align:left; } #ask img { margin-top:30px; width:50px; text-align:left; } #askbg { padding:12px; background-color:#bb8b8b; } /*italics and bold*/ /*OKAY!!! DELETE FROM HERE*/ b, strong{ color: #005b92; font-size:18px; letter-spacing:0px; text-shadow: 2px 2px 0px #ffffff; font-weight: bold; font-family: 'Gloria Hallelujah', cursive; width:500px; } i, em, strong { color: #391313; font-size:18px; letter-spacing:0px; text-shadow:0 0 0.2em #d10000; font-weight: bold; font-family: 'Waiting for the Sunrise', cursive; width:500px; } /*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.*/ /*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:-15px; } #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.*/ #thing { width:180px; height:180px; Margin-top:170px; Margin-left:1125px; position:Fixed; transition:0.6s ease-in-out; -o-transition:0.6s ease-in-out; -ms-transition:0.6s ease-in-out; -moz-transition:0.6s ease-in-out; -webkit-transition:0.6s ease-in-out; } #thing:hover #updates { height:325px; opacity:1; transition:0.6s ease-in-out; -o-transition:0.6s ease-in-out; -ms-transition:0.6s ease-in-out; -moz-transition:0.6s ease-in-out; -webkit-transition:0.6s ease-in-out; } #thing:hover #t { margin-top:-10px; width:190px; -ms-transform:none; -moz-transform:none; -webkit-transform:none; -o-transform:rotate:none; } #thing:hover #l { margin-top:338px; width:190px; -ms-transform:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; } #thing:hover #l a { opacity:1; } #l a { margin-left:80px; font-size:10px; text-align:center; display:inline-block; position:fixed; opacity:0; margin-top:-5px; transition:0.7s ease-in-out; -o-transition:0.7s ease-in-out; -ms-transition:0.7s ease-in-out; -moz-transition:0.7s ease-in-out; -webkit-transition:0.7s ease-in-out; } #t { width:100px; height:1px; background-color:#777; margin:20px 5px 0; position:fixed; z-index:2; -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transition:0.7s ease-in-out; -o-transition:0.7s ease-in-out; -ms-transition:0.7s ease-in-out; -moz-transition:0.7s ease-in-out; -webkit-transition:0.7s ease-in-out; } #l { position:fixed; width:100px; height:1px; background-color:#777; margin:20px 5px 0; z-index:2; -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition:0.7s ease-in-out; -o-transition:0.7s ease-in-out; -ms-transition:0.7s ease-in-out; -moz-transition:0.7s ease-in-out; -webkit-transition:0.7s ease-in-out; } #updates { z-index:1; opacity:0; padding:2px 5px; position:fixed; height:2px; width:170px; color:#777777; font-size:11px; margin-top:0px; margin-left:10px; margin-bottom:10px; font-family:Times; overflow:hidden; line-height:110%; text-align:justify; background:rgba(255, 255, 255, 0.8); transition:0.7s ease-in-out; -o-transition:0.7s ease-in-out; -ms-transition:0.7s ease-in-out; -moz-transition:0.7s ease-in-out; -webkit-transition:0.7s ease-in-out; }
SELECTIVE // MUTUALS ONLY
MARVEL ORIGINAL CHARACTER.
UPDATE TAB CREDIT.
BG IMG CREDIT.