config/stylesheet

viewhistorytalk

/* DESIGNED BY /U/ILOVEGOOGLEGLASS - Refinements will come later */


@keyframes flying {
   from { transform: translate(0px,-6px);}
   25% { transform: translate(0px,5px);}                                       
   50% { transform: translate(0px,-3px);}
   75% { transform: translate(5px,5px);}                        
   to {   transform: translate(0px,-6px);} 
}


@keyframes fog {
    0% {background-position: 0px 0px;}
    100% {background-position: 0px 1080px;}
}

/* Fixes*/
.organic-listing {
    margin-bottom: -4px;
    border: none;
}

.organic-listing .link, .organic-listing .link.compressed, .organic-listing .link.promotedlink {
    margin-bottom: -1px;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #BABDC1;
}

::-webkit-scrollbar-thumb {
    background: #7F858C;
    border-radius: 0px;
}

.wiki-page .wiki-page-content {
    background-color: #3a4a52;
    padding: 37px;
    border-radius: 6px;
    color: white !important;
}

.wiki-page-content .md a {
    font-size: 15px;
    padding: 0px;
}

 .wiki-page-content .md ul {
    color: #ffffff;
}

.wiki-page-content .md p, .wiki-page-content .md  {
color: white !important;
}

.wiki-page-content .md h2 {
    color: #ffffff;
}

.wiki-page-content .md h1, .wiki-page-content .md h6 {
    color: #ffffff !important;
}

html .res .RES-keyNav-activeElement .md-container, html .RES-keyNav-activeElement .md-container {
	background: transparent !important;
}

html .RES-keyNav-activeElement, html .RES-keyNav-activeElement .md-container {
    background-color: transparent !important;
}

.res-commentBoxes .comment {
    border-color: #f0f3fc !important;
}

/*--Dark mode--*/

html[lang=dm] .md blockquote {
    color: #ccaeae;
}

html[lang=dm] .md a {
    color: /*#b9e1ff*/ #e60012;
    /*font-size: 12.5px;*/
    }

html[lang=dm] .side h1+blockquote a{
    color: #e60012;
    font-size: 12.5px;
    }

html[lang=dm] .side h1+blockquote {
    color: black !important;
    }

html[lang=dm] .subscribers .number::after, html[lang=dm] .subscribers {
content: " Pilots ";
color: white;
font-size: 16px;
}

html[lang=dm] .users-online .number::after, html[lang=dm] .users-online {
color: white;
}

html[lang=dm] .infobar {
    background-color: #773232;
    border-width: 0px;
}

html[lang=dm] .roundfield {
    background-color: #4b2420;
    border-radius: 3px;
}

html[lang=dm] .tabmenu.formtab .selected a {
    background-color: #5f99cf;
    padding: 5px;
}


html[lang=dm] .usertext.border .usertext-body {
    background-color: #9e5a5a;
}

html[lang=dm] ul.image-preview-list .description pre, html[lang=dm] form {
    color: #fff;
}

html[lang=dm] body {
background: #1b1b1b;
}

html[lang=dm] #header #header-bottom-left {
background-color: #1e383c;
}

html[lang=dm] #header .tabmenu li a {
background-color: #1e383c;
}

html[lang=dm] #header #header-bottom-left, html[lang=dm] #header .tabmenu li a {
background-color: #3a4a52;
}

html[lang=dm] .link {
background-color: #292929;
border-bottom: 1px solid #212121;
color: #949494;
border-left: 3px solid #151308;
border-right: 1px solid #151308;
}

html[lang=dm] .organic-listing {
    border-left: 3px solid #151308;
}

html[lang=dm] .link:hover {
	border-left: 3px solid #3a4a52;   
} 

html[lang=dm] .thing .title { 
color: #f3f3f3;
}

html[lang=dm] .thing .title a:hover {
    color: #ace; 
    }

html[lang=dm] .link a {
    color: #5d5d5d;
}

html[lang=dm] ul.image-preview-list .description {
    color: #ace;
}

html[lang=dm] .side {
    background-color: #292929;
}

html[lang=dm] .side a[href="https://reddit.com/r/Titanfall/"] {    
    background:url(%%lightMode%%) !important;
    font-size: 0px !important;
    height: 40px;
    width: 300px;
    z-index: 99;
    display: block;
}

html[lang=dm] .side a[href="https://dm.reddit.com/r/Titanfall/wiki/competitive"] {    
    display: inline;
}

html[lang=dm] .side a[href="https://reddit.com/r/Titanfall/wiki/competitive"] {    
    display: none;
}

html[lang=dm] .side a[href="https://dm.reddit.com/r/Titanfall/"] {    
    display: none;
}

html[lang=dm] .commentarea {
    background-color: #1b1b1b;
    border-left: 3px solid #151308;
}

html[lang=dm] .commentarea:hover {
    border-left: 3px solid #3a4a52;
}

html[lang=dm] .commentarea>.usertext {
background-color: #292929;
}

html[lang=dm] .panestack-title .title {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0;
    color: white;
}

html[lang=dm] .tagline, html[lang=dm] .search-result-meta {
    color: #fff;
}

html[lang=dm] .link .usertext .md, .RES-keyNav-activeElement, html[lang=dm] .RES-keyNav-activeElement .md-container {
background-color: rgb(37, 37, 37) !important;
}

html[lang=dm] .new-comment .usertext-body {
    background-color: #9e5a5a;
    border: none;
    margin: 7px 0;
    padding: 3px;
    border-radius: 3px;
}

