We are no longer offering accounts on this server. Consider https://gitlab.freedesktop.org/ as a place to host projects.

Commit b07227b9 authored by Samantha Doherty's avatar Samantha Doherty

Big update for neo theme (and a couple wee fixes for rebase).

parent 24d00941
......@@ -13,11 +13,19 @@
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;}
......@@ -27,59 +35,48 @@ h5 {font-size: 1.2em;}
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 {
......@@ -91,13 +88,13 @@ address {
}
#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;
......@@ -137,145 +134,255 @@ address {
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 {
......@@ -286,8 +393,8 @@ address {
#popular_notices .avatar {
position: relative;
top: 2px;
margin-bottom: 4px;
top: 4px;
margin-bottom: 6px;
}
#aside_primary td {
......@@ -310,7 +417,7 @@ address {
color: #A6ADBF;
font-size: 1.4em;
letter-spacing: 4px;
text-transform: uppercase;
text-transform: none;
}
#notices_primary {
......@@ -323,17 +430,17 @@ address {
}
.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 {
......@@ -345,7 +452,7 @@ address {
}
.notice div.entry-content {
font-size: 0.9em;
font-size: 0.88em;
line-height: 1.2em;
margin-top: 6px;
opacity: 0.6;
......@@ -371,6 +478,96 @@ div.entry-content a.response:after {
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;
}
......@@ -382,14 +579,10 @@ div.entry-content a.response:after {
.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;
}
......@@ -453,7 +646,7 @@ td.entity_profile { /* cf directory table */
top: -3px;
}
.pagination {
#paginati