#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.
Jennifer Rogers (OC) gif edit.
Jennifer Rogers, working as an agent of HYDRA but eventually being rescued by Steve Rogers, her brother.