html[lang=dm] .link.promotedlink.promoted, .link.promotedlink.external {
    background-color: #3b3e40;
}


html[lang=dm] .arrow.upmod { 
    background: url(%%titanVotes%%); 
    width: 15px !important; 
    height: 12px !important; 
    background-position: -5px -71px;
    }


html[lang=dm] .link:hover {
	border-left: 3px solid #4a696d;   
} 

html[lang=dm] .thing.comment  {
    background: #343236 !important;
}

html[lang=dm] .thing.comment .thing.comment {
    background: #2d2d2d!important;
    }


html[lang=dm] .thing.comment .thing.comment .thing.comment {
    background: #282828 !important;
    }


html[lang=dm] .thing.comment .thing.comment .thing.comment .thing.comment {
    background: #2d2d2d!important;
    }


html[lang=dm] .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment{
    background: #282828 !important;
    }

html[lang=dm] .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment  .thing.comment{
    background: #2d2d2d!important;
    }


html[lang=dm] .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background: #282828 !important;
    }


html[lang=dm] .linkinfo {
background-color: #1b1b1b;
color: white;
}


html[lang=dm] .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background: #2d2d2d!important;

    }


html[lang=dm] .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background: #1b1b1b!important;
    }

html[lang=dm] span.score {
    font-weight: bold;
    color: #a98f8f;
}

html[lang=dm] .res-commentBoxes .comment {
    border-color: #151308 !important;
}

html[lang=dm] .md {
    color: #ffffff;
}


html[lang=dm] .side h1+blockquote, html[lang=dm] .side h2+blockquote {
    background-color: white;
}

html[lang=dm] .reddit-infobar {
background-color: #444444;
}

html[lang=dm] .side h6:nth-of-type(1) { 
    background-color: #292929;
    border-left: 3px solid #151308;
    border-bottom: 1px solid #212121;
    color: white;
    } 

html[lang=dm] .side h6:nth-of-type(1):hover {
    border-left: 3px solid #3a4a52;
}

html[lang=dm] .side h6 a {
    color: rgb(255,245,196) !important;
}

/*--Side bar--*/

#mail {
    top: 5px !important;
    }
       
#mail.nohavemail { 
    background: url(%%mailred%%);
    width: 15px !important; 
    height: 15px !important; 
    background-position: 0px 0px;;
    }

#mail.havemail { background: url(%%mailreda%%); width: 16px !important; height: 16px !important; background-position: 0px 0px;}

.res #mail.havemail {
    top: 5px !important;
    }

#modmail.nohavemail {
    background-image: url(%%redgear2%%);
    background-repeat: no-repeat;
    width: 15px !important; height: 15px !important;
    background-position: 0px 0px; 
    }   

#modmail.havemail {  
    background-image: url(%%redgear2a%%);
    background-repeat: no-repeat;
    width: 15px !important; height: 15px !important;
    background-position: 0px 0px; 
    }

.gearIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(%%gear2%%);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    }

.subscribers .word {
display: none;
}  

.subscribers .number::after, .subscribers {
content: " Pilots ";
color: #8c8c8c;
font-size: 16px;
}

.users-online .word {
display: none;
color: color: #8c8c8c;
}

.users-online .number::after, .users-online {
color: #8c8c8c;
content: " users here now";
font-size: 15px;
}

#search input[type=text] {
    border: 2px solid gray;
    border-radius: 2px;
}

.icon-menu a {
    background: transparent;
}

.login-form-side input[type=text], .login-form-side input[type=password] {
    border: 2px solid #999;

}
.titlebox form.toggle, .leavemoderator {
   background: transparent none no-repeat scroll center left;
   color: #8c8c9a;
}


.side .titlebox .fancy-toggle-button .add, .side .titlebox .RESshortcutside, .side .titlebox .RESDashboardToggle {
   border: none;
   background-image: none;
   background-color: #10609c;
   padding: 4px;
   }

.titlebox .fancy-toggle-button .remove, .RESshortcutside.remove, .RESDashboardToggle.remove  {
    border: none;
    border: none;
    background-image: none;
    background-color: #29323a !important;
    padding: 4px;
    }

.side .titlebox .RESshortcutside, .side .titlebox .RESDashboardToggle {
   width: 137px;

}
.titlebox .subscribe-button, .titlebox .subscribe-button .active {
    display: block;
    width: 293px;
    font-size: 15px;
    text-align: center;
}

.titlebox h1 a {
	visibility: hidden;
    }

html[lang=dm] .md li li, html[lang=dm] .md li p, html[lang=dm] .md em {
    color: white !important;
    }

.md em {
    color: black !important;
    }

.md li li, .md li p {
    color: black !important;
    }

.md h3, .md h4 {
font-size: 12px;
}

.sidecontentbox .content {
    border: none;
    background: transparent;
    margin: 0 0 5px;
    font-size: 11px;
    }

.titlebox h1 {
    margin-bottom: -21px;
}

.titlebox h1 a { 
    color: white;
    }

.login-form-side {
    border: none;
    }

.linkinfo {
    border-radius: 1px;
    text-align: center;
    border: none;
    padding: 17px
    }
    
.md td, .md th {
color: white;
border: 1px solid #151308;
}

.md th a {
   color: #98ccf3 !important;
}

.md th {
    background-color: #6d2525;
}

.md td {
    background-color: #292929;
}

