User:MogDog66/Page.css

Note: After saving, 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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Styling */

.heading-title { color: #fdfdfc; font-size: 22px; font-family: TF2 Build, Arial; font-weight: bold;text-shadow:1px 1px 2px #000000; }
.heading-strong { 
         font-family: TF2 Build;
         font-size: 60px;
         color: #fdfdfc;
         text-shadow: 2px 2px 0px #666666, 4px 4px 0px #707070 ; } 
/* Xmas Colors: rgb(235, 67, 56) rgb(238, 238, 238) rgb(0, 224, 26)
   Reg. Colors: #2ee444 #666666 #707070 */
.link-title { font-family:TF2 Build;font-size:18px;color:#fdfdfc;text-shadow:1px 1px 1px black;width:170px; }

.tlink a:link { color: #FDFDFC !important; font-weight:normal; } /* unvisited link */
.tlink a:visited { color: #E6E6E4 !important; font-weight:normal; } /* visited link */
.tlink a:hover { color: #FDFDFC !important; font-weight:bold; text-decoration:none !important; }   /* mouse over link */
.tlink a:active { color: #FDFDFC !important; font-weight:normal; }    /* selected link */

.secondary-link a:link { color: #767676 !important; font-weight:normal; } /* unvisited link */
.secondary-link a:visited { color: #858585 !important; font-weight:normal; } /* visited link */
.secondary-link a:hover { color: #767676 !important; font-weight:bold; text-decoration:none !important; }   /* mouse over link */
.secondary-link a:active { color: #767676 !important; font-weight:normal; }    /* selected link */

#bodyContent ul { padding:0px; margin:0px; list-style-image: none; }
#bodyContent li { list-style-image:url(http://wiki.teamfortress.com/w/images/f/f5/User_MogDog66_Dot.png); }

/* Background images */

.link-background { 
  background-image:url('/w/images/b/b9/User_MogDog66_Spy_mask.png');
  background-repeat:no-repeat;
}

.wikicheive-background {
  background-image:url('/w/images/3/30/User_MogDog66_GradBomb.png');
  background-repeat:no-repeat;
}

.history-background {
  background-image:url('/w/images/2/20/User_MogDog66_SoldierBack.png');
  background-repeat:no-repeat;
}


/* Hats */

.birthday { position:absolute; padding-left: 9em; padding-top:3.5em; z-index:10 }
.christmas { position:absolute; top: 6.5em; left:6em; z-index:10; }

/* Tables */

.table-container { width:100%;border:0px;overflow:hidden;text-align:center;border-spacing:5px 7px }
.table-content { background:#dddddd; border-radius:10px;border:1px solid black;font-size: 15px; font-family: TF2 Build, Arial; }

.achtable-container { border-spacing: 3px; width: 100%; text-align: center; vertical-align: middle; }
.achtable-content { background:#a6a6a6;color:#fdfdfc; border-radius:3px; }

.toc-container { width:155px;text-align:center;background-color:#bbbbbb;font-size:15px; border-radius:5px; }
.toc-header { font-family:TF2 Build,Arial;font-size:16px;text-shadow:1px 1px 2px #fdfdfc;border-bottom:1px solid #666666;color:#323131 }
.toc-content { font-family:TF2 Secondary,Arial; border-radius:3px; }
.toc-content-highlight { font-family:TF2 Secondary,Arial;background-color:#cdcbcb; border-radius:3px; }

/* Collapsible containers */

.mog-loadout .poot-tabs-title
{
  background:#a6a6a6;
  font-weight:bold;
  text-shadow: 1px 1px 1px #000000;
  color:#fdfdfc;
  text-align:center;
  padding-left:1em;
  padding-right:1em;
  margin-bottom:2px;
  border-radius: 4px;
}

.mog-loadout .poot-tabs-title a {
  color: #FDFDFC !important;
}

.mog-loadout .poot-tabs-title a:visited {
  color: #E6E6E4 !important;
}

.mog-loadout .poot-tabs-title a:hover {
  color: #FDFDFC !important;
  font-weight:bold;
  text-decoration:none !important;
}

.mog-loadout .poot-tabs-title a:active {
  color: #FDFDFC !important;
}


.mog-loadout .poot-tabs-vertical .poot-tabs > ul > li, .poot-tabs-horizontal .poot-tabs > ul a {
  color: #FDFDFC !important;
}

.mog-loadout .poot-tabs-vertical .poot-tabs > ul > li, .poot-tabs-horizontal .poot-tabs > ul a:visited {
  color: #E6E6E4 !important;
}

.mog-loadout .poot-tabs-vertical .poot-tabs > ul > li, .poot-tabs-horizontal .poot-tabs > ul a:hover {
  color: #FDFDFC !important;
  font-weight:bold;
  text-decoration:none !important;
}

.mog-loadout .poot-tabs-vertical .poot-tabs > ul > li, .poot-tabs-horizontal .poot-tabs > ul a:active {
  color: #FDFDFC !important;
}
.mog-loadout .poot-tabs-vertical .poot-tabs > ul > li, .poot-tabs-horizontal .poot-tabs > ul
{
  background:#bbbbbb;
  color:#fdfdfc;
  margin-bottom:2px;
  border-radius: 4px;
}

.mog-loadout .poot-tabs > ul > li.poot-tabs-selected
{
  background:#838383;
  color:#fdfdfc;
  font-weight:bold;
  border-radius: 5px;
}

.mog-loadout .poot-tabs-container
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  border-radius: 4px;
  border:1px solid black;
  padding:3px;
}

.mog-loadout .poot-tabs-content
{
  position:relative;
  background:#c2c2c2;
  height: auto;
  border-radius: 4px;
}


/* Containers */

.global-container { margin:auto; padding-top:15px; padding-bottom:25px;width:1233px; }

.generic-container { 
  color: #353535;
  text-align: left;
  font-family: Verdana,Arial;
  font-size: 12px;
  background: #dddddd;
  width: 70%;
  padding: 30px;
  padding-top: 60px;
  margin: 16px auto 0px auto;
  border-radius: 10px;
  border: 1px solid black;
  overflow: hidden;
  position: relative;
  float:left;
}

.validation-container { 
 color: #353535;
 font-family: Tahoma,Arial;
 text-align:center;
 font-size: 9px;
 background: #dddddd;
 width: 100%;
 padding: 5px;
 margin-top:150px;
 border-radius: 10px;
 border: 1px solid black;
 overflow: hidden;
}

.opening-container { 
  background: #dddddd;
  border: 1px solid black;
  width: 1233px;
  text-align: center;
  margin: 15px auto 5px auto;
  border-radius: 10px;
  overflow: hidden;
}

.opening-content-left { width: 42%; padding: 30px; position: relative; float: left; padding-top: 12%; padding-bottom: 10%; margin: 1px auto 10px auto; overflow: hidden; }

.opening-content-right { padding: 5px; padding-top: 2%; padding-bottom: 5%; padding-right: 10%; float:right; overflow: hidden; position: relative; }

.title-container { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #bbbbbb;
  border-bottom: 1px solid black;
  border-radius: 10px;
  text-align: center;
}

.link-container { padding-top:3px;padding-left:13px;padding-bottom:7px; }

.landi-container { 
  color: #353535;
  background: #dddddd;
  width: 709px;
  text-align: left;
  padding: 14px;
  padding-right: 200px;
  padding-top: 10px;
  padding-bottom:10px;
  margin: 16px auto 0px auto;
  border-radius: 10px;
  border: 1px solid black;
  overflow: hidden;
  position: relative;
  float: left;
}

.scout-positioner { float: left; padding-top: 52px }

.landi-content { 
  color: #353535;
  font-family: Verdana,Arial;
  font-size: 12px;
  background: #dddddd;
  text-align: left;
  padding: 10px;
  width: 500px;
  padding-top: 60px;
  padding-right: 15px;
  margin: 13px auto 0px;
  border-radius: 10px;
  border: 1px solid black;
  position: relative;
}

.scout-container { 
  background: #bbbbbb;
  padding: 7px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom:10px;
  border-radius: 13px;
  border: 2px solid black;
  overflow: hidden;
  width: 255px;
  position: relative;
  float: right;
  left: 12px;
  top: 12px;
}

.tandl-container { 
  color: #353535;
  font-family: Verdana,Arial;
  font-size: 12px;
  background: #dddddd;
  width: 32%;
  text-align: left;
  padding: 25px;
  padding-top: 59px;
  margin: 17px auto auto;
  border-radius: 10px;
  border: 1px solid black;
  overflow: hidden;
  position: relative;
  float:left;
}

.userbox-container { 
  background: #dddddd;
  font-family: Verdana,Arial;
  text-shadow: 1px 2px 2px #a0a0a0;
  width: 285px;
  border-radius: 10px;
  border: 1px solid black;
  overflow: hidden;
  position: relative;
  float: right;
}

.userbox-title-container-top { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom:11px;
  padding-top:11px;
  background: #bbbbbb;
  border-bottom: 1px solid black;
  border-radius: 10px;
  text-align: center; 
}

.userbox-title-container-middle { 
  top: 0;
  left: 0;
  width: 100%;
  background: #bbbbbb;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-radius: 10px;
  padding-bottom:11px;
  padding-top:11px;
  text-align: center; 
}

.userbox-padding { padding: 25px; padding-left: 18px; padding-bottom: 10px; padding-top: 7px; margin: 10px auto 10px auto; }

/* Misc. */
.total-wrapper {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
  -o-transform: rotate(180deg); /* Opera */
  -moz-transform: rotate(180deg); /* Firefox */
}