Difference between revisions of "User:MogDog66/Page.css"
(Derp) |
(Blamo!) |
||
Line 1: | Line 1: | ||
− | # | + | /* 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; }