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;
    font-family: arial, sans-serif;
}

    /*The Big Ones*/
    
#globalWrapper{
    background-color:#d1e8dd;
    box-shadow: 0px 0px 21px 5px #000000;
}
    
#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);
    position: absolute;
    flex-direction: column;
    }
    
        /*Title stuff—the title (duh), factions, the suite, the subtitle that always says 'From Transformers Wiki'*/
.firstHeading {
    font-family: 'bitdust_tworegular';
    color:#FFF;
    margin:0px;
    padding:5vh 0vh 2vh 1vw;
    background:url('https://c4.wallpaperflare.com/wallpaper/646/587/585/connection-background-shape-sheet-wallpaper-preview.jpg');
    }

    .firstHeading > span{
        filter: drop-shadow(3px 3px 0px #000000);
    }
    
    #title-factionicons > div {
      background-color: #00000000;
      filter: drop-shadow(3px 3px 0px #000000);
    }
    
    .tt1_suite{
        background-color:#fff;
        box-shadow: inset 2px 2px 5px 1px rgba(0, 56, 16, .39);
        line-height:1.25;
        border-radius:0px;
    }
/*i wish i could make it mobile-friendly but there isn't any <meta>
@media screen and (max-width:800px) {
    #column-one, #column-content{
        float: none;
        clear: both;
    }
}
    */
    /*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{
        font-family: 'bitdust_tworegular';
        text-align:left;
    }
    
    .tocnumber, .toctext, #togglelink{
        
    }
    
    .tocnumber{
        color:#566963;
        font-family: 'bitdust_tworegular';
    }
    
    .toctext, #togglelink{
        color:#000;
    }
    #toc a{
        text-decoration:none;
    }

    #toc ul{
        list-style-type: none;
        background-color:#fff;
        padding:1vh;
        top:5px;
        color:#000;
        line-height: 1.5;
    }
    
        #toctitle h2{
        color:black;
            margin-top:0px;
            font-size:20px;
            text-align:center;
            font-family: 'bitdust_tworegular';
    }
    
        /*Text*/
    
    p{
        line-height: 1.6;
    }
    
    dd{
        margin-bottom:3vh;
    }
    
    /*Links*/
    a{
        text-decoration:none;
        font-style:italic;
    }
    a:link{
        font-weight:bold;
        color:#3a4844;
    }
    
    a:hover{
        text-decoration:underline
    }
    
    a:active{
        color:#fff;
    }
    
    a:visited{
        font-weight:normal;
        font-style:normal;
        color:#566963;
    }
    
    .quote{
        font-family: 'bitdust_tworegular';
    }
    
    .tt1_storylink{
        background-color:#91b8b3;
        border:none;
    }
    
    .tt1_storylink > a{
        color:#000;
    }
    
    /*Thumbs*/

    .thumb{
        background: #fff;
        padding: 2vh;
        border-radius:2vh;
        border:2px solid #566963;
        border-bottom:2px;
        margin:1vh
    }
    
    .tright{
        margin-right:1vw;
    }
    
    .thumbcaption{
        margin:1vh 0vh 0vh 0vh;
    }
    
    /*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:18vw;
    }
    .portlet > h5{
        margin:0px;
        margin-bottom:0.5vh;
        font-size:15px;
        padding:0.5vh 1vh;
    }
    .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;
    }
    
    #searchBody{
        padding:1vh
    }
    
    /*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*/
    
    ul#filetoc{
        background:none;
        border:none;
    }
    
    h2{
        border-bottom:2px solid #566963;
    }
    
    #sitesub, h2, h3{
        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, ul#filetoc 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;
    }