body {
background-color: #C6C8CC;
background-image: url(../images/bg.png);
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 82%;
+ font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.6;
+ color: #222;
+}
+
+input, textarea, select, option {
+ font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 1em;
}
a {color: #3e3e8c;}
+a:hover {color: blue;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.6em;}
h6 {font-size: 1em;}
#wrap {
- width: 930px;
+ width: 960px;
margin: 0px auto;
- padding: 0px 15px 10px 15px;
- background-color: #fff;
- border-left: 10px solid #E0E0E0;
- border-right: 10px solid #E0E0E0;
+ background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
+ border-left: 10px solid #fff;
+ border-right: 10px solid #fff;
+ padding-top: 10px;
}
#header {
- width: 940px;
+ width: 960px;
padding: 0px;
- padding-top: 50px;
+ padding-top: 12px;
}
address {
float: left;
- margin-right: 20px;
- margin-top: 0px;
-}
-
-.poweredby {
- background: url(../images/sn-tiny.png) no-repeat top left;
- height: 40px;
- font-size: 0.8em;
- color: #fff;
- line-height: 42px;
- padding-left: 50px;
- position: absolute;
- top: 6px;
- left: 0;
+ position: relative;
+ top: 1px;
+ left: 2px;
+ margin: 0px;
+ padding: 0px;
+ height: 24px;
+ width: 148px;
z-index: 99;
- font-style: normal;
-}
-
-.poweredby a {
- color: #fff !important;
- font-weight: bold;
}
#site_nav_global_primary {
display: block;
position: absolute;
- top: 0;
- left: 0;
- z-index: 98;
- background-color: #364A84;
- width: 960px;
- margin-left: -15px;
- margin-top: 0px;
+ top: 10px;
+ right: 0;
+ width: 800px;
+ margin: 0px;
height: 24px;
line-height: 20px;
- border-top: 10px solid #fff;
- border-bottom: 1px solid #fff;
+ -webkit-border-top-right-radius: 6px;
+ -moz-border-radius-topright: 6px;
+ border-top-right-radius: 6px;
+ background: #364A84;
+ background: -moz-linear-gradient(top, #516499 , #364a84);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); /* XXX move all to ie.css */
}
#site_nav_global_primary ul {
}
#site_nav_global_primary li:last-child {
- margin-right: 16px;
+ margin-right: 10px;
}
#site_nav_global_primary a {
color: #fff !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
- padding: 2px 12px 2px 12px;
+ padding: 2px 10px 2px 10px;
height: 20px;
display: block;
float: left;
color: #3e3e8c;
}
-.form_notice {
+#core {
+ clear: both;
+ margin: 0px;
+ width: 960px;
+ border-top: 5px solid #FB6104;
+}
+
+#site_nav_local_views {
+ display: block;
float: left;
+ width: 138px;
margin-top: 0px;
- width: 510px;
padding: 10px;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- background: #cdd1dd;
+ padding-top: 22px;
+ background-color: #ececf2;
+ border-left: 1px solid #d8dae6;
+ border-right: 1px solid #d8dae6;
+ min-height: 800px; /* XXX set up equal column heights! */
}
-.form_notice fieldset {
- width: 100%;
+#site_nav_local_views H3 {
+ margin-bottom: 10px;
+ padding-bottom: 6px;
+ background: url('../images/brdr_black_dot.png') repeat-x bottom left;
+ color: #7a7c87;
+ font-size: 1.1em;
+ letter-spacing: 2px;
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
+ text-transform: uppercase;
}
-.form_notice textarea {
- width: 378px;
- height: 54px;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
+#site_nav_local_views li {
+ display: block;
+ margin: 0px 0px 8px 0px;
}
-.form_notice label.notice_data-attach {
- top: 27px;
- right: 86px;
+#site_nav_local_views li ul {
+ margin-bottom: 20px;
}
-.form_notice #notice_data-geo_wrap label,
-.form_notice #notice_data-geo_wrap input {
- top: 52px;
- right: 86px;
+#site_nav_local_views a {
+ display: block;
+ padding: 0px 0px 1px 10px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ text-transform: uppercase;
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
-.form_notice #notice_action-submit {
- font-size: 0.9em;
- top: 80px;
- right: -2px;
- height: 2.4em;
- width: 106px;
+#site_nav_local_views a:hover, #site_nav_local_views .current a {
+ color: #fff;
+ text-decoration: none;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
+ background: #364a84;
+ background: -moz-linear-gradient(top, #7b8dbb , #364a84);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
}
-.form_notice .error,
-.form_notice .success,
-.form_notice .notice-status {
- width: 341px;
+#content {
+ width: 520px;
+ margin-right: 0px;
+ padding: 20px;
}
-.form_notice .error {
- margin-left: 0px;
-}
+/* Input forms */
-#core {
- clear: both;
- margin: 0px;
- width: 930px;
- margin-left: 0px;
- margin-top: 8px;
+.input_forms {
+ float: left;
+ position: relative;
+ top: -20px;
+ left: -20px;
+ padding: 18px 20px 0px 20px;
+ background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
}
-#content {
- width: 530px;
- margin-right: 0px;
- padding-left: 30px;
- padding-right: 30px;
+#input_form_nav {
+ float: left;
+ margin-bottom: 10px;
}
-#site_nav_local_views {
+#input_form_nav li a {
display: block;
float: left;
- width: 130px;
- margin-top: 5px;
+ padding: 0px 10px 1px 10px;
+ margin-right: 10px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ border: 1px solid #ECECF2;
+ font-weight: bold;
+ line-height: 1.4em;
+ text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
+ background: #ececf2;
+ background: -moz-linear-gradient(top, #fff , #ececf2);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececf2));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ececf2',GradientType=0 );
}
-#site_nav_local_views H3 {
- border-bottom: 3px solid #A6ADBF;
- color: #A6ADBF;
- font-size: 1.1em;
- letter-spacing: 2px;
- margin-bottom: 10px;
- text-transform: uppercase;
+#input_form_nav li:hover a, #input_form_nav li.current a {
+ color: #fff;
+ text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
+ border: 1px solid #ececf2;
+ background: #364a84;
+ background: -moz-linear-gradient(top, #7b8dbb , #364a84);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
}
-#site_nav_local_views li {
- display: block;
- margin: 0px 0px 6px 0px;
+.input_form_nav_tab a, .input_form_nav_tab.current {
+ text-decoration: none !important; /* XXX cf rebase */
}
-#site_nav_local_views li ul {
- margin-bottom: 20px;
+.input_form {
+ position: relative;
+ float: left;
+ width: 520px;
+ padding-bottom: 15px;
}
-#site_nav_local_views a {
- padding: 2px 0px 2px 10px;
- display: block;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
+#input_form_status {
+ padding-bottom: 45px;
}
-#site_nav_local_views a:hover {
- background: #8e98b4 !important;
- color: #fff !important;
- text-decoration: none;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
+.form_notice {
+ padding: 0px;
+ background: none;
}
-#site_nav_local_views .current a {
- text-decoration: none;
- background: #8e98b4 !important;
- color: #fff !important;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
+.form_notice fieldset {
+ width: auto;
+ position: static;
}
-#aside_primary {
- background: none;
- width: 210px;
- padding-top: 0px;
+.form_notice #notice_data-text-label {
+ display: none; /* XXX move into input with js */
+}
+
+.form_notice textarea {
+ width: 473px;
+ height: 42px;
+ padding: 6px 10px 18px 10px;
+ border: 1px solid #a6a6a6;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
+ z-index: 97;
+ font-size: 1.2em;
+}
+
+.form_notice label.notice_data-attach {
+ top: 0px;
+ right: 0px;
+ z-index: 96;
+}
+
+.form_notice .notice_data-geo_wrap label,
+.form_notice .notice_data-geo_wrap input {
+ top: 26px;
+ right: 0px;
+ z-index: 99;
+}
+
+.form_notice .count {
+ position: absolute;
+ top: 50px;
+ right: 35px;
+ font-size: 0.8em;
+ height: 1em;
+ z-index: 99;
+}
+
+.form_notice #notice_action-submit {
+ position: absolute;
+ top: 100%;
+ left: 0px;
+ margin-top: -44px;
+ float: left;
+ width: 90px;
+ padding: 0px;
+ z-index: 99;
+}
+
+.form_notice .error,
+.form_notice .success.
+.form_notice .notice-status {
+ width: 478px;
+ position: relative;
+ top: 0px;
+ float: none;
+ clear: none;
+ margin-left: 0px;
margin-top: 5px;
+ padding: 5px 5px 5px 10px;
+ border: 1px solid #ccc;
+}
+
+.form_notice .error {
+ border: 1px solid #d05858;
+}
+
+.form_notice .attach-status code {
+ font-size: 1em;
+}
+
+.input_form fieldset {
+ margin: 0px;
+ padding: 0px;
+}
+
+.input_form fieldset fieldset {
+ margin-bottom: 10px !important;
+}
+
+#aside_primary {
+ width: 218px;
+ padding: 10px;
+ padding-top: 22px;
+ margin-top: 0px;
+ background-color: #ececf2;
+ border-left: 1px solid #d8dae6;
+ border-right: 1px solid #d8dae6;
+ min-height: 800px; /* XXX set up equal column heights! */
}
#aside_primary .section {
width: 100%;
margin-left: 0px;
margin-right: 0px;
+ font-size: 0.88em;
}
#aside_primary h2 {
- border-bottom: 3px solid #A6ADBF;
- color: #A6ADBF;
- font-size: 1.1em;
- letter-spacing: 2px;
margin-bottom: 10px;
+ padding-bottom: 6px;
+ background: url('../images/brdr_black_dot.png') repeat-x bottom left;
+ color: #7a7c87;
+ font-size: 1.25em;
+ letter-spacing: 2px;
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
text-transform: uppercase;
- text-align: right;
}
.section ul.entities {
- width: 290px;
+ width: 220px;
}
.section .entities li {
#popular_notices .avatar {
position: relative;
- top: 2px;
- margin-bottom: 4px;
+ top: 4px;
+ margin-bottom: 6px;
}
#aside_primary td {
color: #A6ADBF;
font-size: 1.4em;
letter-spacing: 4px;
- text-transform: uppercase;
+ text-transform: none;
}
#notices_primary {
}
.notice {
- line-height: 1.35em;
+ line-height: 1.36em;
margin-bottom: 10px;
}
#content .notice .author .photo {
left: 0px;
- top: 6px;
+ top: 9px;
}
#content .notice .entry-title {
- min-height: 34px;
+ min-height: 35px;
}
#showstream .notice .entry-title {
}
.notice div.entry-content {
- font-size: 0.9em;
+ font-size: 0.88em;
line-height: 1.2em;
margin-top: 6px;
opacity: 0.6;
margin-top: 4px;
}
+.threaded-replies {
+ clear: both;
+ float: left;
+ width: 458px;
+ margin-left: 59px;
+ margin-top: 10px;
+ padding-right: 2px;
+ border-left: 3px solid #ECECF2;
+ background: #fafafa;
+ font-size: 1em;
+}
+
+#content .notice .threaded-replies .notice {
+ padding-bottom: 14px;
+ padding-top: 5px;
+ border-bottom: 2px dotted #eee;
+ line-height: 1.36em;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ margin-left: 10px;
+ background: none;
+}
+
+#content .threaded-replies .notice .author .photo {
+ height: 24px;
+ width: 24px;
+ top: 14px;
+}
+
+#content .notice .threaded-replies .notice .entry-title {
+ margin: 2px 7px 0px 35px;
+}
+
+#content .notice .threaded-replies .notice div.entry-content {
+ clear:left;
+ float:left;
+ margin-left: 35px;
+ margin-top: 10px;
+}
+
+.threaded-replies li {
+ list-style-type: none;
+}
+
+.threaded-replies .notice-reply-comments {
+ margin: 2px 0px 4px 10px;
+}
+
+.threaded-replies .placeholder {
+ margin: 10px;
+ width: 426px;
+}
+
+.threaded-replies .notice-reply {
+ clear: left;
+ position: relative;
+ padding: 10px;
+ padding-bottom: 44px;
+}
+
+.threaded-replies .form_notice textarea {
+ width: 385px;
+}
+
+.threaded-replies .form_notice label.notice_data-attach {
+ top: 10px;
+ right: 10px;
+}
+
+.threaded-replies .form_notice .notice_data-geo_wrap label,
+.threaded-replies .form_notice .notice_data-geo_wrap input {
+ top: 36px;
+ right: 10px;
+}
+
+.threaded-replies .form_notice .count {
+ top: 60px;
+ right: 50px;
+}
+
+.threaded-replies .form_notice #notice_action-submit {
+ left: 10px;
+}
+
+.threaded-replies .form_notice .error,
+.threaded-replies .form_notice .success,
+.threaded-replies .form_notice .notice-status {
+ width: 390px;
+}
+
.pagination {
height: 1.2em;
}
.entity_profile {
float: left;
- width: 435px;
+ width: 360px;
margin-top: 4px;
}
-td.entity_profile { /* cf directory table */
- width: auto;
-}
-
.entity_profile .entity_depiction {
margin-top: 4px;
}
top: -3px;
}
-.pagination {
+#pagination {
height: 1.2em;
padding-bottom: 12px;
-webkit-border-radius: 6px;
}
.form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
+ height: 1.9em;
+ padding: 0px 10px;
color:#fff;
- font-weight: normal;
- font-size: 1em;
- height: 2.2em;
- padding-left: 1em;
- padding-right: 1em;
- background: #7080aa;
- background: -moz-linear-gradient(top, #7b8dbb , #7080aa);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#7080aa));
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#7080aa',GradientType=0 );
- border-width: 1px;
+ font-weight: bold;
+ text-transform: uppercase;
+ font-size: 1.2em;
+ text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
+ border: 1px solid #d7621c;
+ border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ background: #FB6104;
+ background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
}
.form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
- background: #7b8dbb;
- background: -moz-linear-gradient(top, #7080aa , #7b8dbb);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7080aa), color-stop(100%,#7b8dbb));
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7080aa', endColorstr='#7b8dbb',GradientType=0 );
+ text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
+ background: #ff9d63;
+ background: -moz-linear-gradient(top, #FB6104 , #fc8035);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
}
.form_settings input#settings_design_reset, .form_settings input.cancel {
margin-right: 0px;
}
+/* Directory specific styles */
+
+td.entity_profile {
+ width: auto;
+}
+
+#user_directory {
+ position: relative;
+ top: -20px;
+}
+
+div#user_directory div.alpha_nav > a {
+ border-left: 1px solid #ccc !important;
+ padding-left: 3.5px !important;
+ padding-right: 4px !important;
+ margin-right: 0px;
+ float: left;
+ line-height: 1.4em;
+}
+
+div#user_directory div.alpha_nav > a.first {
+ border-left: none !important;
+}
+
+div#user_directory div.alpha_nav a.current {
+ background-color: #ECECF2 !important;
+}
+
+table.profile_list {
+ margin-top: 10px;
+}
+
+.profile_list th#created {
+ width: 100px;
+}
+
+.profile_list th#subscriptions {
+ width: 120px;
+}
+
+table.profile_list tr.alt {
+ background-color: #fafafa !important;
+}
+
+.profile_list .entity_actions {
+ width: 30px;
+ height: 26px;
+ margin-right: 5px;
+}
+
+.profile_list .entity_actions input {
+ width: 26px;
+ height: 26px;
+ display: block;
+ overflow: hidden;
+ font-size: 0em;
+}
+
+
}/*end of @media screen, projection, tv*/