Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!------------VERSION 1.2 IS OUT WITH FIXES TO HTML AND INDIVIDUAL COLOR CHANGES TO ALL WEAPONS BOXES! PLEASE DOWNLOAD THAT VERSION
- INSTEAD OF THIS ONE AT https://pastebin.com/AEQJBQHE ------->
- <!--
- ---------------------
- ---CROCKETT'S------==
- ----THEMES-------==
- -(BADMECHA007)-==
- -------------==
- -----------==
- ---------==
- -------==
- -----==
- ---==
- -== @2016 ~ badmecha007
- =
- -----------------=========RULES:
- | 1. Do not steal or claim as your own.
- | 2. Do not use as base code. As well
- | as my coding system being fucking
- | confusing, my code is not up for
- | base use, period as some of it
- | is used from another person's base.
- | 3. Leave the watermark intact.
- | Do not remove it from the code
- | when customising.
- | 4. Minor modifications are fine.
- | You may take inspiration from my CSS
- | (check on my blog or ask
- | for specific css if you wish)
- | but try not to take giant snippets
- | of code (+8 lines of CSS).
- | 5. Share and reblog the original
- | post in goodwill if you do use this theme.
- Big thanks to SMT tooltips for the tooltip
- java code, themesbyeris for her base code, w3schools and
- various nameless peeps on jsfiddle for inspiration
- and help. Go there if you want the tooltips, base code,
- and general coding assistance unrelated to this theme
- respectively.
- Team Fortress 2 belongs to Valve. Best hat simulator there is.
- ========================valve - tf2 - loadout v1==============================
- COLORS:
- ORIGINAL TF2 LOADOUT:
- bg grey = #322E2B
- button light grey = #7F7367
- highlight salmon pink = #E06A5C
- border grey = #867C73
- bottom banner grey = #3d3834
- text color white = #e9e9e9
- RED = #bd3a3a
- BLU = #5b7a8c
- NOTICE: This code uses #rrggbbaa hex notation, and thus will require Chrome 62 or higher to run fully.
- -->
- <meta name="color:Highlights" content="#8B8279"/>
- <meta name="color:Background" content="#322E2B" />
- <meta name="color:SecondTab" content="#302C2B" />
- <meta name="color:Bottom" content="#3d3834" />
- <meta name="color:Stripe1" content="#322E2B" />
- <meta name="color:Stripe2" content="#2F2A27" />
- <meta name="color:Text" content="#e9e9e9" />
- <meta name="color:headerBG" content="#322E2B" />
- <meta name="image:headerBG" content="" />
- <meta name="color:AskBG" content="" />
- <meta name="color:PostBG" content="#322E2B" />
- <meta name="image:PostBG" content="" />
- <meta name="text:TabName" content=""/>
- <meta name="text:Tab2Name" content=""/>
- <meta name="if:Link 1 enabled" content="1"/>
- <meta name="text:Link1" content=""/>
- <meta name="text:Link1URL" content=""/>
- <meta name="text:Link1Img" content=""/>
- <meta name="if:Link 2 enabled" content="1"/>
- <meta name="text:Link2" content=""/>
- <meta name="text:Link2URL" content=""/>
- <meta name="text:Link2Img" content=""/>
- <meta name="if:Link 3 enabled" content="1"/>
- <meta name="text:Link3" content=""/>
- <meta name="text:link3URL" content=""/>
- <meta name="text:Link3Img" content=""/>
- <meta name="if:Link 4 enabled" content="1"/>
- <meta name="text:Link4" content=""/>
- <meta name="text:link4URL" content=""/>
- <meta name="text:Link4Img" content=""/>
- <meta name="if:Link 5 enabled" content="1"/>
- <meta name="text:Link5" content=""/>
- <meta name="text:link5URL" content=""/>
- <meta name="text:Link5Img" content=""/>
- <meta name="if:Link 6 enabled" content="1"/>
- <meta name="text:Link6" content=""/>
- <meta name="text:link6URL" content=""/>
- <meta name="text:Link6Img" content=""/>
- <meta name="if:Link 7 enabled" content="1"/>
- <meta name="text:Link7" content=""/>
- <meta name="text:link7URL" content=""/>
- <meta name="text:Link7Img" content=""/>
- <meta name="if:Link 8 enabled" content="1"/>
- <meta name="text:Link8" content=""/>
- <meta name="text:link8URL" content=""/>
- <meta name="text:Link8Img" content=""/>
- <meta name="text:SmallButtonOne" content=""/>
- <meta name="text:SmallButton1URL" content=""/>
- <meta name="text:SmallButtonTwo" content=""/>
- <meta name="text:SmallButton2URL" content=""/>
- <meta name="text:SmallButtonThree" content=""/>
- <meta name="text:SmallButton3URL" content=""/>
- <meta name="text:SmallButtonFour" content=""/>
- <meta name="text:SmallButton4URL" content=""/>
- <meta name="text:SecondaryMenu1Title" content=""/>
- <meta name="text:SecondaryMenu2Title" content=""/>
- <meta name="select:Quality" content="#B2B2B2" title="Stock">
- <meta name="select:Quality" content="#FFD700" title="Unique">
- <meta name="select:Quality" content="#476291" title="Vintage">
- <meta name="select:Quality" content="#4D7455" title="Genuine">
- <meta name="select:Quality" content="#CF6A32" title="Strange">
- <meta name="select:Quality" content="#8650AC" title="Unusual">
- <meta name="select:Quality" content="#38F3AB" title="Haunted">
- <meta name="select:Quality" content="#AA0000" title="Collector's">
- <meta name="select:Quality" content="#B0C3D9" title="Civilian">
- <meta name="select:Quality" content="#5E98D9" title="Freelance">
- <meta name="select:Quality" content="#4B69FF" title="Mercenary">
- <meta name="select:Quality" content="#8847FF" title="Commando">
- <meta name="select:Quality" content="#D32CE6" title="Assassin">
- <meta name="select:Quality" content="#EB4B4B" title="Elite">
- <meta name="select:Quality" content="#70B04A" title="Community">
- <meta name="select:Quality" content="#A50F79" title="Valve">
- <meta name="select:QualityLinks" content="#B2B2B2" title="Stock">
- <meta name="select:QualityLinks" content="#FFD700" title="Unique">
- <meta name="select:QualityLinks" content="#476291" title="Vintage">
- <meta name="select:QualityLinks" content="#4D7455" title="Genuine">
- <meta name="select:QualityLinks" content="#CF6A32" title="Strange">
- <meta name="select:QualityLinks" content="#8650AC" title="Unusual">
- <meta name="select:QualityLinks" content="#38F3AB" title="Haunted">
- <meta name="select:QualityLinks" content="#AA0000" title="Collector's">
- <meta name="select:QualityLinks" content="#B0C3D9" title="Civilian">
- <meta name="select:QualityLinks" content="#5E98D9" title="Freelance">
- <meta name="select:QualityLinks" content="#4B69FF" title="Mercenary">
- <meta name="select:QualityLinks" content="#8847FF" title="Commando">
- <meta name="select:QualityLinks" content="#D32CE6" title="Assassin">
- <meta name="select:QualityLinks" content="#EB4B4B" title="Elite">
- <meta name="select:QualityLinks" content="#70B04A" title="Community">
- <meta name="select:QualityLinks" content="#A50F79" title="Valve">
- <meta name="select:QualityLinksHover" content="#B2B2B2" title="Stock">
- <meta name="select:QualityLinksHover" content="#FFD700" title="Unique">
- <meta name="select:QualityLinksHover" content="#476291" title="Vintage">
- <meta name="select:QualityLinksHover" content="#4D7455" title="Genuine">
- <meta name="select:QualityLinksHover" content="#CF6A32" title="Strange">
- <meta name="select:QualityLinksHover" content="#8650AC" title="Unusual">
- <meta name="select:QualityLinksHover" content="#38F3AB" title="Haunted">
- <meta name="select:QualityLinksHover" content="#AA0000" title="Collector's">
- <meta name="select:QualityLinksHover" content="#B0C3D9" title="Civilian">
- <meta name="select:QualityLinksHover" content="#5E98D9" title="Freelance">
- <meta name="select:QualityLinksHover" content="#4B69FF" title="Mercenary">
- <meta name="select:QualityLinksHover" content="#8847FF" title="Commando">
- <meta name="select:QualityLinksHover" content="#D32CE6" title="Assassin">
- <meta name="select:QualityLinksHover" content="#EB4B4B" title="Elite">
- <meta name="select:QualityLinksHover" content="#70B04A" title="Community">
- <meta name="select:QualityLinksHover" content="#A50F79" title="Valve">
- <meta name="select:QualityText" content="#B2B2B2" title="Stock">
- <meta name="select:QualityText" content="#FFD700" title="Unique">
- <meta name="select:QualityText" content="#476291" title="Vintage">
- <meta name="select:QualityText" content="#4D7455" title="Genuine">
- <meta name="select:QualityText" content="#CF6A32" title="Strange">
- <meta name="select:QualityText" content="#8650AC" title="Unusual">
- <meta name="select:QualityText" content="#38F3AB" title="Haunted">
- <meta name="select:QualityText" content="#AA0000" title="Collector's">
- <meta name="select:QualityText" content="#B0C3D9" title="Civilian">
- <meta name="select:QualityText" content="#5E98D9" title="Freelance">
- <meta name="select:QualityText" content="#4B69FF" title="Mercenary">
- <meta name="select:QualityText" content="#8847FF" title="Commando">
- <meta name="select:QualityText" content="#D32CE6" title="Assassin">
- <meta name="select:QualityText" content="#EB4B4B" title="Elite">
- <meta name="select:QualityText" content="#70B04A" title="Community">
- <meta name="select:QualityText" content="#A50F79" title="Valve">
- <meta name="select:Team" content="rgba(91,122,140,0.7)" title="Blu">
- <meta name="select:Team" content="rgba(189,58,58,0.7)" title="Red">
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link href='http://fonts.googleapis.com/css?family=Carme' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=McLaren" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Bangers|Geostar|Henny+Penny|Satisfy|Shadows+Into+Light|Smythe|Stalinist+One|Timmana" rel="stylesheet">
- <!--
- font-family: 'Shadows Into Light', cursive;
- font-family: 'Stalinist One', cursive;
- font-family: 'Geostar', cursive;
- font-family: 'Satisfy', cursive;
- font-family: 'Bangers', cursive;
- font-family: 'Henny Penny', cursive;
- font-family: 'Timmana', sans-serif;
- font-family: 'Smythe', cursive;
- -->
- <style type="text/css">
- body {
- background: {color:Background};
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- font:normal 20px 'Anaheim', sans-serif;
- font-size: 20px;
- color: {color:Text};
- }
- img {
- border: 0;
- max-width: 100%;
- height: auto;
- }
- @font-face {
- font-family: 'tf2build';
- src: url('http://static.tumblr.com/jcho88r/JDfoiw991/tf2build.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;
- }
- #header {
- border-bottom: 3px solid #867C73;
- height: 12%;
- width: 100% ;
- position: fixed;
- margin-left: auto;
- margin-right: auto;
- background-image: repeating-linear-gradient(-70deg, {color:Stripe1}, {color:Stripe1} 10px, {color:Stripe2} 9px, {color:Stripe2} 14px);
- /* background: url('http://i.imgur.com/UO6YnJZ.png') top left fixed repeat ;*/
- z-index: 94;
- top: 0px;
- }
- .partitions {
- border-top-left-radius: 18px;
- border-top-right-radius:18px;
- border-top: 3px solid {color:Highlights};
- border-right:3px solid {color:Highlights};
- border-left:3px solid {color:Highlights};
- position: absolute;
- bottom: -3px;
- margin-left: 50%;
- margin-right:50%;
- font: 30px 'Archivo Black', sans-serif;
- text-align:center;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- #header #partitionmain {
- width: 400px;
- height:50px;
- transform: translate(-135%, 0);
- background: {color:Background};
- border-top: 3px solid {color:Highlights};
- border-right:3px solid {color:Highlights};
- border-left:3px solid {color:Highlights};
- color: rgb(198, 190, 170);
- }
- #header #partitionsecd {
- width: 400px;
- height:47px;
- transform: translate(-30%, -3px);
- background: {color:SecondTab};
- border-top: 3px solid #403D38;
- border-right:3px solid #403D38;
- border-left:3px solid #403D38;
- color: rgb(130, 121, 112);
- }
- #header #pages a {
- width: 129px;
- height: 129px;
- margin-bottom: 15px;
- font-size: 12px;
- }
- #top {
- height: 25vh;
- width:100%;
- position:fixed;
- z-index:20 !important;
- margin-left: auto;
- margin-right: auto;
- top: 0px;
- }
- #top2 {
- height: 25%;
- width:100%;
- position:fixed;
- z-index:99;
- margin-left: auto;
- margin-right: auto;
- top: 0px;
- pointer-events:none;
- }
- #top #topmid {
- height:100%;
- width: 1000px ;
- margin-left: auto ;
- margin-right: auto ;
- background: {color:Background};
- }
- #hide{
- height:calc(100% + 60px);
- width: 600px ;
- background: {color:Background};
- margin-left: auto ;
- margin-right: auto ;
- z-index:999;
- }
- #hide2{
- height: calc(100% + 60px);
- width: 150px ;
- background: {color:Background};
- margin-left: auto ;
- margin-right: auto ;
- right:0;
- left:0;
- transform:translate(360px ,0);
- top:0;
- position:absolute;
- z-index:-14 !important;
- }
- #top #topmid .maintitle {
- letter-spacing: 1px;
- text-transform: uppercase;
- position: absolute;
- bottom: 25px;
- margin-left: 30px;
- color: {color:Text};
- pointer-events:auto !important;
- }
- #top #topmid .maintitle a {
- color: {color:Text};
- font: 30px 'Archivo Black', sans-serif;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-decoration: none;
- z-index:999999999999999 !important;
- transition: font-size .25s ;
- -webkit-transition: font-size .25s ;
- }
- #top #topmid .maintitle a:hover {
- color: #fff;
- }
- #top #topmid #arrows {
- font-size: 25px;
- color: #C35E52;
- bottom: 30px;
- position:absolute;
- }
- #top #topmid #dots {
- font-size: 50px;
- color: {color:Highlights};
- bottom: 5px;
- position:absolute;
- }
- #bbanner
- {
- position:fixed;
- width:100%;
- height:12%;
- background-color:{color:Bottom};
- bottom:0px;
- z-index: 99999999;
- border-top: 3px solid #867C73;
- }
- #anchor{
- position:relative;
- height:1000px;
- width:1200px;/*250px*/
- top:25vh;
- left:2.5vw;
- margin-right: auto;
- margin-left: auto;
- pointer-events:none;
- z-index:60;
- }
- .wepbox{
- letter-spacing: 1px;
- text-transform: lowercase;
- display: inline-block;
- vertical-align: top;
- border-radius: 10px;
- font: 15px 'Archivo Black', sans-serif;
- color: {select:Quality};
- background: {color:AskBG};
- border: 3px solid {select:Quality};
- width: 225px;
- height: 104px;
- text-transform: uppercase;
- text-decoration: none;
- margin: 5px 0px 5px 0px;
- padding: 8px 0 0 0;
- pointer-events:all !important;
- }
- .wepbox:nth-child(odd) {
- margin: 5px 650px 5px 0px;
- z-index:99 !important;
- }
- /* .wepbox:nth-child(even) {
- margin: 30px 0px 30px 0px;
- background:blue;
- }*/
- .wepbox:hover{
- background: {select:Quality}AF;
- }
- .wepbox:active{
- background: #FFF;
- }
- .wepbox a{
- text-decoration: none;
- color: {select:Quality};
- }
- .wepboxtxt{
- text-align: center;
- position:relative;
- width:100%;
- margin-left:auto;
- margin-right:auto;
- bottom: 0;
- }
- .weppic{
- height:80px;
- }
- /* #askbox #wepprim {
- background: url('http://i.imgur.com/jYJxkzS.png') center no-repeat;
- height:80%;
- width:80%;
- margin-left:auto;
- margin-right:auto;
- background-size: contain;
- }
- */
- .contheaders{
- color: #e9e9e9;
- font: 20px 'McLaren', cursive;
- border: 3px solid #e9e9e9;
- border-radius: 10px;
- padding: 5px 15px;
- background:{select:Team};
- list-style:none;
- line-height:14px;
- margin-bottom: 10px;
- }
- .conttext{
- display:inline-block;
- }
- #content {
- left: 0;
- right: 0;
- top: calc(25vh + 60px);
- position:relative;
- z-index:3;
- width: 500px;
- background:{color:Background};
- color: #fff;
- padding-bottom:12vh;
- float: center;
- margin: auto;
- }
- #content a{
- text-decoration: none;
- transition: color .25s;
- }
- #content a:hover{
- color: #fafafa;
- }
- #content blockquote {
- border-left: 3px inset {color:Highlights};
- margin-left: 10px;
- padding: 0px 0px 0px 8px;
- margin-right: 0;
- }
- #content #posts {
- background: ;
- margin: auto;
- border-radius: 10px;
- font: 15px 'McLaren', cursive;
- color: {select:Quality};
- padding: .8em .8em;
- width: 100%;
- background-attachment: inherit;
- margin-bottom: 30px;
- border: 3px solid {color:Highlights};
- z-index:10;
- }
- #posts .text {
- color:{select:QualityText};
- }
- #posts .text a{
- color:{select:QualityLinks};
- }
- #posts .text a:hover{
- color:{select:QualityLinksHover};
- }
- #posts > #notebox{
- display:none;
- }
- #posts:hover > #notebox {
- display: block;
- }
- #content #posts .title{
- font-size:40px;
- font-family: 'Smythe', cursive;
- text-transform:uppercase;
- }
- #content #posts #photo img{
- width:100%;
- height:auto;
- }
- #content #posts #permabox {
- margin-top:10px;
- color: #fff;
- width:100%;
- }
- #content #posts #permabox a{
- color: {color:Text};
- font-size:17px
- text-decoration: none;
- }
- #content #posts #permalink {
- font-size:15px;
- list-style-type: none;
- display:inline-block;
- margin-bottom:5px;
- }
- #content #posts #permalink li{
- list-style-type: none;
- }
- #content #posts #tags {
- font-size: 12px;
- color: {color:Text};
- text-transform: uppercase;
- }
- #content #posts #tags .comma:last-child {
- display: none;
- }
- #player {
- margin-top: 5px;
- }
- #content #notecontainer {
- margin: 20px auto;
- font: 15px 'Ubuntu', sans-serif;
- font-weight: normal;
- width: 100%;
- font-weight: 900;
- }
- #notecontainer a{
- color:{select:QualityLinks};
- }
- #content #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- #content #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- #notecontainer li{
- background: rgb(241,233,203);
- border-radius: 5px;
- margin-bottom: 5px;
- padding: 4px;
- }
- #minbuttonsanc{
- width: 235px;
- height:40px;
- line-height: 34px !important;
- text-align: center;
- bottom:-55px;
- font: 30px 'Archivo Black', sans-serif;
- right:0;
- left:0;
- position:absolute;
- }
- #minbuttonsanc a{
- color:{color:Text};
- }
- #askert{
- color: {color:Text} !important;
- }
- #audiob{
- display:inline-block;
- position:relative;
- margin:auto;
- }
- /* code to edit audioplayer */
- .simple-player .audio-player .play-pause {
- font-size: 19px;
- padding: 0 30px !important;
- width: auto;
- }
- .simple-player .audio-player{
- background:transparent !important;
- border: 2px solid {color:Text};
- }
- .audio-player.has-art {
- background:red !important;
- }
- .audio-player {
- background:red !important;
- }
- /*end*/
- #postdate{
- margin-bottom:5px;
- }
- .headbox{
- border: 3px solid #8B8279;
- border-radius: 15px;
- padding: 15px;
- color: #e9e9e9;
- background:{select:Team};
- }
- #asker{
- display: inline-block;
- max-width: 350px;
- padding-left: 10px;
- }
- #asktitle{
- font: 15px 'Archivo Black', sans-serif !important;
- }
- .notebutton{
- background: #7F7367;
- height: 20px;
- border-radius: 5px;
- font: 12px 'Archivo Black', sans-serif;
- text-align:center;
- cursor: cell;
- position:relative;
- display: inline-block;
- vertical-align: top;
- padding: 0px 5px;
- }
- .notebutton:hover {
- background: #E06A5C;
- }
- .minorbutton {
- background: #7F7367;
- width: 40px;
- height: 40px;
- border-radius: 10px;
- position:relative;
- display:inline-block;
- bottom:5px;
- cursor:crosshair;
- float:center;
- margin: 0 5px 0 5px;
- color: {color:Titletext};
- }
- .minorbutton:hover {
- background: #E06A5C;
- }
- /*
- #reblogbutton {
- left: 515px;
- background-size: contain;
- }
- #reblogbutton #letterbutton {
- width:55%;
- height:55%;
- top:9px;
- left: 9px;
- background: url('http://i.imgur.com/NnrOvrt.png') center no-repeat;
- background-size: contain;
- z-index:10;
- position:relative;
- }*/
- #notebox{
- width:150px;
- border:2px solid black;
- font: 22px 'McLaren', cursive;
- font-weight:550;
- color:white;
- background: rgb(20,20,20);
- position:absolute;
- right:-180px;
- z-index:-99 !important;
- }
- #notebox a{
- width:150px;
- }
- .nboxdes{
- border-bottom:2px solid rgb(240, 240 ,240);
- width:150px;
- color:rgb(240, 240 ,240);
- }
- .nboxdes:hover{
- background: rgba(240, 240 ,240, 0.2);
- }
- .nboxdes:active{
- background: rgba(240, 240 ,240, 0.4);
- }
- .nboxdes a{
- border-bottom:2px solid rgb(240, 240 ,240);
- color:rgb(240, 240 ,240);
- }
- #content #navigation a {
- background-color: #000;
- color: {color:Posts};
- padding: 5px 10px;
- text-decoration: none;
- margin-left: 25px;
- border: 3px solid {color:Trimmings};
- }
- #content #navigation a:hover {
- opacity: 0.9;
- }
- #ident {
- background: url('http://i.imgur.com/K59aJgC.png') center no-repeat;
- background-size: contain;
- height:40px;
- width:40px;
- top:20px;
- cursor:cell;
- z-index:99999999;
- border-radius: 5px;
- position:fixed;
- right:20px;
- opacity:0.3;
- transition: opacity 0.6s;
- }
- #ident:hover {
- opacity:0.6;
- }
- #s-m-t-tooltip {
- max-width:300px;
- height:18px;
- border-radius: 0px;
- text-transform:uppercase;
- padding:4px;
- color:#fff;
- border-top: 2px solid {color:Highlights};
- border-bottom: 2px solid {color:Highlights};
- letter-spacing:1px;
- background:{color:Background};
- font: 15px 'Archivo Black', sans-serif;
- z-index:99999;}
- .linkblock{
- border: 3px solid {color:Highlights};
- border-radius:15px;
- padding: 10px 5px;
- text-align:center;
- }
- .linkblock a{
- font-size:20px;
- color:{select:QualityText};
- }
- .linkblock a:hover{
- font-size:20px;
- color:rgb(240,240,240);
- }
- /*tumblr controls edit*/
- .tumblr_blog {
- text-transform:uppercase;
- color:#fff !important;
- font: 15px 'Archivo Black', sans-serif;
- }
- .iframe-controls-container.iframe-controls-container--logged-in .tx-button {
- background-color:{color:Background} !important;
- border-radius: 5px;
- }
- .iframe-controls-container.iframe-controls-container--logged-in .tx-button:hover {
- background-color: #E06A5C !important;
- }
- .tx-button message-button a{
- background-color:{color:Background} !important;
- border-radius: 5px;
- }
- .tx-button message-button a:hover{
- background-color: #E06A5C !important;
- }
- /*
- .tmblr-iframe{
- background:{color:Background} !important;
- border-radius: 5px;
- }
- .tmblr-iframe:hover {
- background: #E06A5C !important;
- }
- */
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- <script src="jquery-3.2.1.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script>
- $("iframe.tumblr_audio_player").on("load", function() {
- $(this).contents().find("div.audio_player,div.audio_controls,div.audio_player_overlay").css("background","transparent");
- $(this).closest("div._audio-wrapper").show();
- });
- </script>
- </head>
- <body>
- <a href="http://crocketts-themes.tumblr.com/" title="theme by crockett">
- <div id="ident"></div></a>
- <div id="header">
- <div id="partitionmain" class="partitions">{text:TabName}</div>
- <div id="partitionsecd" class="partitions">{text:Tab2Name}</div>
- </div>
- <div id="top">
- <div id="topmid">
- <div id="arrows">››</div>
- <div id="dots">............................................................................................</div>
- <div class="maintitle"><a href="/">{Title}</a></div>
- <div id="hide"></div>
- <div id="hide2"></div>
- <div id="minbuttonsanc">
- <a href="{text:SmallButton1URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonOne}">A</div></a>
- <a href="{text:SmallButton2URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonTwo}">B</div></a>
- <a href="{text:SmallButton3URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonThree}">C</div></a>
- <a href="{text:SmallButton4URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonFour}">D</div></a>
- </div>
- </div>
- </div>
- <div id="top2">
- <div id="anchor">
- {block:IfLink1Enabled}
- <div class="wepbox">
- <a href="{text:Link1URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link1Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt" >
- {text:Link1}
- </div>
- </a>
- </div>
- {/block:IfLink1Enabled}
- {block:IfLink2Enabled}
- <div class="wepbox">
- <a href="{text:Link2URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link2Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt">
- {text:Link2}
- </div>
- </a>
- </div>
- {/block:IfLink2Enabled}
- {block:IfLink3Enabled}
- <div class="wepbox">
- <a href="{text:Link3URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link3Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt">
- {text:Link3}
- </div>
- </a>
- </div>
- {/block:IfLink3Enabled}
- {block:IfLink4Enabled}
- <div class="wepbox">
- <a href="{text:Link4URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link4Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt">
- {text:Link4}
- </div>
- </a>
- </div>
- {/block:IfLink4Enabled}
- {block:IfLink5Enabled}
- <div class="wepbox">
- <a href="{text:Link5URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link5Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt">
- {text:Link5}
- </div>
- </a>
- </div>
- {/block:IfLink5Enabled}
- {block:IfLink6Enabled}
- <div class="wepbox">
- <a href="{text:Link6URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link6Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt">
- {text:Link6}
- </div>
- </a>
- </div>
- {/block:IfLink6Enabled}
- {block:IfLink7Enabled}
- <div class="wepbox">
- <a href="{text:Link7URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link7Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt">
- {text:Link7}
- </div>
- </a>
- </div>
- {/block:IfLink7Enabled}
- {block:IfLink8Enabled}
- <div class="wepbox">
- <a href="{text:Link8URL}" target="_blank">
- <div class ="weppic">
- <img src="{text:Link8Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
- </div>
- <div class="wepboxtxt">
- {text:Link8}
- </div>
- </a>
- </div>
- {/block:IfLink8Enabled}
- </div><!--anchor-->
- </div>
- <!---->
- <div id="content">
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div id="posts">
- <!--
- <a href="{ReblogURL}" target="_blank" title="REBLOG">
- <div id="reblogbutton" class="minorbutton">
- <div id="letterbutton"></div>
- </div>
- </a> -->
- <!--
- <div id="notebox">
- <div id="nboxpermalink" class="nboxdes"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
- <div id="nboxpermalink" class="nboxdes"><a href="{Permalink}" >Permalink</a></div>
- {block:NoteCount}<div id="nboxnotes" class="nboxdes">{NoteCountWithLabel}</div>{/block:NoteCount}
- </div>
- -->
- {block:Photo}
- <div id ="photohead" class="contheaders"><img src="http://2.bp.blogspot.com/-bBEAeDB3Pkg/UhkoIqVexRI/AAAAAAAAAGo/KJPoHiNWtLo/s1600/Six+string+stinger.jpg" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Photo</li></div></div>
- {LinkOpenTag}<div id="photo"><img src="{PhotoURL-HighRes}" /></div>{LinkCloseTag}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div id ="photosethead" class="contheaders"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHZiUQ4VA2vjfZBekQ9Mt3wBbQ7l9rWCiClOFOeB4Vl2gEVT7j" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Photoset</li></div></div>
- {Photoset-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- <div id ="vidhead" class="contheaders"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoZTA9WMxNRFstJB3NhOSeVHTpaZjgXzr1zZPv9Qf672RlayUopw" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Video</li></div></div>
- {Video-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="askcont" class="headbox">
- {block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}
- <div id="audiob">
- {block:Artist}<div class="text">{Artist}</div>{/block:Artist}
- {block:TrackName}<div id ="asktitle" class="title">{TrackName}</div>{/block:TrackName}
- {AudioPlayerBlack}
- </div></div>
- <div class="text">~ {PlayCountWithLabel}</div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="title">“{Quote}”</div>
- {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div id="askcont" class="headbox">
- <img src="http://i.imgur.com/YrLUaTf.png" width="100" height="100">
- <div id="asker">
- <div class="text" id="askert">You were questioned by {Asker}</div>
- <div id ="asktitle" class="title">{Question}</div>
- </div></div>
- <div class="text">{Answer}</div>
- {block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- </div> <!--text-->
- {/block:Chat}
- {block:Link}
- <div id ="photohead" class="contheaders"><img src="https://wiki.teamfortress.com/w/images/4/4d/Tf_play_game_everymap.png?t=20120903063544" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Link</li></div></div>
- <div class="linkblock">{block:Thumbnail}
- <img src="{Thumbnail-HighRes}" target="_blank" width="200px" height="auto" >
- {/block:Thumbnail}
- <p style="font: 20px 'Archivo Black', sans-serif; text-transform:uppercase;margin-top:-5px"><a href="{URL}">{Name}</a></p>
- <p style="line-height: 20%; font-size:12px">{block:Host} ({Host}) {/block:Host}</p>
- </div>
- {block:Description}
- <div class="text">{Description}</div>
- {/block:Description}
- {/block:Link}
- <div id="permabox">
- <div id="permalink">
- {block:Date}
- <a href="{Permalink}">
- <div id="postdate" class="notebutton">
- POSTED {MonthNumberWithZero}{DayOfMonthWithZero}-{Year} AT {24HourwithZero}{Minutes}
- </div>
- </a>
- {/block:Date}
- </div>
- {block:HasTags}
- <div id="inditag">
- {block:Tags}<a href="{TagURL}" class="notebutton">{Tag}</a><span class="comma"> </span>{/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!--permabox-->
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- </div><!--posts-->
- {/block:Posts}
- </div> <!--autoresize for inf scroll-->
- </div> <!--content-->
- <div id ="bbanner"></div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment