X-Git-Url: https://projects.mako.cc/source/selectricity/blobdiff_plain/25bfcc0f6b5344acb4039457f8492df7fbada7fc..4e794fa3106a95a84896bcdb6fc8696574ab698e:/public/stylesheets/main.css diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css new file mode 100644 index 0000000..313dee5 --- /dev/null +++ b/public/stylesheets/main.css @@ -0,0 +1,390 @@ +@charset "utf-8"; + +/* CSS Document */ + +/**************************************************************** + Selectricity || selectricity.org + Design by Courtland Allen +*****************************************************************/ + +/* basics */ + +body { + color: black; + background: white; + background: url(/images/bg_main.png) repeat-x top left; +} + +h2 { + font-size: 24px !important; + margin: 0 0 1em 0 !important; +} + +h3 { + font-size: 18px !important; + margin: 0 0 1em 0 !important; +} + +.special { + background-color: #999999; + color: white; + text-align: center; + pading: 0 1em 0 1em; +} + +label { + font-weight: bold; +} + + +/* Left column. Includes logo, poll information, and graph. */ + +#left-side { + width: 270px; + float: left; + text-align: left; + margin-top: 33px; + font-size: 13px; +} + +#left-side h1 { + height: 0px; + overflow: hidden; + padding-top: 189px; + background: url(/images/title_main.png) no-repeat top left; +} + + +#left-side-content { + color: #666666; + margin-top: 40px; + text-align: left; +} + +#left-side-content p { + color: #666666; + padding-left: 2em; + margin: 2em 0 2em 0; +} + +#left-side-content ol { + color: #666666; +} + +/* #graph { + margin-top: 50px; + background: url(/images/graph.jpg) top left no-repeat; + height: 0px; + overflow: hidden; + padding-top: 243px; +} */ + + + +/* Right column. Includes top-bar and main-box. */ + +#right-side { + width: 611px; + margin-top: 0px; + float: right; +} + +#top-bar { + float: right; + margin-right: 50px; + width: 231px; + text-align: center; + margin-bottom: 35px; +} + +#top-bar a { + color: #dddddd; + font-size: 11px; +} + +div#bar-left { + background-image: url(/images/top_bar_1.png); + width: 153px; + height: 37px; + padding-top: 8px; + float: left; + clear: left; +} + +div#bar-right { + background-image: url(/images/top_bar_2.png); + width: 78px; + height: 37px; + padding-top: 8px; + float: left; + clear: right; +} + +.green { color: #10a700; } + +.left-aligned h4 { + float: left; + padding-top: 26px; + height: 0px; + overflow: hidden; + background: no-repeat top left; +} + +.right-aligned h4 { + float: right; + padding-top: 26px; + height: 0px; + overflow: hidden; + background: no-repeat top right; +} + +.left-aligned { text-align: left; } + +.right-aligned { text-align: right; } + +h5 { + color: #5c5c5c; + background-color: #d6d6d6; + height: 21px; + font-size: 16px; + padding: 5px 15px 0 15px; + margin-bottom: .75em; + overflow: hidden; +} + +.plain-header { + margin: 1em -1.2em 1em -1.2em; +} + +.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; +} + +.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; +} + +#main-box { + float: right; + width: 611px; + padding: 0; + 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 { + margin-bottom: 1em; +} + +blockquote { + margin-left: 3em; +} + + +/* css related to error in forms */ + +#errorExplanation { + border: 2px solid #C00; + width: 260px; + margin-bottom: 20px; + background-color: #f0f0f0; +} + +#errorExplanation h2 { + font-size: 1em !important; + text-align: left; + font-weight: bold; + padding: 5px 5px 5px 5px; + background-color: #c00; + color: #fff; +} + +#errorExplanation p { + font-size: 1em; + color: #333; + margin-bottom: 0; + padding: 5px; +} + +#errorExplanation ul li { + font-size: 1em; + list-style: square; +} + +.fieldWithErrors { + display: inline; +} +.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea { + background-color: #FFFBB3; +} + +#status { + width: 400px; + border: 1px solid #0000FF; + border-width: 1px; + padding: 7px; + padding-bottom: 12px; + margin-bottom: 20px; + 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; +} + +.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; +} + +#election_creation_progress_bar ul li { + display: block; + list-style: default; +} + +#election_creation_progress_bar li.step_selected { + font-weight: bold; +} + +#election_creation_progress_bar li.step_unselected { + color: #CCCCCC; + font-weight: bold; +} + + +