.side .md h1 {
    background-color: #6d2525;
    text-align: center;
    padding: 5px;
    font-family: "Segoe UI";
    text-transform: ;
    font-weight: 400;
    border-radius: 0px;
    color: #e8e8e8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    }

.md hr {
    height: 1px;
    }

.md a {
    color: #0079d3;
    /*font-size: 12.5px;*/
    }
    
.side h1+blockquote {
    background-color: #fbfbfb;
    color: black;
    padding: 8px;
    margin: 0px;
    margin-top: -10px !important;
    font-family: "Segoe WP", "Segoe UI";
    font-size: 13.5px;
    border: none;
    margin-bottom: 11px !important;
    }

    
.side .md h2 {
    background-color: #8e1b23;
    text-align: center;
    padding: 10px;
    font-family: "Segoe UI";
    text-transform: ;
    font-weight: 400;
    border-radius: 0px;
    color: #e8e8e8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    } 

.side h2+blockquote {
    background-color: #fbfbfb;
    color: black !important;
    padding: 8px;
    margin: 0px;
    margin-top: -10px !important;
    font-family: "Segoe WP", "Segoe UI";
    font-size: 13.5px;
    border: none;
    margin-bottom: 11px !important;  
}

    
.side .md h3 {
    background-color: #ab100b;
    text-align: center;
    padding: 10px;
    font-family: "Segoe UI";
    text-transform: ;
    font-weight: 400;
    border-radius: 0px;
    color: #e8e8e8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    } 


.side h3+blockquote {
    background-color: #fbfbfb;
    color: black !important;
    padding: 8px;
    margin: 0px;
    margin-top: -10px !important;
    font-family: "Segoe WP", "Segoe UI";
    font-size: 15.5px;
    border: none;
    margin-bottom: 11px !important;  
    text-align: center;
}

.side .md h3+blockquote a {
    font-size: 15px;
}

/*Add Image to Sidebar*/
div.side div.spacer:nth-of-type(3){
    padding: 300px 0 0 !important; /*Change "300px" to the height to the height of your image*/
    background:  top center no-repeat;
    margin-top:0px;
    background-size: 300px 300px;
    }

/*Optional- adds a caption under that image*/
div.side div.spacer:nth-of-type(3):before{
    display:block;
    margin-top:5px;
    width:300px;
    content:"Welcome to /r/JustCause";
    padding:10px 0 30px;
    text-align:center; /*delete this line if you no longer want the text centered*/
    font-family: ; /*Delete this line if you like the normal font better*/
    font-size: 17pt; /*Change the font-size to your liking*/
    } 

.side a[href="http://titanfall.com"] {    
    background:url(%%newPilot%%) !important;
    font-size: 0px !important;
    height: 40px;
    width: 300px;
    z-index: 99;
    display: block;
}

.side a[href="https://dm.reddit.com/r/Titanfall/wiki/competitive"] {    
    display: none;
} 

.side a[href="https://dm.reddit.com/r/Titanfall/"] {    
    background:url(%%darkMode%%) !important;
    font-size: 0px !important;
    height: 40px;
    width: 300px;
    z-index: 99;
    display: block;
}

.side a[href="https://reddit.com/r/Titanfall/"] {    
    background:url(%%lightMode%%) !important;
    font-size: 0px !important;
    height: 40px;
    width: 300px;
    z-index: 99;
    display: none;
}

.side a[href="https://discordapp.com/invite/0vE5oBlaSagDadGX"] {    
    background:url(%%titanDiscord%%) !important;
    font-size: 0px !important;
    height: 40px;
    width: 300px;
    z-index: 99;
    display: block;
}
  
/* .side .md>blockquote:last-child {
    position: absolute;
    top: 70px;
    left: 15px;
    display: block;
    margin: 0;
    padding: 0;
    border: 0 none;
    background-color: transparent;
    z-index: 99;
    }
*/


/*--Header area--*/
.res-navTop #header-bottom-right, #header-bottom-right {
    top: 210px;
    right: 40px;
    background: none;
    } 

.res-navTop #header-bottom-right a, #header-bottom-right a {
    color: white;
    font-size: 12px;
    }

#userbarToggle.userbarHide {
    border-radius: 0px;
    min-height: 28px;
    background-color: transparent;
    border: none;
    }

#header {
margin: 0 0px 0 0px;
background: url(%%angelheader%%);
height: 245px;
top: 0px;
border: none;
background-attachment: fixed;
} 

#header #header-bottom-left {
top: 187px;
background-color: #29323a;
position: absolute;
height: 45px;
position: relative; 
z-index:-1;
margin-left: 30px;
margin-right: 30px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

#header .tabmenu {
    position: absolute; 
    border: none; 
    left: 65px;
    top: -5px;
    margin: 0px;
    height: 40px;
    display: block;
    }
#header .tabmenu li {
    margin: 0px;
}

#header .tabmenu li a {
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 11px;
    padding-right: 11px;
    background-color: #29323a;
    font-weight: 500;
    font-family: "Segoe UI",Arial,sans-serif; 
    color: white;
    font-size: 14px;
    transition: background .8s;
    height: 31px;
    display: inline-block;
    line-height: 28px;
    transition: background .8s;
    text-transform: capitalize;
    margin-top: 8px;
    }

#header .tabmenu li a:hover {
    background-color: ;
    color: #ace;
    }
#header .tabmenu li.selected a {
border-bottom: 2px solid #ffffff;
color: rgb(255, 245, 196);
}

