X-Git-Url: https://projects.mako.cc/source/selectricity-live/blobdiff_plain/607f3a343ea400e558cc47a7c6dc508f9bafcfd2..22f84a3ea8bc39eb4cb91575d35dfca683336032:/public/stylesheets/hc.css diff --git a/public/stylesheets/hc.css b/public/stylesheets/hc.css old mode 100644 new mode 100755 index 0a9f362..d4ee379 --- a/public/stylesheets/hc.css +++ b/public/stylesheets/hc.css @@ -10,13 +10,13 @@ body { p, blockquote, ul, ol, dl, dd, li, dir, menu {} h1, h2, h3, h4 { - border-bottom: 1px solid #BD7589; - text-shadow: #999999 0.2em 0.2em 3px; + border-bottom: 1px solid #4D801A; + text-shadow: #4D801A 0.2em 0.2em 3px; } -a:link { font-weight: bold; color: #BD7589; text-decoration: underline; } -a:visited { font-weight: bold; color: #BD7589; text-decoration: underline; } +a:link { font-weight: bold; color: #4D801A; text-decoration: underline; } +a:visited { font-weight: bold; color: #4D801A; text-decoration: underline; } a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; } a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; } @@ -62,11 +62,14 @@ a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; } padding-top: 5px; padding-bottom: 5px; font-weight: normal; - background: #BD7589; + background: #73BF26; color: #FFFFFF; } -#top h3 { font-size: 30px; } +#top h3 { + border-bottom: 0px; + font-size: 30px; } + #links { text-align : right; } #links a { color: #FFF; font-weight: bold; } #links a:visited { color: #FFF; font-weight: bold; } @@ -89,7 +92,17 @@ a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; } margin-top: 10px; margin-left: 50px; padding: 5px 5px 5px 15px; - width: 85%; } + width: 400px; } + +#status { + width: 400px; + border: 1px solid #0000FF; + border-width: 1px; + padding: 7px; + padding-bottom: 12px; + margin-bottom: 20px; + background-color: #f0f0f0; +} #footer { text-align: center; font-size: 12px; @@ -110,30 +123,191 @@ a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; } background-color: #ffdfdf; } + + +#xxErrorExplanation h2 { + text-align: left; + font-weight: bold; + padding: 5px 5px 5px 15px; + font-size: 12px; + margin: -7px; + background-color: #c00; + color: #fff; +} + +#xxErrorExplanation p { + color: #333; + margin-bottom: 0; + padding: 5px; +} + +#xxErrorExplanation ul li { + font-size: 12px; + list-style: square; +} + .mainresultbox { - width: 100%; - padding: 7px; - margin-right: 30px; - margin-bottom: 30px; - border-style: dotted; - border-width: 1px; + text-align: center; + width: 850px; + border-width: 2px; + border-style: solid; + border-color: #4D801A; + padding: 7px; + margin-right: 30px; + margin-bottom: 30px; } -.mainresultbox h1 { - text-align: center; +.mainresultbox h3 { + text-align: center; + font-weight: bold; + padding: 5px 5px 5px 15px; + margin: -7px; + background-color: #73BF26; + color: #fff; + border-bottom: 0px; } .resultbox { - width:47%; - float: left; - padding: 7px; - margin-right: 10px; - margin-bottom: 10px; - border-style: dotted; - border-width: 1px; + text-align: center; + width: 400px; + float: left; + border-width: 2px; + border-style: solid; + border-color: #4D801A; + padding: 7px; + margin-right: 30px; + margin-bottom: 30px; } +.resultbox h3 { + text-align: center; + font-weight: bold; + padding: 5px 5px 5px 15px; + margin: -7px; + background-color: #73BF26; + color: #fff; + border-bottom: 0px; +} .clearbox { clear: both; margin: 30px; } +li.moveable { + background-color: #E5FFCC; + border:1px solid #4D801A; + cursor: move; + padding: 4px; + margin: 4px; +} + +#sortable_list { + font-size: 24pt; + display: float; + float: left; +} + +.voterbox { + border-spacing: 0px; + border-width: 2px; + border-color: #4D801A; + border-style: solid; +} + +.voterbox th { + border-width: 2px; + border-color: #73BF26; + border-style: solid; + text-align: center; + font-weight: bold; + padding: 5px 5px 5px 15px; + background-color: #73BF26; + color: #fff; +} + +.voterbox td { + border-collapse: collapse; + border-width: 1px; + border-color: #4D801A; + border-style: solid; + + text-align: right; + padding-right: 5px; + padding-left: 5px; +} + +.rbmoreinfo hr { + width: 100%; + height: 10px; + color: #4D801A; +} +.rbmoreinfo h4 { + border: 0px; + font-style: italic; + text-align: center; + font-size: 0.9em; +} + +.rbmoreinfo p { + font-size: 0.8em; + padding-left: 30px; + padding-right: 30px; + text-align: left; +} + +.example { + width: 400px; + border-width: 2px; + border-style: solid; + border-color: #73BF26; + padding: 7px; + padding-bottom: 12px; + margin-bottom: 20px; + background-color: #f0f0f0; +} + +.example h4 { + text-align: center; + font-weight: bold; + padding: 5px 5px 5px 15px; + font-size: 12px; + margin: -7px; + background-color: #73BF26; + color: #fff; + border-bottom: 0px; +} + +.example p { + margin-bottom: 0; + padding: 5px; +} + + +.warning { + width: 400px; + border-width: 2px; + border-style: solid; + border-color: #4D801A; + padding: 7px; + padding-bottom: 12px; + margin-bottom: 20px; + background-color: #f0f0f0; +} + +.warning h4 { + text-align: + center; + font-weight: + bold; + padding: 5px 5px 5px 15px; + font-size: 12px; + margin: -7px; + background-color: #4D801A; + color: #fff; + border-bottom: 0px; +} + +.warning p { + margin-bottom: 0; + padding: 5px; +} +