Rate CSS
FC Template
By: ForceCards
Version: 3.04
Fonts: https://fonts.google.com/
Notice: The United States Copyright office does not recognize CSS as a valid document. Any claims of copyright of CSS is copyfraud].
@import url('https://fonts.googleapis.com/css?family=Yantramanav:100,300'); @import url('http://forcecards.wdfiles.com/local--files/css/font-bauhaus.css'); /* Stripped down editor UI, revised by WTW */ /* Be sure to set perms in "_admin > security > permissions" */ /* to hide page options */ #edit-diff-button { display: none; } #pagerate-button { display: none; } #print-button { display: none; } #site-tools-button { display: none; } #lock-info { display: none; } .edit-help-34 { display: none; } .page-watch-options { display: none; } #wd-editor-toolbar-panel div + div { } #np-editor-panel div + div { display: none; } #login-status { display: none; } #header { display: none; } #footer { display: none; } /*------------------------------------------------------------- GLOBAL ############################ ---------------------------------------------------------------*/ #p.thick { font-weight: bold; color: #bc9839; } html { background: url(); background-color: #ebebeb; } p { margin: 30px 0; line-height: 1.38em; } a { color: blue; text-decoration: none; } a:hover { color: blue; text-decoration: underline; background-color: transparent; } h1, h2, h3, h4, h5, h6 { color: #679cde; font-weight: normal; font-family: BauhausLTDemi, Helvetica, Arial, sans-serif; line-height: 1.2em; margin-top: 10px; text-shadow: 2px 2px 3px #fff; } h1 {font-size: 165%;} h2 {font-size: 155%;} h3 {font-size: 145%;} h4 {font-size: 135%;} h5 {font-size: 125%;} h6 {font-size: 115%;} input[type=text], textarea { padding: 4px; margin: 5px 0; } body { color: #000; background-color: #ebebeb; font-family: Helvetica, Arial, sans-serif; line-height: 1.3em; overflow-x:hidden; } #container-wrap { margin: 0 auto; width: 960px; } /*------------------------------------------------------------- CUSTOM LOGO ######################## Note: For larger header: #header {height} + #header h1 {height} ---------------------------------------------------------------*/ #header h1 a span{ display:none; } #header h2{ display:none; } #header h1 a, #header h1 a:hover{ display: none; display: block; margin: 0; padding:0; background-image: url(http://forcecards.wdfiles.com/local--files/css/forcecards-header.jpg); background-size: 100% 100%; width: 902px; height: 100px; opacity: 1; } /*------------------------------------------------------------- LOGIN STATUS ######################## ---------------------------------------------------------------*/ #login-status { color: #000; position: absolute; top: 8px; right: 20px; } #login-status .printuser a { display: none; } a#account-topbutton { background: none; border: none; } #login-status a { padding: 0 3px; color: #000; text-decoration: none; } #login-status a:hover {color: #fff;} #account-options { width: 140px; text-align: center; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); box-shadow: 0 0 3px rgba(0,0,0,0.4); } /*------------------------------------------------------------- SEARCH BOX ######################### ---------------------------------------------------------------*/ #search-top-box { display:none; position: absolute; right: 0px; top: 108px; height: 48px; width: 240px; text-align: right; } #search-top-box input.text { width: 135px; margin: 12px 40px 0 0; padding-right: 15px; background: #d2d2d2; border: none; border-top: 1px solid #fff; border-left: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 150ms linear; -moz-transition: background 150ms linear; } #search-top-box input.text:focus { background: #fff; outline: none; } #search-top-box input.text.empty { color: #666; font-style: italic; } #search-top-box input.button { position: absolute; top: 5px; right: 10px; border: none; display: block; width: 36px; height: 36px; padding: 0; background: transparent url(http://hold.wdfiles.com/local--files/css%3Ablackbar/freshly-searchButton.png) no-repeat left top; color: transparent; text-indent: -9999px; font-size: 0; line-height: 0; } #search-top-box input.button:hover { background-position: left -36px; } /*------------------------------------------------------------- MAIN CONTENT ######################## ---------------------------------------------------------------*/ #content-wrap { position: relative; padding: 0px 15px 0; padding-top: 20px; clear: both; overflow: hidden; /*-webkit-box-shadow: 0 -2px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 -2px 10px rgba(0,0,0,0.3); box-shadow: 0 -2px 10px rgba(0,0,0,0.3);*/ } #page-title { display: none; border: none; font-size: 40px; width: 884px; padding: 10px; font-weight: normal; text-decoration: none; color: #000; letter-spacing: -1px; background-color: #fff; } #main-content { float: left; padding: 0; margin: 0; overflow: hidden; border-right: 1px solid #ccc; } #page-content { background-color: #ebebeb; font-size: 20px; font-family: Yantramanav, 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-style: ; font-variant: ; font-weight: 300; line-height: px; margin: 0 auto; margin-left: 14px; } /*------------------------------------------------------------- SIDEBAR ########################### ---------------------------------------------------------------*/ /*----- OG SIDEBAR (For Reference) ----------------------- #side-bar{ float: right; padding: 10px; width: 250px; margin: 0; overflow: hidden; } #side-bar a {color: #f6ff00;} #side-bar a:hover {color: #f6ff00; text-decoration: underline;} #side-bar ul { list-style-type: none; padding: 0 5px 0; } ----------*/ /*----- SIDEBAR ON LEFT (OPTION) -------------------------------- #page-title {margin-left: 10px;} #side-bar {float: left;} #main-content { float: right; border-right: none; border-left: 1px solid #ccc; } ----------*/ /*----- NO SIDEBAR (DEFAULT) ------------------------------------*/ #side-bar {display: none;} #main-content { width: 100%; border: none; margin-top: -17px; margin-left: -1px; opacity: 0.95; } #page-content { width: 97%; } /*------------------------------------------------------------- BREADCRUMBS ######################## ---------------------------------------------------------------*/ #breadcrumbs { color: #888; padding: 0 10px; } #breadcrumbs a {color: #888;} #breadcrumbs a:hover {color: #ff9600;} /*------------------------------------------------------------- FOOTER ############################ ---------------------------------------------------------------*/ #page-options-container { margin-right: 5px; } #footer { color: #ebebeb; padding: 12px 0px 12px; font-size: 0.95em; margin-top: 0; margin-right: 5px; margin-left: 28px; background: #1d54a6; opacity:; border-top: 1px solid #ccc; width:902px; } #footer .options {font-size: 100%;} #footer a, #license-area a { color: #faf9a7; text-decoration: none; } #footer a:hover, #license-area a:hover {color: #faf9a7; text-decoration:underline;} #license-area { padding: 0 10px 10px; color: #999; font-size: 0.95em; background: #eee; position: absolute; bottom: 0; margin: 0; width: 940px; } /* background for the footer - if you use a custom footer, change the height property to suit */ #extra-div-1 { position: absolute; width: 90%; height: 69px; /* change me! */ background: #eee; bottom: 0; left: 0; z-index: -30; border-top: 1px solid #ccc; } /*------------------------------------------------------------- WIKI ELEMENTS ####################### ---------------------------------------------------------------*/ #action-area h1 { font-size: 200%; } .code { font-size: 80%; display: block; padding: 10px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* ----- original archived here blockquote { background: #dfdfdf; border: none; border-top: 2px solid #adadad; color: #444; font-family: Georgia, “Times New Roman”, Times, serif; font-style: italic; padding: 3px 10px; } -------*/ blockquote { background: #7d7d7d; border: none; border-top: 4px solid #000000; color: white; font-family: Georgia, “Times New Roman”, Times, serif; font-style: ; padding: 3px 30px; } /*------------------------------------------------------------- COMMENTS ########################## ---------------------------------------------------------------*/ .thread-container-posts { width: 800px; } .comments-box { border-top: 2px solid #eee; margin: 10px 0; } .comments-box h1 { color: #444; font-size: 16px; font-weight: bold; letter-spacing: 1px; padding: 0 10px; text-transform: uppercase; } .post-container { background: #fff; padding: 0 10px; position: relative; border: 2px solid #679cde; margin: 15px 0; margin-right: 30px; } .post-container .post { margin: 0; padding: 5px 0 2px; } .post-container .head .info, .post-container .head { margin: 0; border: none; background: none !important; text-transform: none; } .post-container .head .info .printuser a { color: #000; text-transform: none; font-weight: bold; font-size: 14px; } .post-container .head .info .printuser a:hover { background: none; color: black; } .post-container .head .info .odate { float: right; color: #777; } .post-container .head .options, .post-container .head .info .printuser.avatarhover a img {} } .post-container .options { margin: 5px 0 0; padding: 5px 0 0; } .post-container .post .options a { color: #444; padding: 4px 8px 0; text-decoration: none; text-transform: uppercase; } .post-container .post .options a:hover { color: #ff9600; } /*------------------------------------------------------------- BUTTONS ############################ ---------------------------------------------------------------*/ div.buttons input, input.button, button, file, a.button, .button-bar a, #new-post-button, .rate-points, .rateup a, .ratedown a, .cancel a, .pager a, .new-post a { height: auto; padding: 4px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #2055a1; border: none; color: #fff; font-size: 1.1em; margin: 0 5px; } #new-post-button { width: 783px; } div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, .rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, .new-post a:hover { color: #000; background-color: #679cde; border: none; text-decoration: none; cursor: pointer; } .page-rate-widget-box .rate-points, .pager .current { padding: 4px 6px; font-size: 1.1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .pager a, .pager a:hover, .pager .current, .page-rate-widget-box a { padding: 3px 8px; } .owindow .button-bar a { margin: 0.2em 0.2em; padding: 0.1em 1em; text-decoration: none; background-color: #2055a1; border: 1px solid #679cde; } .owindow .button-bar a:hover { background-color: #679cde; border: 1px solid #2055a1; } /*------------------------------------------------------------- CORNER AD ########################## ---------------------------------------------------------------*/ .corner-info { position: fixed; top: 0px; left: 0; z-index: 100; } .corner-info { position: fixed; top: 0px; left: 0; z-index: 100; width: 180px; height: 180px; } .signup { text-align:; width: 290px; padding: 1px 8px 5px 8px; position: relative; } .slider { position: absolute; top: -80px; margin-left: -30px; z-index: 100; width: 953px; height: 246px; } /*------------------------------------------------------------- TOP NAV BAR ######################### ---------------------------------------------------------------*/ #top-bar { bottom: -84px; height: 48px; display: block; left: 0px; position: absolute; text-transform: uppercase; width: 902px; z-index: 2; background-color: #2055a1; padding-bottom: 4px; font-weight: ; } #top-bar ul { float: left; padding: 0; height: 33px; margin-top: 9px; border-right: 0px solid #000; border-left: 0px solid #444; } #top-bar ul li { background: none; display: inline; font-size: 16px; padding: 0 5px 0; margin: 0; position: relative; border-right: 0px solid #444; border-left: 0px solid #000; } #top-bar ul li a { color: white; padding: 9px 22px 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #top-bar ul li a:hover, #top-bar ul li a.current-link { color: #679cde; } #top-bar ul li a:hover, #top-bar ul li.sfhover a { background: none; text-decoration: none; -webkit-box-shadow: 0 1px 3px #679cde inset; -moz-box-shadow: 0 1px 3px #679cde inset; box-shadow: 0 1px 3px #679cde inset; } #top-bar ul li ul { color: #fff; visibility: hidden; opacity: 0; font-size: 1em; left: 6px; line-height: 1.8em; padding: 0; position: absolute; z-index: 100; width: 160px; background-color: #2055a1; height: auto; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6); box-shadow: 0 1px 4px rgba(0,0,0,0.6); -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; } #top-bar ul li:hover ul { display: inline-block; opacity: 1; } #top-bar ul li ul li { padding: 0 10px; background: none; border: none; display: inline-block; width: auto; } #top-bar ul li ul li a { background: none; padding: 5px; text-transform: none; } #top-bar ul li ul li a:hover, #top-bar ul li.sfhover ul li a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #top-bar ul li ul li ul { position: absolute; left: 160px; top: 0; opacity: 0 !important; visibility: hidden; } #top-bar ul li ul li:hover ul { opacity: 1 !important; visibility: visible; } /*------------------------------------------------------------- BULLET EDITS ######################## ---------------------------------------------------------------*/ ul, li { line-height: 1.2em; } /*------------------------------------------------------------- ADMIN FOOTER & TOOL BOX ############### ---------------------------------------------------------------*/ #page-options-container { margin-right: 5px; width: 902px; margin-left: 14px; background-color: #ebebeb; } #action-area { width: 867px; background-color: #ebebeb; margin-left: 14px; padding: 5px; padding-left: 30px; } /*------------------------------------------------------------- REDLINE (FOR SLIDER) ################### ---------------------------------------------------------------*/ .redline { height: 5px; background-color: red; } .redline2 { height: 6px; background-color: red; } .content { margin: -12px 20px 20px 20px; padding-top: 20px; } /*------------------------------------------------------------- HOVERTIPS ########################### ---------------------------------------------------------------*/ .hovertip { display: none; width: 20em; border: 2px solid #888; background-color: #F3F3F3; z-index: 100; }