X-Git-Url: https://projects.mako.cc/source/selectricity-live/blobdiff_plain/c8404eeb9ad60aa18526c56feff2d26ea161028b..7065ec58c26803b9fbc99476c09c1599996f4cc1:/public/stylesheets/main.css diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css index 313dee5..acb8bb2 100644 --- a/public/stylesheets/main.css +++ b/public/stylesheets/main.css @@ -36,6 +36,11 @@ label { font-weight: bold; } +pre { + font-family: monospace; + overflow: scroll; + background: #d9d9d9; +} /* Left column. Includes logo, poll information, and graph. */ @@ -71,15 +76,9 @@ label { color: #666666; } -/* #graph { - margin-top: 50px; - background: url(/images/graph.jpg) top left no-repeat; - height: 0px; - overflow: hidden; - padding-top: 243px; -} */ - - +.graph { + text-align: center; +} /* Right column. Includes top-bar and main-box. */ @@ -152,52 +151,51 @@ h5 { overflow: hidden; } -.plain-header { - margin: 1em -1.2em 1em -1.2em; +#title-header { + margin: -20px -20px 14px -20px; + height: 34px; + background-color: #e5e5e5; +} + +.normal-header { + margin: 1.3em -20px 1.3em -20px; + height: 34px; + background-color: #e5e5e5; } .header { - display: block; - font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif; - font-size: 30px; - text-transform: uppercase; - text-align: center; - color: white; - background-color: #999999; - height: 32px; - float: left; - padding: 0px .75em 0px .75em; - margin-right: 10px; - margin-bottom: 14px; + display: block; + font-family: verdana,arial,helvetica,sans-serif; + font-size: 30px; + text-transform: uppercase; + text-align: center; + color: white; + background-color: #999999; + height: 34px; + float: left; + padding: 0px .75em 0px .75em; } .subheader { - display: block; - font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif; - font-size: 18px; - text-align: left; - color: #666666; - background-color: #CCCCCC; - height: 26px; - padding: 6px 1em 0px 20px; - margin-bottom: 14px; -} + float: left; + font-family: verdana,arial,helvetica,sans-serif; + font-size: 18px; + color: #666666; + background-color: #e5e5e5; + /* height: 26px; */ + padding: 6px 0px 0px 10px; + margin-bottom: 14px; +} #main-box { float: right; - width: 611px; - padding: 0; + width: 571px; + padding: 20px; background: #f9f9f9; border: 1px solid #b3b3b3; } -.main-content { - margin: 1.2em; - line-height: 1.5em; - text-color: #454545; -} - -.main-content p, .main-content blockquote, .main-content ul { +#main-box p, #main-box blockquote, #main-box ul { margin-bottom: 1em; } @@ -253,18 +251,9 @@ blockquote { background-color: #f0f0f0; } -li.moveable { - background-color: #E5FFCC; - border:1px solid #4D801A; - cursor: move; - padding: 4px; - margin: 4px; -} - -#sortable_list { - font-size: 24pt; - display: float; - float: left; +.result_table { + text-align: center; + margin-bottom: 1em; } .voterbox { @@ -296,6 +285,16 @@ li.moveable { padding-left: 5px; } +/* voterbox#election is used on user summary page */ +.voterbox#election { border-color: #990d13; } + +.voterbox#election th { + background-color: #dc0d13; + border-color: #dc0d13; +} + +.voterbox#election td { border-color: #990d13;} + .rbmoreinfo hr { width: 100%; height: 10px; @@ -319,7 +318,7 @@ li.moveable { width: 400px; border-width: 2px; border-style: solid; - border-color: #73BF26; + border-color: #999999; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; @@ -332,7 +331,7 @@ li.moveable { padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; - background-color: #73BF26; + background-color: #999999; color: #fff; border-bottom: 0px; } @@ -347,7 +346,7 @@ li.moveable { width: 400px; border-width: 2px; border-style: solid; - border-color: #4D801A; + border-color: #dc0d13; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; @@ -362,7 +361,7 @@ li.moveable { padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; - background-color: #4D801A; + background-color: #dc0d13; color: #fff; border-bottom: 0px; } @@ -372,19 +371,83 @@ li.moveable { padding: 5px; } -#election_creation_progress_bar ul li { +#progress_bar ul li { display: block; list-style: default; } -#election_creation_progress_bar li.step_selected { +#progress_bar li.step_selected { font-weight: bold; } -#election_creation_progress_bar li.step_unselected { +#progress_bar li.step_unselected { color: #CCCCCC; font-weight: bold; } +#progress_bar li.step_unselected { + color: #CCCCCC; + font-weight: bold; +} +#progress_bar li.step_unselected a { + text-decoration: none; +} + +div.photo { + text-align: center; + margin-bottom: 1.5em; +} + +div.photo img { + border: 1px black solid; +} + +.winner_text { + text-align: center; +} + +#winner_box { + border: 3px white solid; + background-color: #666666; + color: white; + margin: 0.5em 0 1em 0; +} +.winner_text { + font-size: 1.2em; +} +#winner_box .winner_text { + font-size: 2em; +} + +#winner_box p { + margin: 0; + padding: 0; +} + +/* main election candidate stylesheet information */ + +.candidate_box { +} +.candidate_box_name { + float: left; + font-size: 1.3em; + font-weight: bold; +} +.candidate_box_menu { + text-align: right; + float: right; + font-size: 0.8em; + font-weight: bold; +} +.candidate_box_info { + margin: 0.5em 0 0.5em 3em; +} +.candidate_box_picture { + float: left; + margin: 0 0.8em 0.4em 0; +} +.candidate_box_description { + display: inline; +}