site_logic 1.6.6

data/public/stylesheets/application.css

@@ -0,0 +1,804 @@
+/* @override
+	http://start.local:3000/stylesheets/application.css
+*/
+
+/*
+	--------------------------------
+	COLOR SCHEME
+	--------------------------------
+		purple: 			#7e7587
+		red: 				#793441
+		yellow: 			#827e38
+		green: 				#6b7c35
+		grey borders: 		#cccccc
+		grey backgrounds: 	#eeeeee
+	--------------------------------
+
+	--------------------------------
+	CHART COLORS
+	--------------------------------
+		blue:				#324F69
+		green:				#919E4B
+		red:				#A34D4D
+		tan:				#BEC8BE
+	--------------------------------
+
+*/
+
+/* @group General Typography */
+
+	html {
+		height: 100%;
+	}
+
+	a:link {
+  		color: #440000;
+	}
+
+	a:visited {
+  		color: #444444;
+	}
+
+	body {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		min-width: 1030px;
+		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+		background-color: #ffffff;
+		/*background: #ffffff url(/images/layout/content_left_bg.png) repeat-y;*/
+	}
+
+	.bold {
+		font-weight: bold;
+	}
+
+	h1 {
+		color: #333333;
+		height: 50px;
+		margin-left: -6px;
+		margin-top: -15px;
+		padding-top: 13px;
+		padding-left: 1em;
+		padding-bottom: 15px;
+		width: 75%;
+		font-size: 1.2em;
+		background: url(../images/layout/h1_bg.png) no-repeat;
+	}
+
+	h2 {
+		background: url(../images/layout/h2_bg.png) no-repeat 0 8px;
+		border: none;
+		margin: none;
+		margin-left: -12px;
+		color: #ffffff;
+		padding: 0em;
+		padding-left: 2em;
+		padding-top: 18px;
+		padding-bottom: 0em;
+		width: 290px;
+		height: 26px;
+		font-weight: bold;
+		font-size: 1.1em;
+		text-transform: uppercase;
+		text-shadow: #999999 0 0 3px;
+	}
+
+	h2.for_table {
+		position: relative;
+		margin-top: 0em;
+		margin-bottom: -25px;
+		z-index: 1000;
+		padding-top: 21px;
+		height: 40px;
+		background-image: url(../images/layout/h2_bg_for_table.png);
+	}
+
+	ul.bulleted {
+		list-style-type: disc;
+		margin-left: 1.5em;
+	}
+
+	ul.no_bullets {
+		list-style-type: none;
+	}
+
+	.subtle {
+		color: #999999;
+	}
+
+	.subtle a:link, .subtle a:visited {
+		text-decoration: none;
+		color: #999999;
+	}
+
+	.subtle a:hover {
+		color: #756b7f;
+		/*text-decoration: underline;*/
+	}
+
+/* @end */
+
+/* @group Layout Tricks */
+
+	div#container {
+		min-height: 100%;
+		position: relative;
+		/*background: url(/images/layout/content_right_bg.png) repeat-y right 0;*/
+}
+
+/* @end */
+
+
+/* @group Header */
+
+	div#header {
+		margin-top: 0em;
+		background: none;
+		background-color: #000000;
+		height: 10px;
+		background: url(/images/layout/black_bar.png) repeat-x top;
+		width: 100%;
+		border: none;
+	}
+
+	div#page_header {
+		padding-top: 63px;
+		padding-left: 25px;
+	}
+
+	div#branding {
+		position: absolute;
+		top: 0px;
+		right: 2px;
+		margin: 0em;
+		padding: 0em;
+		background: url(/images/layout/branding.png) no-repeat;
+		height: 100px;
+		width: 310px;
+	}
+
+/* @end */
+
+/* @group Navbar */
+
+	div#navigation {
+		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+		position: absolute;
+		top: -9px;
+		width: auto;
+		margin-top: 0em;
+		margin-left: 15px;
+		margin-right: auto;
+		background: none;
+		border: none;
+	}
+
+	div#navigation ul li {
+		background: none;
+		border: none;
+	}
+
+	div#navigation ul li:hover {
+		background: none !important;
+		color: #ffffff;
+	}
+
+	div#navigation ul li:hover a:link {
+		background: none !important;
+	}
+
+	div#navigation ul li a:link {
+		color: #aaaaaa;
+		text-decoration: none;
+	}
+
+	div#navigation ul li a:hover {
+		color: #ffffff !important;
+		background: none;
+	}
+
+	div#navigation ul li a:visited {
+		color: #aaaaaa;
+		text-decoration: none;
+	}
+
+/* @end */
+
+/* @group Breadcrumbs */
+
+	ol.breadcrumbs {
+		margin-top: 1.25em;
+		margin-left: 1em;
+  		list-style: none;
+  		height: 1em;
+  		width: 100%;
+	}
+
+	ol.breadcrumbs li {
+  		display: block;
+  		float: left;
+  		margin-top: -10px;
+  		margin-left: -1px;
+  		margin-right: 1em;
+  		height: 2em;
+  		width: auto;
+  		padding-top: 12px;
+  		padding-right: 2em;
+		background: url(../images/layout/breadcrumb_bg.png) no-repeat right 3px;
+		text-transform: uppercase;
+	}
+
+	ol.breadcrumbs a:link, ol.breadcrumbs a:visited {
+		display: block;
+		text-decoration: none;
+		font-size: .8em;
+		color: #aaaaaa !important;
+	}
+
+/* @end */
+
+/* @group Content Area */
+
+	div#content_area {
+		padding: 10px 25px 35px 25px;
+		height: 100%;
+		font-size: 11px;
+	}
+
+/* @end */
+
+/* @group Footer */
+
+	div#footer {
+		position: absolute;
+		bottom: 0px;
+		height: 35px;
+		width: 100%;
+		padding: 0px;
+		margin: 0px !important;
+		background: url(/images/layout/black_bar.png) repeat-x bottom;
+		color: #aaaaaa;
+		border: none;
+		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+		font-size: 11px;
+	}
+
+	div#footer p {
+		margin: 12px 25px 0px 25px;
+	}
+
+	div#footer a:link, div#footer a:visited {
+		text-decoration: none;
+		color: #aaaaaa;
+	}
+
+	div#footer a:hover {
+		text-decoration: underline;
+	}
+
+/* @end */
+
+
+/* @group Forms */
+
+  .instructions {
+    display: block;
+    border: 1px solid #aaaaaa;
+    background-color: #ffffff;
+    padding: 1em;
+  }
+  
+	.faux_legend {
+		background: url(../images/layout/legend_bg.png) no-repeat 0 0px;
+		margin-top: -28px;
+		margin-left: -27px;
+		padding: 0em;
+		padding-left: 27px;
+		padding-top: 11px;
+		padding-bottom: 10px;
+		width: 319px !important;
+		height: 13px;
+		font-weight: bold;
+		font-size: 10px;
+		color: #ffffff;
+		text-transform: uppercase;
+		text-shadow: #333333 0 0 5px;
+		border: none;
+	}
+
+	legend {
+		background: url(../images/layout/legend_bg.png) no-repeat 0 0px;
+		margin-left: -27px;
+		padding: 0em;
+		padding-left: 27px;
+		padding-top: 11px;
+		padding-bottom: 10px;
+		width: 319px !important;
+		height: 13px;
+		font-weight: bold;
+		font-size: 10px;
+		color: #ffffff;
+		text-transform: uppercase;
+		text-shadow: #333333 0 0 5px;
+		border: none;
+	}
+
+	legend a:hover, .faux_legend a:hover {
+		color: #ffffff !important;
+	}
+
+	.form_container {
+		background-color: #efefef;
+		border: 1px solid #dddddd;
+		padding: 1em 1em 1em 1em;
+		margin-top: 2.5em;
+		margin-bottom: 1.5em;
+		text-align: left;
+	}
+
+	.three_column {
+		width: 33%;
+		text-align: left;
+		padding: 0em;
+		margin: 0em;
+	}
+
+	.faux_field {
+		background-color: #fafafa;
+		border: 1px solid #dddddd;
+		width: 75%;
+	}
+
+	.button {
+		color: #555555 !important;
+		background-color: #cccccc;
+		border: 1px solid #aaaaaa;
+		background-image: url(../images/layout/button_bg.png);
+		font-size: 9px;
+		margin-top: 10px;
+		margin-bottom: 10px;
+	}
+
+	.button a:link {
+		color: #555555 !important;
+		cursor: pointer;
+	}
+
+	.button a:visited {
+		color: #555555 !important;
+		cursor: pointer;
+	}
+
+	.button a:visited {
+		color: #555555 !important;
+		cursor: pointer;
+	}
+
+	.button:active {
+		background-color: #999999;
+		border: 1px solid #333333;
+		background-image: url(../images/layout/button_bg.png);
+	}
+
+	fieldset.inline {
+		margin-right: 1em;
+		float: left;
+	}
+
+/* @end */
+
+/* @group Tables */
+
+	table {
+		border: 1px solid #aaaaaa !important;
+	}
+
+	th {
+		/*background: #7e7587 !important;*/
+		font-size: .8em !important;
+		padding: .5em;
+		color: #ffffff !important;
+	}
+
+	th.sortable_header {
+  		cursor: pointer;
+	}
+
+	th.sortable_header:hover {
+  		background: #444444;
+	}
+
+	table h1 {
+  		font-size: 1.1em;
+  		background: none;
+  		padding: 0px;
+  		margin: 0px !important;
+  		height: auto;
+	}
+
+	td {
+		font-size: .8em;
+	}
+
+	table.report {
+	}
+
+	table.report td {
+		text-align: right;
+		border:  1px solid #cccccc;
+	}
+
+	table.report td.metric, table.report th.metric {
+		width: auto;
+		text-align: left !important;
+	}
+
+	table.report td.metric {
+		background-color: #e0e0e0;
+	}
+
+	table.report td.metric a:link, table.report td.metric a:visited {
+		text-decoration: none;
+	}
+
+	table.report td.metric a:hover {
+		text-decoration: underline;
+	}
+
+	table.report td.data, table.report th.data {
+		width: 6%;
+		text-align: right;
+		padding-right: 1em;
+	}
+
+	table.report td.gained {
+		background-color: #ccddcc;
+	}
+
+	table.report td.lost {
+		background-color: #ddcccc;
+	}
+
+	table.report td.new {
+		background-color: #fff5cc;
+		color: #444444;
+	}
+
+	table.results th {
+	}
+
+	table.report th.transparent {
+  		background: none;
+  		border: 1px solid #eeeeee;
+  		border-bottom: 1px solid #cccccc;
+	}
+
+	table.bifurcated_results th {
+		vertical-align: middle;
+		text-align: center !important;
+		font-size: .75em;
+		background-color: #888888;
+		color: #ffffff;
+		padding: .3em;
+		margin: 0px;
+		text-transform: uppercase;
+	}
+
+	table.standard th {
+		text-align: left;
+		color: #444444;
+		font-weight: bold;
+		text-transform: uppercase;
+		font-size: .8em;
+		padding: 1em .5em 1em .5em;
+		background: #7e7587 url(../images/layout/table_header.png)}
+
+	table.standard th a {
+		color: #ffffff !important;
+		text-decoration: none !important;
+	}
+
+    table.standard th a.arrow-desc:after{
+		content: "\25BC";
+		margin-left: 1em;
+    }
+
+    table.standard th a.arrow-asc:after {
+      content: "\25B2";
+      margin-left: 1em;
+    }
+
+	table.standard tr:hover td, table.results tr:hover td {
+		background-color: #cccccc !important;
+	}
+
+	table.results tr.summary {
+		font-weight: bold;
+	}
+
+	table.results tr td {
+		height: 3em;
+		vertical-align: top;
+	}
+
+	table.standard td {
+	}
+
+	table.standard td a:link, table.standard td a:visited {
+		text-decoration: none;
+	}
+
+	table tr.parent {
+		border-top: 1px solid #cccccc;
+	}
+
+	table.drag_highlight {
+		/*background-color: #aaaaaa !important;*/
+		border: 3px solid #999999;
+	}
+
+	tr.drag_highlight td {
+		/*background-color: #cccccc !important;*/
+		border: none;
+		border-bottom: 3px solid #999999;
+	}
+
+	table.with_form_fields td {
+		padding: 1em;
+		padding-bottom: 0em;
+	}
+
+/* @end */
+
+/* @group Charts */
+
+	.geochart {
+		border: 1px solid #cccccc;
+		width: 556px;
+		float: left;
+		margin-right: 1em;
+	}
+
+
+/* @end */
+
+
+/* @group Components */
+
+	.float_right {
+  		float: right !important;
+	}
+
+	.link_block {
+		clear: both;
+  		height: 2.75em;
+  		margin-left: -1.1em;
+  		margin-right: -1.1em;
+  		margin-top: 2em;
+  		margin-bottom: -2.5em;
+		border: 1px solid #bbbbbb;
+		background: #ffffff url(../images/layout/shadow_border_4.png) repeat-x 0 2px;
+	}
+
+	table .link_block {
+		height: 3.1em;
+		margin-top: -3px;
+  		margin-left: -5px;
+  		margin-right: -5px;
+  		margin-bottom: -5px;
+	}
+
+	a.back_button {
+		display: block;
+  		text-decoration: none !important;
+		padding-left: 2.25em;
+		margin-top: 1em;
+		color: #9a9a9a;
+		background: url(../images/layout/back.png) no-repeat 0 -1px;
+		text-transform: uppercase;
+	}
+
+	input[type='submit'].link_button {
+		margin-top: 2px;
+  		height: 28px !important;
+  		padding-top: 0em !important;
+		/*padding: 0em 1.5em 0em 1.25em !important;*/
+  		background-color: #dddddd;
+		border: none;
+  		border-right: 1px solid #bbbbbb;
+  		color: #440000;
+	}
+
+	a.link_button {
+  		color: #440000 !important;
+	}
+
+	.link_button {
+  		display: block;
+  		float: left;
+  		width: auto;
+  		height: 2em !important;
+		padding-top: 1em;
+  		padding-left: 1.25em;
+  		padding-right: 1.5em;
+  		text-decoration: none !important;
+  		font-weight: bold;
+  		font-size: 10px;
+  		text-transform: uppercase;
+  		border-right: 1px solid #bbbbbb;
+	}
+
+	.link_button:hover {
+  		background-color: #cccccc;
+  		margin-top: .1em;
+  		height: 1.9em !important;
+	}
+
+	.menu_box {
+  		width: 45%;
+  		height: 100px;
+  		float: left;
+	}
+
+	.no_bg {
+		margin-top: 0em;
+  		background-color: #ffffff;
+  		border: none !important;
+	}
+
+	div.jump_links {
+		position: absolute;
+		right: 25px;
+		color: #444444;
+		text-align: right;
+		margin-top: 1em;
+	}
+
+	.jump_links a:link, .jump_links a:visited {
+		color: #444444;
+		text-decoration: none;
+	}
+
+	.jump_links ul {
+		display: inline;
+		float: right;
+		list-style-type: none;
+	}
+
+	.jump_links ul li {
+	    float: left;
+	    margin-left: .25em;
+	    margin-top: 2px;
+	    height: 28px;
+	    width: 75px;
+	    cursor: pointer;
+	    padding: 7px 1em 1em 1em;
+	    text-align: center;
+	    background: url(../images/layout/tab.png) no-repeat;
+	    font-size: 9px;
+	}
+
+	.jump_links ul li.active {
+		background: url(../images/layout/tab_active.png) no-repeat;
+		margin-top: 2px;
+		height: 32px;
+		font-weight: bold;
+	}
+
+	img.move_icon {
+		margin-top: 4px;
+		visibility: hidden;
+	}
+
+	tr:hover td img.move_icon {
+		visibility: visible;
+	}
+
+/* @end */
+
+/* @group Info Icons */
+
+	div.note {
+		color: #000000;
+		margin-top: 1em;
+		margin-bottom: 2em;
+		background-color: #eeeeee;
+		border: 1px solid #999999;
+		font-size: 1em;
+	}
+
+	div.note span.notification {
+		float: left;
+		display: block;
+		margin-top: -25px;
+		margin-left: -15px;
+		height: 45px;
+		width: 40px;
+	}
+
+	span.notification.detail {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat 0px 0px;
+	}
+
+	span.notification.info {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat 0px -45px;
+	}
+
+	span.notification.reminder {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat 0px -90px;
+	}
+
+	span.notification.error {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat -45px 0px;
+	}
+
+	span.notification.alert {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat -45px -45px;
+	}
+
+	span.notification.idea {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat -45px -90px;
+	}
+
+	span.notification.clarification {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat -90px 0px;
+	}
+
+	span.notification.question {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat -90px -45px;
+	}
+
+	span.notification.confusion {
+		background: url(../images/icons/notification_icon_sprite.png) no-repeat -90px -90px;
+	}
+
+	div.note p {
+		margin-top: 1.5em;
+		padding: 1em 1em .5em 1em;
+	}
+
+
+
+/* @end */
+
+/* @group Reports */
+
+	.negative {
+		color: #793441;
+		font-weight: bold;
+	}
+
+	.new {
+		color: #827e38;
+		font-weight: bold;
+	}
+
+	.positive {
+		color: #6b7c35;
+		font-weight: bold;
+	}
+
+/* @end */
+
+
+/* @group Rails Overrides */
+
+	div#flash_error {
+		border: 1px solid #aaaaaa;
+		color: #660000;
+		padding: 1em;
+		background-color: #eeeeee;
+	}
+
+	.errorExplanation h2 {
+		display: none;
+	}
+
+	.errorExplanation ul li {
+		margin-left: 1.5em;
+		list-style-type: disc;
+	}
+
+/* @end */
+