X-Git-Url: https://projects.mako.cc/source/selectricity-live/blobdiff_plain/9347f6bd316ab609f4b780658855e52e7937e5a6..c5d48f6ea92e43f07182d20ebe693692b4330437:/public/stylesheets/main.css diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css index 185b48a..313dee5 100644 --- a/public/stylesheets/main.css +++ b/public/stylesheets/main.css @@ -1,4 +1,5 @@ @charset "utf-8"; + /* CSS Document */ /**************************************************************** @@ -31,6 +32,10 @@ h3 { pading: 0 1em 0 1em; } +label { + font-weight: bold; +} + /* Left column. Includes logo, poll information, and graph. */ @@ -147,37 +152,14 @@ h5 { overflow: hidden; } -#quickvote-title .header { - background-color: #74ce00; -} - -#quickvote-title .subheader { - color: #74ce00; - background-color: #e5e5e5; -} - -#controlroom-title .header { - background-color: #dc0d13; -} - -#controlroom-title .subheader { - color: #dc0d13; - background-color: #e5e5e5; -} - -#voters-title .header { - background-color: #005cd9; -} - -#voters-title .subheader { - color: #005cd9; - background-color: #e5e5e5; +.plain-header { + margin: 1em -1.2em 1em -1.2em; } .header { display: block; font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif; - font-size:30px; + font-size: 30px; text-transform: uppercase; text-align: center; color: white; @@ -209,66 +191,58 @@ h5 { border: 1px solid #b3b3b3; } -#main-box h1 { - +.main-content { + margin: 1.2em; + line-height: 1.5em; + text-color: #454545; } -#main-box p { - margin-bottom: 1.75em; - padding: 0 1.7em 0 1.7em; - line-height: 1.8em; - color: #454545; +.main-content p, .main-content blockquote, .main-content ul { + margin-bottom: 1em; } +blockquote { + margin-left: 3em; +} -#ErrorExplanation { - width: 400px; - border: 2px solid 'red'; - padding: 7px; - padding-bottom: 12px; + +/* css related to error in forms */ + +#errorExplanation { + border: 2px solid #C00; + width: 260px; margin-bottom: 20px; background-color: #f0f0f0; } -#ErrorExplanation h2 { +#errorExplanation h2 { + font-size: 1em !important; text-align: left; font-weight: bold; - padding: 5px 5px 5px 15px; - font-size: 12px; - margin: -7px; + padding: 5px 5px 5px 5px; background-color: #c00; color: #fff; } -#ErrorExplanation p { +#errorExplanation p { + font-size: 1em; color: #333; margin-bottom: 0; padding: 5px; } -#ErrorExplanation ul li { - font-size: 12px; +#errorExplanation ul li { + font-size: 1em; list-style: square; } -.ListLine0 { - background: #e0f8f8; - +.fieldWithErrors { + display: inline; } -.ListLine1 { - background: #cccccc; - +.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea { + background-color: #FFFBB3; } -#notice { background: #FFFBB3; - text-align: left; - font-weight: bold; - border: 2px dotted 'red'; - margin-top: 10px; - margin-left: 50px; - padding: 5px 5px 5px 15px; - width: 400px; } - #status { width: 400px; border: 1px solid #0000FF; @@ -279,81 +253,6 @@ h5 { background-color: #f0f0f0; } -.fieldWithErrors { - display: inline; -} -.fieldWithErrors input, .fieldWithErrors select { - 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 { - text-align: center; - width: 850px; - border-width: 2px; - border-style: solid; - border-color: #4D801A; - padding: 7px; - margin-right: 30px; - margin-bottom: 30px; -} - -.mainresultbox h3 { - text-align: center; - font-weight: bold; - padding: 5px 5px 5px 15px; - margin: -7px; - background-color: #73BF26; - color: #fff; - border-bottom: 0px; -} - -.resultbox { - 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; @@ -474,20 +373,10 @@ li.moveable { } #election_creation_progress_bar ul li { - display: inline; + display: block; list-style: default; } -#election_creation_progress_bar ul li:after { - font-weight: normal; - color: #000; - content: " || "; -} - -#election_creation_progress_bar ul li.last:after { - content: ""; -} - #election_creation_progress_bar li.step_selected { font-weight: bold; } @@ -497,36 +386,5 @@ li.moveable { font-weight: bold; } -/* -#plurality h4 { - background: url(/images/voting_plurality.png); - width: 217px; -} - -#schulze h4 { - background: url(/images/voting_schulze_quickvote.png); - width: 183px; -} - -#approval h4 { - background: url(/images/voting_approval.png); - width: 208px; -} - -#borda h4 { - background: url(/images/voting_borda.png); - width: 147px; -} - -#condorcet h4 { - background: url(/images/voting_condorcet.png); - width: 240px; -} - -#irv h4 { - background: url(/images/voting_irv.png); - width: 86px; -} -*/