Difference between revisions of "User:MogDog66/Page.css"
(Reducing text shadow blur) |
(Testing) |
||
Line 15: | Line 15: | ||
.secondary-link a:active { color: #767676 !important; font-weight:normal; } /* selected link */ | .secondary-link a:active { color: #767676 !important; font-weight:normal; } /* selected link */ | ||
− | .background { | + | .link-background { |
− | background-image:url(' | + | background-image:url('/w/images/b/b9/User_MogDog66_Spy_mask.png'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | } |
Revision as of 08:12, 22 October 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: 2px 2px 0px #eee, 4px 4px 0px #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 */ .link-background { background-image:url('/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); } /* Party Hat */ .birthday { position:absolute; padding-left: 9em; padding-top:3.5em; z-index:10 } /* 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: 500px; padding-top: 60px; padding-right: 15px; 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: 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; -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; text-shadow: 1px 2px 2px #a0a0a0; 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; }