/* Control Stylesheet */

/*
Stupid highlights for mouseover carried over - apparently AoV did this ON PURPOSE... but y
Banner Picture in the wrong place
sub menu color is light green, hard to read
background is light grey-white, hard to read compared to default contrast 
Crossposted link cuts off buttons
*/

/*
HELP LINKS:
https://www.reddit.com/r/csshelp/wiki/selectors
https://www.reddit.com/r/SelectorLegend/
*/



#header 
{
    background: url(%%KiA2-1%%);
    /*position: absolute;*/ /*This jams the header into a single position*/
    height: 234px;
    left: 0px;
    right: 0px;
    /*font-size: 0px;*/ /*This removes all the text*/
}

/* This header controls the Saidit! image and the the subreddit name, I have positioned it in such a way that it does not interfere with our logo, using absolute positioning*/
#header-bottom-left
{
    /*background-color: red;*/
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 600px;

    /*TODO - Is there a way to change the color of the sub name? I'm sure there is, but not quite sure how*/

}

/*Container for the username, preferences, logon, ect*/
#header-bottom-right
{
    height: 8px; /*Positioned to give space above search bar, and below background image*/
}

/* contains the Saidit! Speech bubble icon
#header-img
{
    background-color: red;
    
}*/

/* --- Link Flair Formating ---
 * Last Edited by DomitiusOfMassilia - 20190601
 * Using https://old.reddit.com/r/csshelp/wiki/linkflair for guidance
 * TODO - Add the following flairs: Parody, PolUs, Journo, Sjig, Sjbg, Gaming, 
 *      - SocMed, Alphabet, Sjic, Sjif, PolEu, PolNa, PolSa,
 *      - PolAf, PolAs
 * Note: a 3px colored border is enormous.
 * 
 * copied to saidit... why is there no link flair button?
 */

.linkflair-news .linkflairlabel {
    background: #add5ab;
}

.linkflair-Twitter .linkflairlabel {
    background: DeepSkyBlue; /*DeepSkyBlue = #00BFFF*/
    border: 1px solid Cyan;  /*Cyan = #00FFFF*/
    border-radius: 3px;
    color: White;            /*White = #FFFFFF*/
    font-weight: bold;
}

.linkflair-Politics .linkflairlabel {
    background: White;         /*White = #FFFFFF*/
    border: 1px solid Crimson; /*Crimson = #DC143C*/
    border-radius: 3px;
    color: Blue;               /*Blue = #0000FF*/
    font-weight: bold;
}


.linkflair-Sjie .linkflairlabel {
    background: Black;         /*White = #FFFFFF*/
    border: 1px solid Yellow; /*Crimson = #DC143C*/
    border-radius: 3px;
    color: Yellow;               /*Blue = #0000FF*/
    font-weight: bold;
}


.linkflair-Sjia .linkflairlabel {
    background: Yellow;      /*Yellow = #FFFF00*/
    border: 1px solid Black; /*Black = #000000*/
    border-radius: 3px;
    color: Crimson;          /*Crimson = #DC143C*/
    font-weight: bold;
}

.linkflair-HotTake .linkflairlabel {
    background: Red;    /*Red = #FF0000*/
    border: 0px;        /*No border*/
    border-radius: 3px;
    color: Yellow;      /*Yellow = #FFFF00*/
    font-weight: bold;
}

.linkflair-GameJourno .linkflairlabel {
    background: Orchid;          /*Orchid = #DA70D6*/
    border: 1px solid LimeGreen; /*Lime Green = #32CD32*/
    border-radius: 3px;
    color: Yellow;               /*Yellow = #FFFF00*/
    font-weight: bold;
}

.linkflair-Academia .linkflairlabel {
    background: White;       /*White = #FFFFFF*/
    border: 1px solid Red;   /*Red = #FF0000*/
    border-radius: 3px;
    color: Black;            /*Black = #000000*/
    font-weight: bold;
}


.linkflair-YouTube .linkflairlabel {
    background: Red;            /*Red = #FF0000*/
    border: 1px solid Crimson;  /*Crimson = #DC143C*/
    border-radius: 3px;
    color: White;               /*White = #FFFFFF*/
    font-weight: bold;
}