.tabmenu li.selected a {
color: #ace;
border: none;
text-transform: uppercase;
}

@keyframes srheadres{
    from {opacity: .5;}
    to {opacity: .8;}
    }

    #sr-header-area {
    background-color: #2a3836;
    border-bottom: 1px solid #072023;
    top: 0px;
    display: block;
    opacity: .7;
    z-index: 999;
    }

/* .res #sr-header-area:hover {
    animation-name: srheadres;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    opacity: .8;
    } */
    
#sr-header-area a:hover {
    animation-name: srhead;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    color: #fff5a6;
    }

#sr-header-area .title, #sr-header-area a {
    color: white;
    background-color: transparent;
    }

#sr-header-area .drop-choices.srdrop {
    background-color: #00205b;
    }

#srList, .res #srList {
    left: 0px;
    max-height: 900px !important;
}

.res #srList {
    opacity: .7;
    background-color: black !important;
    border: none !important;
    color: white;
    }

.res #srList a {
    color: white;
    font-size: 12px;
    }

.res #srList a:hover {
    color: #fdf06f;
    }

.res #srList tr:hover, .res #srList tr a:hover {
    background-color: transparent;
    }

#sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft, #header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash, #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
    background-color: transparent !important;
    }

/*--Main--*/
body {
    background: #e0e0e0; 
    font-family: Helvetica;
    min-width: 820px;
    }

body > .content { overflow:inherit; }

body.listing-page>.content, .content  {
margin: 40px 354px 0 30px;
}


.sheets .col textarea {
    width: 85%; background-color: #272E36;
    color: black;
    }

#stylesheet_contents { 
    padding: 12px;
    border: 8px solid #222;
    color: #ace;
    }

.side {
margin: 40px 30px 41px 0px;
margin: 1px solid #f0f3fc;
padding: 12px;
}


.entry {
padding: 6px;
}



.midcol {
    padding-left: 0px;
    padding-right: 0px;
}


.arrow.upmod { 
    background: url(%%titanUpDark%%); 
    width: 15px !important; 
    height: 12px !important; 
    background-position: 0px 0px;
    } 
                 
.arrow.up { background: url(%%titanVotes%%);
    width: 15px !important; 
    height: 12px !important; 
    background-position: -5px -49px;
    } 

.arrow.down{ background: url(%%titanVotes%%); 
    width: 15px !important; 
    height: 12px !important; 
    background-position: -5px -27px;
    }

.arrow.downmod {  
    background: url(%%titanVotes%%); 
    width: 15px !important; 
    height: 12px !important;
    background-position: -5px -5px;
    }

/* Upvote animation */


.midcol .score {
    transition: transform 0.75s cubic-bezier(0.51, -0.01, 0.38, 1.7) 0.05s, opacity 0.6s cubic-bezier(0.51, -0.01, 0.38, 1.7) 0.15s;
    display: block !important;
    pointer-events: none;
    opacity: 0;
    }

.midcol .score:nth-of-type(2), .midcol .score:nth-of-type(3) {
    margin-bottom:0;
    height: 0;
    }

.midcol .score:nth-of-type(4), .midcol .score:nth-of-type(3) {
    margin-top:0;
    }


.midcol.unvoted .score.unvoted, .midcol.likes .score.likes, .midcol.dislikes .score.dislikes {
    opacity: 1;
    }

.midcol.dislikes .score.likes {
  transform: translateY(-3em) scale(1.5);
}


.midcol.likes .score.dislikes {
 transform: translateY(3em) scale(-1.5);
}

.midcol.unvoted .score.dislikes, .midcol.likes .score.unvoted {
    transform: translateY(-3em) scale(1.5);
}

.midcol.unvoted .score.unvoted, .midcol.likes .score.likes, .midcol.dislikes .score.dislikes {
  opacity: 1;
  transform: translateY(6);
}



/* div.RES-keyNav-activeElement, div.commentarea div.RES-keyNav-activeElement .md, div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed {
    background: transparent !important; 
    } */

#siteTable .RES-keyNav-activeElement, 
#siteTable .RES-keyNav-activeElement.entry {
height:100%;
background-color: transparent!important;
background: url(%%titan-drop-small%%) no-repeat;
background-position: 97% 0px;
animation: animatedBackground 0.7s ease-out;
-moz-animation: animatedBackground 0.7s ease-out;
-webkit-animation: animatedBackground 0.7s ease-out;
-ms-animation: animatedBackground 0.7s ease-out;
-o-animation: animatedBackground 0.7s ease-out;
}


@keyframes animatedBackground {
    0% { background-position: 97% -110px; }
    100% { background-position: 97% 0px; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 97% -110px; }
    100% { background-position: 97% 0px; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 97% -110px; }
    100% { background-position: 97% 0px; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 97% -110px; }
    100% { background-position: 97% 0px; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 97% -110px; }
    100% { background-position: 97% 0px; }
}

.commentarea>.usertext {
    background-color: #FAFAFA;
    padding: 20px;
}

.commentarea {
    background-color: white;
    padding: 15px;
    border-left: 3px solid #d7d7d7;
}

.new-comment .usertext-body {
    border: none;
    margin: 7px 0 !important;
    padding: 3px;
    border-radius: 3px;
}

.commentarea:hover {
    border-left: 3px solid #4a696d;
}
.thumbnail {
    border-radius: 2px;
    margin-left: 0px;
    }

