Difference between revisions of "User:MogDog66/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
(Derp)
(Blamo!)
Line 1: Line 1:
#bg { background-image:url('http://wiki.teamfortress.com/w/images/d/db/Engineer_Update_Teaser_New_Map.jpg'); }
+
/* 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: #666666;text-shadow:3px 3px 3px #ffffff; }
 +
.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 */
 +
 
 +
.background {
 +
  background-image:url('http://wiki.teamfortress.com/w/images/b/b9/User_MogDog66_Spy_mask.png');
 +
  background-repeat:no-repeat;
 +
}
 +
 
 +
#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); }
 +
 
 +
/* Tables */
 +
 
 +
.table-container { width:100%;border:0px;overflow:hidden;text-align:center;border-spacing:5px 7px }
 +
.table-content { background:#dddddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; 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;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
 +
 
 +
.toc-container { width:155px;text-align:center;background-color:#bbbbbb;font-size:15px;-moz-border-radius:5px;-webkit-border-radius:5px;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;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
 +
.toc-content-highlight { font-family:TF2 Secondary,Arial;background-color:#cdcbcb;-moz-border-radius:3px;-webkit-border-radius:3px;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;
 +
  -moz-border-radius: 4px;
 +
  -webkit-border-radius: 4px;
 +
  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;
 +
  -moz-border-radius: 4px;
 +
  -webkit-border-radius: 4px;
 +
  border-radius: 4px;
 +
}
 +
 
 +
.mog-loadout .poot-tabs > ul > li.poot-tabs-selected
 +
{
 +
  background:#838383;
 +
  color:#fdfdfc;
 +
  font-weight:bold;
 +
  -moz-border-radius: 5px;
 +
  -webkit-border-radius: 5px;
 +
  border-radius: 5px;
 +
}
 +
 
 +
.mog-loadout .poot-tabs-container
 +
{
 +
  display:block;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  -moz-border-radius: 4px;
 +
  -webkit-border-radius: 4px;
 +
  border-radius: 4px;
 +
  border:1px solid black;
 +
  padding:3px;
 +
}
 +
 
 +
.mog-loadout .poot-tabs-content
 +
{
 +
  position:relative;
 +
  background:#c2c2c2;
 +
  height: auto;
 +
  -moz-border-radius: 4px;
 +
  -webkit-border-radius: 4px;
 +
  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;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius: 10px;
 +
  border: 1px solid black;
 +
  overflow: hidden;
 +
  position: relative;
 +
  float:left;
 +
}
 +
 
 +
.opening-container {
 +
  background: #dddddd;
 +
  border: 1px solid black;
 +
  width: 1233px;
 +
  text-align: center;
 +
  margin: 15px auto 5px auto;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  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;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  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;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  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: 550px;
 +
  padding-top: 60px;
 +
  padding-right: 18px;
 +
  margin: 13px auto 0px;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius: 10px;
 +
  border: 1px solid black;
 +
  position: relative;
 +
}
 +
 
 +
.scout-container {
 +
  background: #bbbbbb;
 +
  padding: 7px;
 +
  padding-right: 10px;
 +
  padding-top: 1px;
 +
  padding-bottom:10px;
 +
  -moz-border-radius: 13px;
 +
  -webkit-border-radius: 13px;
 +
  border-radius: 13px;
 +
  border: 2px solid black;
 +
  overflow: hidden;
 +
  width: 260px;
 +
  position: relative;
 +
  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;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius: 10px;
 +
  border: 1px solid black;
 +
  overflow: hidden;
 +
  position: relative;
 +
  float:left;
 +
}
 +
 
 +
.userbox-container {
 +
  background: #dddddd;
 +
  font-family: Verdana,Arial;
 +
  width: 285px;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  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;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  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;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  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. */
 +
#background-img { z-index: 32; }

Revision as of 04:05, 8 August 2011

/* 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: #666666;text-shadow:3px 3px 3px #ffffff; }
.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 */

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

#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); }

/* Tables */

.table-container { width:100%;border:0px;overflow:hidden;text-align:center;border-spacing:5px 7px }
.table-content { background:#dddddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; 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;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }

.toc-container { width:155px;text-align:center;background-color:#bbbbbb;font-size:15px;-moz-border-radius:5px;-webkit-border-radius:5px;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;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
.toc-content-highlight { font-family:TF2 Secondary,Arial;background-color:#cdcbcb;-moz-border-radius:3px;-webkit-border-radius:3px;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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

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

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

.mog-loadout .poot-tabs-content
{
  position:relative;
  background:#c2c2c2;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid black;
  overflow: hidden;
  position: relative;
  float:left;
}

.opening-container { 
  background: #dddddd;
  border: 1px solid black;
  width: 1233px;
  text-align: center;
  margin: 15px auto 5px auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  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: 550px;
  padding-top: 60px;
  padding-right: 18px;
  margin: 13px auto 0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid black;
  position: relative;
}

.scout-container { 
  background: #bbbbbb;
  padding: 7px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom:10px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  border: 2px solid black;
  overflow: hidden;
  width: 260px;
  position: relative;
  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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid black;
  overflow: hidden;
  position: relative;
  float:left;
}

.userbox-container { 
  background: #dddddd;
  font-family: Verdana,Arial;
  width: 285px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  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. */
#background-img { z-index: 32; }