.linkflair-Facebook .linkflairlabel {
    background: RoyalBlue;   /*Royal Blue = #4169E1*/
    border: 1px solid Blue;  /*Crimson = #0000FF*/
    border-radius: 3px;
    color: White;            /*White = #FFFFFF*/
    font-weight: bold;
}

.linkflair-Old .linkflairlabel {
    background: BurlyWood;    /*BurlyWood = #DEB887*/
    border: 1px solid Sienna; /*Sienna = #A0522D*/
    border-radius: 3px;
    color: Black;             /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Journo .linkflairlabel {
    background: White;       /*White = #FFFFFF*/
    border: 1px solid Black; /*Black = #000000*/
    border-radius: 3px;
    color: Black;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-OpEd .linkflairlabel {
    background: LemonChiffon;       /*White = #FFFFFF*/
    border: 1px solid Black; /*Black = #000000*/
    border-radius: 3px;
    color: Black;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Shitpost .linkflairlabel {
    background: DarkGoldenRod;       /*White = #FFFFFF*/
    border: 1px solid SaddleBrown; /*Black = #000000*/
    border-radius: 3px;
    color: Black;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Google .linkflairlabel {
    background: White;       /*White = #FFFFFF*/
    border: 1px solid Red; /*Black = #000000*/
    border-radius: 3px;
    color: Green;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Gaming .linkflairlabel {
    background: White;       /*White = #FFFFFF*/
    border: 2px solid LimeGreen; /*Black = #000000*/
    border-radius: 3px;
    color: DarkOrchid;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Kia2meta .linkflairlabel {
    background: White;       /*White = #FFFFFF*/
    border: 2px solid DarkOrchid; /*Black = #000000*/
    border-radius: 3px;
    color: Green;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Sjif .linkflairlabel {
    background: LimeGreen;       /*White = #FFFFFF*/
    border: 2px solid DarkGoldenRod; /*Black = #000000*/
    border-radius: 3px;
    color: Yellow;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Sjicomp .linkflairlabel {
    background: Black;       /*White = #FFFFFF*/
    border: 1px solid Lime; /*Black = #000000*/
    border-radius: 3px;
    color: Lime;            /*Black = #000000*/
}

.linkflair-MediaBlitz .linkflairlabel {
    background: Black;       /*White = #FFFFFF*/
    border: 2px solid Red; /*Black = #000000*/
    border-radius: 3px;
    color: LightSalmon;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-BullshitBlitz .linkflairlabel {
    background: White;       /*White = #FFFFFF*/
    border: 2px solid Red; /*Black = #000000*/
    border-radius: 3px;
    color: SaddleBrown;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Jcb .linkflairlabel {
    background: Black;       /*White = #FFFFFF*/
    border: 2px solid Red; /*Black = #000000*/
    border-radius: 3px;
    color: White;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Censor .linkflairlabel {
    background: Black;       /*White = #FFFFFF*/
    color: White;            /*Black = #000000*/
    text-decoration: line-through;
    font-weight: bold;
}


.linkflair-Sjig .linkflairlabel {
    background: Green;       /*White = #FFFFFF*/
    border: 2px solid MediumOrchid; /*Black = #000000*/
    border-radius: 3px;
    color: White;            /*Black = #000000*/
    font-weight: bold;
}


.linkflair-Sjic .linkflairlabel {
    background: DodgerBlue;       /*White = #FFFFFF*/
    border: 1px solid Red; /*Black = #000000*/
    border-radius: 3px;
    color: Yellow;            /*Black = #000000*/
    font-weight: bold;
    font-style: oblique;
}

.linkflair-Fedposting .linkflairlabel {
    background: RoyalBlue;       /*White = #FFFFFF*/
    border: 2px solid Blue; /*Black = #000000*/
    border-radius: 3px;
    color: Yellow;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Sjwle .linkflairlabel {
    background: RoyalBlue;       /*White = #FFFFFF*/
    border: 2px solid Blue; /*Black = #000000*/
    border-radius: 3px;
    color: Yellow;            /*Black = #000000*/
    font-weight: bold;
}


.linkflair-History .linkflairlabel {
    background: Sienna;       /*White = #FFFFFF*/
    border: 2px solid BurlyWood; /*Black = #000000*/
    border-radius: 3px;
    color: Yellow;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-HisRev .linkflairlabel {
    background: Sienna;       /*White = #FFFFFF*/
    border: 2px solid BurlyWood; /*Black = #000000*/
    border-radius: 3px;
    color: Yellow;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Contested .linkflairlabel {
    background: Red;       /*White = #FFFFFF*/
    border: 1px solid White; /*Black = #000000*/
    border-radius: 3px;
    color: White;            /*Black = #000000*/
    font-style: oblique;
    font-weight: bold;
}

.linkflair-Unfounded .linkflairlabel {
    background: Red;       /*White = #FFFFFF*/
    border: 1px solid Black; /*Black = #000000*/
    border-radius: 3px;
    color: Ivory;            /*Black = #000000*/
    font-style: oblique;
    font-weight: bold;
}

.linkflair-Okia .linkflairlabel {
    background: Green;       /*White = #FFFFFF*/
    border: 1px solid LimeGreen; /*Black = #000000*/
    border-radius: 3px;
    color: White;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Discussion .linkflairlabel {
    background: PaleTurquoise;       /*White = #FFFFFF*/
    border: 1px solid Black; /*Black = #000000*/
    border-radius: 3px;
    color: Black;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Science .linkflairlabel {
    background: AliceBlue;       /*White = #FFFFFF*/
    border: 1px solid Blue; /*Black = #000000*/
    border-radius: 3px;
    color: Green;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Sjil .linkflairlabel {
    background: Peru;       /*White = #FFFFFF*/
    border: 2px solid Black; /*Black = #000000*/
    border-radius: 3px;
    color: Yellow;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Twitch .linkflairlabel {
    background: SlateBlue;       /*White = #FFFFFF*/
    border: 2px solid Black; /*Black = #000000*/
    border-radius: 3px;
    color: White;            /*Black = #000000*/
    font-weight: bold;
}

.linkflair-Parody .linkflairlabel {
    background: WhiteSmoke;       /*White = #FFFFFF*/
    border: 1px solid Gold;
    border-radius: 3px;
    color: Black;            /*Black = #000000*/
}

.linkflair-SJIR .linkflairlabel {
    background: WhiteSmoke;       /*White = #FFFFFF*/
    border: 2px solid Gold;
    border-radius: 3px;
    color: GoldenRod;            /*Black = #000000*/
    FONT-WEIGHT: bold;
}

.linkflair-Surveillance .linkflairlabel {
    background: Black;       /*White = #FFFFFF*/
    border: 1px solid DarkGray;
    border-radius: 3px;
    color: GhostWhite;            /*Black = #000000*/
}

.linkflair-Reddit .linkflairlabel {
    background: Tomato;       /*White = #FFFFFF*/
    border: 2px solid DarkOrange;
    border-radius: 3px;
    color: White;            /*Black = #000000*/
    FONT-WEIGHT: bold;
}



/* --- User Flairs ---
 * Last Edited by DomitiusOfMassilia - 20200122
 *
 */

.flair-saidit {
    background: Black;
    border: 2px solid Silver;
    border-radius: 3px;
    color: Gainsboro;
    font-weight: bold;
}

.flair-poal {
    background: Black;
    border: 2px solid Blue;
    border-radius: 3px;
    color: DeepSkyBlue;
    font-weight: bold;
}


.flair-OldGaurd {
    background: Black;       /*White = #FFFFFF*/
    border: 2px solid Magenta;
    border-radius: 3px;
    color: Lime;            /*Black = #000000*/
    FONT-WEIGHT: bold;
}

.flair-NewGaurd {
    background: White;       /*White = #FFFFFF*/
    border: 2px solid Magenta;
    border-radius: 3px;
    color: Green;            /*Black = #000000*/
    FONT-WEIGHT: bold;
}