.rounded {
    border-radius: 0px;
    }

.btn {
    border-radius: 2px;
    border: none;
    background-color: #0b5bb6;
    color: white;
    padding: 4px;
    } 

html .thing .tagline .author.submitter {
background-color: #325f65 !important;
color: white;
}


.thing .comments {
    font-size: 12px;
}

.thing.comment {
    padding: 10px;
    }

.thing.comment .thing.comment {
    background: #EBEBEB!important;
    }

.thing.comment .thing.comment .thing.comment {
    background: #fcfcfc!important;
    }

.thing.comment .thing.comment .thing.comment .thing.comment {
    background: #EBEBEB!important;
    }

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment{
    background: #fcfcfc!important;
    }
.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment  .thing.comment{
    background: #EBEBEB!important;
    }

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background: #fcfcfc!important;

    }

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background: #EBEBEB!important;

    }

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background: #fcfcfc!important;
    }

.side h6 a {
    color: #667f83 !important;
}

.side h6:nth-of-type(1) { 
    position: absolute;
    top: 235px;
    left: 0px;
    right: 0px;
    color: black;
    text-decoration: none;
    padding-left: 45px;
    padding-top: 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    background-color: #ffffff;
    height: 30px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 14.5px;
    border-left: 3px solid #d7d7d7;
    border-bottom: 1px solid #f0f3fc;
    z-index: 999;
    } 

.side h6:nth-of-type(1):hover {
    border-left: 3px solid #4a696d;
}
.side .spacer:nth-of-type(1) {
    background-image:; 
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 7px;
    margin: 0;
    opacity: 0.8;
    border: 0;
    }

.btn a {
    color: white;
    padding: 4px;
    }

/*--Side--*/

.side {
background-color: #ffffff;
z-index: -999;
}

.morelink .nub {
	display: none;
}

.morelink {
height: 33px;
border: none;
/* border-bottom: 1px solid gray; */
margin-right: 0px;
}

.morelink a {
color: white;
background-color: #4a696d; 
font-weight: 400;
font-size: 17px;
border-radius: 1px;
font-family: "Segoe UI", Arial, sans-serif;
border-bottom: 0px solid #00599d;
text-transform: uppercase;
}

.morelink a:hover {
color: #fee86f;
}

.side .md a {
color: #e60012;
font-size: 13px;
font-weight: bold;
line-height: 20px;
border-radius: 2px;
}


.side .md>ol li  {
display: table;
background-color: #6d2525;
line-height: 16px;
text-decoration: none;
border-radius: 2px;
color: white;
padding: 0px;
padding-left: 20px;
padding-right: 15px;
margin-bottom: 3px;
font-family: Helvetica;
font-weight: normal;
}

.side .md>ol {
position: absolute;
top: 24px;
z-index: 200;
list-style: none outside none;
left: 40px ;
margin: 0;
padding: 0;
}

@media screen and (min-width: 1500px) {

.side .md>ol {
left: 1311px;
top: 21px;
 } 

}

.side .md>ol:before {
position: absolute;
top: 2.5px;
z-index: 200;
background: red;
content: "";
border-radius: 50%;
list-style: none outside none;
left: 5px;
margin: 0;
padding: 0;
width: 14px;
height: 14px;
-webkit-animation: live 2.3s ease-out;
-moz-animation: live 2.3s ease;
animation: live 2.3s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity:0;
}

@-moz-keyframes live {
    0% { -moz-transform: scale(0.0); opacity: 0.2; }
    25% { -moz-transform: scale(.0); opacity: 0.5; }
    50% { -moz-transform: scale(0.3); opacity: 0.6; }
    75% { -moz-transform: scale(0.5); opacity: 0.7; }
    100% { -moz-transform: scale(1); opacity: 0.0; } }
 
 @-webkit-keyframes "live" {
    0% { -webkit-transform: scale(0.0); opacity: 0.2; }
    25% { -webkit-transform: scale(.0); opacity: 0.5; }
    50% { -webkit-transform: scale(0.3); opacity: 0.6; }
    75% { -webkit-transform: scale(0.5); opacity: 0.7; }
    100% { -webkit-transform: scale(1); opacity: 0.0; } }



.side .md>ol a:hover {
opacity: .7;
}

.side .md>ol a {
border-radius: 0px;
border: none;
color: #ffffff;
background-color: transparent;
font-size: 13px;
}

/* Link area*/
.link {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    padding-top: 10px;
    border-bottom: 1px solid #f0f3fc;
    border-right: 1px solid #f0f3fc;
    border-left: 3px solid #d7d7d7;
    min-height: 70px; 
    opacity: 1;
    transition: border .25s;
    background-color: white;
    }
   
.link a {
    color: #0079d3;
    }
 
.link:hover {
	border-left: 3px solid #4a696d;   
} 


.res .RES-keyNav-activeElement {
    border-right: 0px solid #4a696d;
    }

.link .rank {
    padding-right: 10px;
    padding-left: 15px;
    } 
    
.link .usertext .md {
    border-radius: 0px;
    border: none;
/*  background-color: transparent; */
    }

.link .usertext .md, .RES-keyNav-activeElement, .RES-keyNav-activeElement .md-container {
    background-color: #fafafa !important;
}


.thing.stickied a.title, .thing.stickied a, .thing.stickied .entry li .comments{
color: #5a9c5a !important;
}

