User:Plok 1993/myskin.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Keania+One&display=swap');
    @import url('https://file.garden/Zver7X6UyWRXW2w6/webfontkit-20241228-000155/stylesheet.css'); 

body{
    max-width:1280px;
    background-color:#566963;
    margin:auto;
}

    /*The Big Ones*/
    
#globalWrapper{
    background-color:#d1e8dd;
    box-shadow: 0px 0px 21px 5px #000000;
}

.firstHeading {
    font-family:"Keania One";
    color:#FFF;
  text-shadow:
    3px 3px 0 #000,
    -3px 3px 0 #000,
    -3px -3px 0 #000,
    3px -3px 0 #000;
}
#contentSub{    border-top:.234375vw solid #05001F;    }

    #bodyContent{
        padding:0px;
    }
#column-content{
    float: right;
    width:75%;
    height:inherit;
}

#column-one{
    float: left;
    width:20%;
    background-color:#96b1a9;
    box-shadow: 2px 0px 19px 1px rgba(0,0,0,0.75);
    margin-right:1vw;
    position: absolute;
    flex-direction: column;
    }
    
        /*Factions*/

    #title-factionicons > div {
      background-color: #00000000;
      filter: drop-shadow(9px 9px 0px #000000);
    }
    
    /*Table of Contents*/
    #toc{
        	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:15px;
        
	padding:5px;
    padding-top:0px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
    }
    
    .toctoggle{
        position: relative;
        bottom:5vh;
        left:10.7vw;
        font-family: 'bitdust_tworegular';
    }
    
    .tocnumber, .toctext, #togglelink{
        color:#000;
    }
    
    #toc a{
        text-decoration:none;
    }

    #toc ul{
        list-style-type: none;
        background-color:#fff;
        padding:1px;
        top:5px;
        color:#000;
    }
    
        #toctitle h2{
        color:black;
            margin-top:0px;
            font-size:20px;
            text-align:center;
            font-family: 'bitdust_tworegular';
    }
    
    /*Portlets - generated because I dpon't feel like creating one myself*/
    .pBody{
        font-family: 'Arial';
        background-color:#fff;
        box-shadow: inset 2px 2px 5px 1px rgba(0, 56, 16, .39);
        padding:1px;
        
    }
    .portlet{
        font-family: 'bitdust_tworegular';
        box-shadow:inset 0px 1px 3px 0px #91b8b3;
        background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
        background-color:#768d87;
        border:1px solid #566963;
        display:inline-block;
        cursor:pointer;
        color:#20322c;
        font-size:15px;
        text-shadow:0px -1px 0px #2b665e;
        margin:1vw;
        width:14vw
    }
    .portlet > h5{
        margin:0px;
        margin-bottom:1vh;
        font-size:15px;
        
    }
    .portlet li{
      list-style: none;
      border-bottom: 1px solid #566963;
      display: block;
      margin: 0;
      padding: 2px 5px;
    }
    .portlet a{
          font-family: 'bitdust_tworegular';
      font-weight:100;
      text-decoration:none;
    color:#000;
    }
    .portlet ul{
      margin: 0;
      padding:0;
    }
    .portlet a:visited{
      color:#6d9286;
    }
    
    /*Footer*/
    
    #footer{
        background-color:#566963;
        padding:1vh;
        
    }
    #footer li{
        list-style-type:none;
        display: inline;
    }
    #footer a{
        color:white;
        text-decoration:none;
    }
    #f-list{
            text-align:center;
        font-family: 'bitdust_tworegular';
    }
    #f-copyrightico, #f-poweredbyico{
        float:left;
    }
    
    /*Misc*/
    
    #sitesub{
        font-family: 'bitdust_tworegular';
    }
    
    .tt1_featuredCharacters{
        width:40vw
    }
    
    #mw-normal-catlinks{
        background-color:#96b1a9;
    box-shadow: 2px 0px 19px 1px rgba(0,0,0,0.75);
        margin:0;
        margin-top:10px;
        padding:2vh;
        width:1280px;
        position: relative;
        right:340px;
        overflow:hidden;
    }
    
    .editsection{
        font-size:15px
    }
    
        #preftoc li{
        list-style-type:none;
        display: inline;
    }
    ul#preftoc{
        padding:0px;
    }
    
    #preftoc a{
        margin:0.5vh;
        box-shadow:inset 0px 1px 3px 0px #91b8b3;
        background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
        background-color:#768d87;
        border-radius:5px;
        border:1px solid #566963;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:15px;
        font-weight:bold;
        padding:5px 23px;
        text-decoration:none;
        text-shadow:0px -1px 0px #2b665e;
    }
    
    input[type=submit]{
            box-shadow:inset 0px 1px 3px 0px #91b8b3;
            background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
            background-color:#768d87;
            border-radius:5px;
            border:1px solid #566963;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:15px;
            font-weight:bold;
            text-decoration:none;
            text-shadow:0px -1px 0px #2b665e;
            padding:2px;
    }