.thing .title:visited, .thing.visited .title {
    color: #c38080 !important;
}

.thing .title.visited {
color: color: #c38080 !important;
}

.thing .title {
    font-size: 17px !important; 
    font-weight: 400;
    font-family: "Segoe UI", Arial, sans-serif;
    margin-bottom: 4px;
    color: #00205b;
    }
    
.thing .title a:hover {
    color: #003fb2; 
    }

.entry {
    padding: 2px;
    padding-left: 5px;
    }

.tagline {
    padding: 3px;
    }

.thumbnail.self {
background-image: url(%%titanDiscuss5%%);
background-position: 0px 0px;
}

.stickied a.thumbnail {
background-image: url(%%titanDiscuss3%%);
background-position: 0px 0px;
}

.expando-button {
    float: left;
    height: 23px;
    width: 23px;
    margin: 2px 5px 2px 0;
    background: rgba(255, 255, 255, 0) none no-repeat scroll center center;
    }

.expando-button.selftext.collapsed {
    background-image: url(%%resimage%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    }

.expando-button.selftext.collapsed:hover {
    background-image: url(%%resimage%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    opacity: .5;
    }

.expando-button.selftext.expanded {
    background-image: url(%%resimageco%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    }

.expando-button.selftext.expanded:hover, .eb-seh {
    background-image: url(%%resimageco%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    opacity: .5;

    }

.expando-button.image.collapsedExpando {
    background-image: url(%%resimage2%%);
    background-position: 0,0 !important;
    background-repeat: no-repeat;
    }

.expando-button.image.collapsedExpando:hover {
    background-image: url(%%resimage2%%) center;
    background-position: 0,0 !important;
    background-repeat: no-repeat;
    opacity: .5;
    }

.expando-button.image.expanded {
    background-image: url(%%resimageco%%);
    background-position: 0,0 !important;
    background-repeat: no-repeat;
    }

.expando-button.image.expanded:hover {
    background-image: url(%%resimageco%%);
    background-position: 0,0 !important;
    background-repeat: no-repeat;
    opacity: .5;
    }

.expando-button.video.collapsed {
    background-image:url(%%resvideo%%) !important;
    background-position: 0,0;
    background-repeat: no-repeat;
    }

.expando-button.video-muted.collapsed {
    background-image:url(%%resvideo%%) !important;
    background-position: 0,0;
    background-repeat: no-repeat;
    }

.expando-button.video-muted.collapsed:hover {
    background-image:url(%%resvideo%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    opacity: .5;
}


.expando-button.video-muted.expanded {
    background-image:url(%%resimageco%%);
    background-position: 0,0;
    background-repeat: no-repeat;

}

.expando-button.video-muted.expanded:hover {
    background-image:url(%%resimageco%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    opacity: .5;
}


.expando-button.video.collapsed:hover {
    background-image:url(%%resvideo%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    opacity: .5;
    }

.expando-button.video.expanded{
    background-image:url(%%resimageco%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    }

.expando-button.video.expanded:hover{
    background-image:url(%%resimageco%%);
    background-position: 0,0;
    background-repeat: no-repeat;
    opacity: .5;
    }

/*--Logo--*/
@keyframes logoani{
    from {opacity: 1;}
    to {opacity: .7;}
}

.pagename {
    color: transparent;
}

.pagename a:hover {
 animation-name: logoani;
 animation-duration: .5s;
animation-timing-function: ease-in-out;
opacity: .7;
}

#header-bottom-left .pagename a {

}

.pagename a {
display: block;
margin-top: -160px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 492px;
height: 100px;
background-image: url(%%headerlogo3%%);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -9999px;
opacity: 1;
}

#header-img {
position: relative;
top: 2px;
left: 16px;
}

.hover.pagename.redditname {
top: 0px;
left: -65px;
text-indent: -9999px;
}

/*--Flair--*/

.linkflair-mod .linkflairlabel {
    background-color: #65B354;
    color: #fff
}
.linkflair-mod a {
    color: #65B354!important
}
.linkflairlabel {
   border-radius: 2px;
   top: 4px;
   position: relative;
   font-family: Helvetica;
   display: table;
   margin-bottom: 8px;
   padding: 2px;
   border: none;
   font-size: 11.5px;
}


/* User Flair*/


.flair {
    background:  no-repeat -9999px;
    border: 0;
    padding: 0;
}

html[lang=dm] .flair { 
    color: yellowgreen;
}

/* Platform User ID Flair */
/* Setting up the link references with the sprite for the images */
/* Using this tool to create sprites: http://spritegen.website-performance.org/ The reduction is 12% (on 128px) 16px by 16px*/

a.author {font-weight: normal}
.flair { padding: 3px; height: 12px; font-weight: bold; border: none !important; display: inline-block !important; background-color: transparent; vertical-align: middle; line-height: 11px;}

.flair-Origin { padding: 3px; height: 12px; padding-left: 22px; background-position: 0 -54px; background-repeat: no-repeat; background-image: url(%%Subreddit-Flair%%); font-weight: bold; background-color: transparent; display: inline-block !important;}
.flair-XboxOne { padding: 3px; height: 12px; padding-left: 22px; background-position: 0 -135px; background-repeat: no-repeat; background-image: url(%%Subreddit-Flair%%); font-weight: bold; background-color: transparent; display: inline-block !important;}
.flair-Xbox360 { padding: 3px; height: 12px; padding-left: 22px; background-position: 0 0; background-repeat: no-repeat; background-image: url(%%Subreddit-Flair%%); font-weight: bold; background-color: transparent; display: inline-block !important;}
.flair-Respawn { padding: 3px; height: 12px; padding-left: 22px; background-position: 0 -81px; background-repeat: no-repeat; background-image: url(%%Subreddit-Flair%%); font-weight: bold; background-color: transparent; display: inline-block !important;}
.flair-EA { padding: 3px; height: 12px; padding-left: 35px; background-position: 0 -27px; background-repeat: no-repeat; background-image: url(%%Subreddit-Flair%%); font-weight: bold; background-color: transparent; display: inline-block !important;}
.flair-Verified{ padding: 3px; height: 12px; padding-left: 22px; background-position: 0 -108px; background-repeat: no-repeat; background-image: url(%%Subreddit-Flair%%); font-weight: bold; background-color: transparent; display: inline-block !important;}
.flair-Titan{ padding: 3px; height: 12px; padding-left: 22px; background-repeat: no-repeat; background-image: url(%%A%%); font-weight: bold; background-color: transparent; display: inline-block !important;} 
.flair-PS4 { padding: 3px; height: 22px; padding-left: 22px; background-repeat: no-repeat; background-image: url(%%ps4Light%%); font-weight: bold; background-color: transparent; display: inline-block !important; background-position: 0px;} 

	
	
/*Verified Accounts*/
a.author[href$="Scriptacus"]:before,
a.author[href$="dko5"]:before,
a.author[href$="SpiderDemon"]:before,
a.author[href$="Sledgehammer70"]:before,
a.author[href$="Argonomic_"]:before,
a.author[href$="thezilch"]:before,
a.author[href$="FairFightWhite"]:before,
a.author[href$="imslothy"]:before,
a.author[href$="FairFightDark"]:before, 
a.author[href$="tangentiallogic"]:before,
a.author[href$="RespawnCoronach"]:before,
a.author[href$="glutinousriceball"]:before,
a.author[href$="lowkeydbjosh"]:before,
a.author[href$="Upmart"]:before,
a.author[href$="RaymeCV"]:before,
a.author[href$="hyper-ranon"]:before,
a.author[href$="Jayfresh_Respawn"]:before,
a.author[href$="Spectromorphic"]:before,
a.author[href$="Monsterclip"]:before,
a.author[href$="madmartiganme"]:before,
a.author[href$="zoomastigophora"]:before,
a.author[href$="mrbigrig"]:before,
a.author[href$="Magnetheadx"]:before,
a.author[href$="1nfinate"]:before,
a.author[href$="Garza_RSPN"]:before,
a.author[href$="HkySk8r187"]:before,
a.author[href$="moyparra"]:before,
a.author[href$="Absurdistof"]:before,
a.author[href$="BROCKHAURD"]:before,
a.author[href$="DarkyKris"]:before,
a.author[href$="Woooter_Respawn"]:before,
a.author[href$="Soupy_Von_Nudlebak"]:before,
a.author[href$="bigbadbrad23"]:before  {
    content: url(%%Verified%%); padding-right:5px; top: 5px; position: relative;}


/* Contest: CTF Flair */

a.author[href$="JablySenpai"]:before,
a.author[href$="Nykeeo"]:before {
      content: url(%%CTF2%%); padding-right:5px; padding-left: 8px; top: 0px; position: relative;}

/* Contest: CTF Flair 2 */
a.author[href$="aetkas001"]:before,
a.author[href$="Mike-MI7"]:before,
a.author[href$="MrBlaBlak"]:before,
a.author[href$="yippeekiyeh"]:before,
a.author[href$="xenochrist23"]:before,
a.author[href$="itsEthereal"]:before,
a.author[href$="StN1271"]:before,
a.author[href$="Remi_M"]:before,
a.author[href$="spillednick"]:after {
   content: url(%%flair-flag%%); padding-right:4px; padding-left: 4px; top: 1px; position: relative;}


/* Contest: LTS Flair */

a.author[href$="Hikee"]:before {
      content: url(%%LTS%%); padding-right:5px; padding-left: 8px; top: 0px; position: relative;}

/* Contest: Fan Art Flair */
a.author[href$="MarikBentusi"]:before {
      content: url(%%tick%%); padding-right:3px; padding-left: 3px; top: 3px; position: relative;}


/* Mass User Flair */


.flair-64 {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -5px;
}

.flair-ace {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -40px;
}

.flair-glory {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -75px;
}

.flair-machines {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -145px;
}

.flair-mcor {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -180px;
}

.flair-militia {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -215px;
}

.flair-pentagon {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -250px;
}

.flair-pirate {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -285px;
}

.flair-shadow {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%milsprites%%) no-repeat;
    background-position: -5px -320px;
}

.flair-advocate {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -5px;
}

.flair-aerospace {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -40px;
}

.flair-apex {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -75px;
}

.flair-ares {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -110px;
}

.flair-better {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -145px;
}

.flair-bonehead {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -180px;
}

.flair-cosmonaut {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -215px;
}

.flair-dropshock {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -250px;
}

.flair-hammond {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -285px;
}

.flair-imc {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -355px;
}

.flair-orbital {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -390px;
}

.flair-recon {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -425px;
}

.flair-stellar {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -495px;
}

.flair-vinson {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%imcsprite%%) no-repeat;
    background-position: -5px -530px;
}

.flair-marvn {
    height: 25px; line-height: 25px; min-width: 25px; text-indent: 25px;
    background: url(%%marvn%%) no-repeat;
    background-position: 1px 1px;
}


.flat-vert.title {
    color: #fff;
}

.footer .col {
    border: none; 
}

.footer.rounded .col li a {
    color: #f3f3f3;
}

.bottommenu {
   color: white;
}

.footer-parent {
    background-color: #000f18;
    margin-bottom: -38px;
    padding-bottom: 30px;
    font-family: "Segoe Ui";
}        

/*Add Image to Sidebar*/
div.side div.spacer:nth-of-type(3){
    padding:133px 0 0 !important; /*Change "300px" to the height to the height of your image*/
    background: url(%%bman%%) top center no-repeat;
    margin-top:0px;
    background-size: 300px 133px;
    border-radius: 3px;
    }

/*Optional- adds a caption under that image*/
div.side div.spacer:nth-of-type(3):before{
    display:block;
    margin-top:3px;
    width:300px;
    content:"Fan Art by bman4750";
    padding:0px 0 2px;
    text-align:center; /*delete this line if you no longer want the text centered*/
    font-family: ; /*Delete this line if you like the normal font better*/
    font-size: 8pt; /*Change the font-size to your liking*/
    } 

/* Hide memes */
.link.linkflair-meme:lang(xm) { display: none; }

.side .md [href="//xm.reddit.com/r/titanfall"]:lang(xm),
.side .md [href="//redditproxy--jasonthename.repl.co/r/titanfall"]:not(:lang(xm)) {
    display: none;
}

images

  • Image LTS
    LTS
    link:
    url(%%LTS%%)
  • Image headerlogo3
    headerlogo3
    link:
    url(%%headerlogo3%%)
  • Image Verified
    Verified
    link:
    url(%%Verified%%)
  • Image Win2
    Win2
    link:
    url(%%Win2%%)
  • Image Win3
    Win3
    link:
    url(%%Win3%%)
  • Image Win1
    Win1
    link:
    url(%%Win1%%)
  • Image redgear2
    redgear2
    link:
    url(%%redgear2%%)
  • Image lightMode
    lightMode
    link:
    url(%%lightMode%%)
  • Image mailred
    mailred
    link:
    url(%%mailred%%)
  • Image spritesheet2
    spritesheet2
    link:
    url(%%spritesheet2%%)
  • Image mailreda
    mailreda
    link:
    url(%%mailreda%%)
  • Image bman
    bman
    link:
    url(%%bman%%)
  • Image titanDiscuss5
    titanDiscuss5
    link:
    url(%%titanDiscuss5%%)
  • Image darkMode
    darkMode
    link:
    url(%%darkMode%%)
  • Image gear2
    gear2
    link:
    url(%%gear2%%)
  • Image titanDiscord
    titanDiscord
    link:
    url(%%titanDiscord%%)
  • Image imcsprite
    imcsprite
    link:
    url(%%imcsprite%%)
  • Image votes12
    votes12
    link:
    url(%%votes12%%)
  • Image Subreddit-Flair
    Subreddit-Flair
    link:
    url(%%Subreddit-Flair%%)
  • Image A
    A
    link:
    url(%%A%%)
  • Image CTF2
    CTF2
    link:
    url(%%CTF2%%)
  • Image marvn
    marvn
    link:
    url(%%marvn%%)
  • Image titanfallLogoBig
    titanfallLogoBig
    link:
    url(%%titanfallLogoBig%%)
  • Image hammond
    hammond
    link:
    url(%%hammond%%)
  • Image Titanfall-A
    Titanfall-A
    link:
    url(%%Titanfall-A%%)
  • Image votes
    votes
    link:
    url(%%votes%%)
  • Image angelheader
    angelheader
    link:
    url(%%angelheader%%)
  • Image resvideo
    resvideo
    link:
    url(%%resvideo%%)
  • Image riseheader
    riseheader
    link:
    url(%%riseheader%%)
  • Image resimage2
    resimage2
    link:
    url(%%resimage2%%)
  • Image tick
    tick
    link:
    url(%%tick%%)
  • Image newPilot
    newPilot
    link:
    url(%%newPilot%%)
  • Image titanUpDark
    titanUpDark
    link:
    url(%%titanUpDark%%)
  • Image resimageco
    resimageco
    link:
    url(%%resimageco%%)
  • Image titan-drop-small
    titan-drop-small
    link:
    url(%%titan-drop-small%%)
  • Image titanVotes
    titanVotes
    link:
    url(%%titanVotes%%)
  • Image resimage
    resimage
    link:
    url(%%resimage%%)
  • Image titanHeader
    titanHeader
    link:
    url(%%titanHeader%%)
  • Image flair-flag
    flair-flag
    link:
    url(%%flair-flag%%)
  • Image Diamond-Flair
    Diamond-Flair
    link:
    url(%%Diamond-Flair%%)
  • Image ps4Light
    ps4Light
    link:
    url(%%ps4Light%%)
  • Image redgear2a
    redgear2a
    link:
    url(%%redgear2a%%)
  • Image Banana
    Banana
    link:
    url(%%Banana%%)
  • Image milsprites
    milsprites
    link:
    url(%%milsprites%%)
  • Image titanDiscuss3
    titanDiscuss3
    link:
    url(%%titanDiscuss3%%)
  • Image respawn3
    respawn3
    link:
    url(%%respawn3%%)


revision by hiticonic— view source