]> git.mxchange.org Git - quix0rs-gnu-social.git/commitdiff
Big updates for themes rebase, clean, and shiny. A few more adjustments to come for...
authorSamantha Doherty <sammy@status.net>
Tue, 19 Oct 2010 15:07:53 +0000 (11:07 -0400)
committerSamantha Doherty <sammy@status.net>
Tue, 19 Oct 2010 15:07:53 +0000 (11:07 -0400)
theme/clean/css/display.css
theme/clean/css/ie.css
theme/clean/images/page_bg.png
theme/rebase/css/display.css
theme/rebase/css/ie.css
theme/shiny/css/display.css
theme/shiny/css/ie.css
theme/shiny/images/overlay10.png [new file with mode: 0644]
theme/shiny/images/overlay20.png [new file with mode: 0644]
theme/shiny/images/overlay25.png [new file with mode: 0644]
theme/shiny/images/page_bg1.png

index 260ee5926a0d7487c45aa84879909d74b25eebf9..9cc8346fdf21c53bcca8d00c25b669f1aaec1488 100644 (file)
 @media screen, projection, tv {
 
 body {
-    background: #9a9aa4 url(../images/page_bg.png) no-repeat fixed 50% 100%;
+    background: url(../images/page_bg.png) no-repeat fixed 50% 100%;
     background-color: #6e6e8c;
     font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
     font-size: 86%;
 }
 
 #wrap {
-    width: 860px;
+    width: 867px;
     margin: 0px auto;
-    padding: 10px;
-    padding-top: 0px;
+    padding: 0px 8px 10px 8px;
     background-color: #fff;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
     -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
@@ -29,7 +28,10 @@ body {
 }
 
 #header {
+    width: 851px;
+    padding: 0px;
     padding-top: 70px;
+    margin-left: 8px;
 }
 
 address {
@@ -61,11 +63,11 @@ address {
     display: block;
     position: absolute;
     top: 0;
+    left: 0;
     z-index: 98;
     background-color: #829d25;
-    width: 880px;
-    left: 50%;
-    margin-left: -440px; 
+    width: 883px;
+    margin-left: -16px; 
     margin-top: 0px;
     height: 30px;
     line-height: 30px;
@@ -74,6 +76,10 @@ address {
     border-bottom: 1px solid #fff;
 }
 
+#site_nav_global_primary li:last-child {
+    margin-right: 16px;
+}
+
 #site_nav_global_primary a {
     color: #fff !important;
     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
@@ -81,16 +87,11 @@ address {
 
 #site_notice {
     float: right;
-    width: 266px; 
+    width: 270px;
+    padding: 10px; 
     margin-left: 40px;
 }
 
-.form_notice {
-    float: right;
-    width: 500px;   
-    margin-top: 0px;
-}
-
 #anon_notice {
     clear: both;
     background: none;
@@ -98,36 +99,62 @@ address {
     margin-bottom: 0px;
 }
 
+.form_notice {
+    float: right;
+    width: 494px;
+    margin-top: 0px;
+}
+
 .form_notice fieldset {
     width: 100%;
 }
 
 .form_notice textarea {
-    width: 364px;
+    width: 362px;
     height: 54px;
 }
 
+.form_notice label[for=notice_data-attach],
+.form_notice #notice_data-attach {
+    top: 27px;
+}
+
 .form_notice #notice_data-geo_wrap label,
 .form_notice #notice_data-geo_wrap input {
-    top: 48px;
+    top: 52px;
 }
 
 .form_notice #notice_action-submit {
     font-size: 0.9em;
-    top: 74px;
+    top: 80px;
     right:0;
     height: 2.4em;
     width: 96px;
-    right: 10px;
+       right: 10px;
+}
+
+.form_notice .error,
+.form_notice .success {
+    width: 375px;
+}
+
+.form_notice .error {
+    width: 375px;
+    margin-left: 0px;
 }
 
 #core {
     clear: both;
+    margin: 0px;
+    width: 851px;
+    margin-left: 8px;
     margin-top: 14px;
 }
 
 #content {
     padding-top: 10px;
+    width: 545px;
+    margin-right: 0px;
 }
 
 #site_nav_local_views {
@@ -149,6 +176,27 @@ address {
     text-decoration: none;
 }
 
+#aside_primary {
+    width: 280px;
+    padding-left: 10px;
+}
+
+#aside_primary .section {
+    width: 270px;
+    margin-left: 0px;
+    margin-right: 10px;
+}
+
+.section ul.entities {
+    width: 290px;
+}
+
+.section .entities li {
+        margin-right: 17px;
+        margin-bottom: 10px;
+        width: 24px;
+}
+
 .notice {
     line-height: 1.35em;
 }
@@ -161,36 +209,48 @@ address {
     min-height: 26px;
 }
 
-#showstream .notice .entry-title {
-    min-height: 0px;
-}
-
 #shownotice .notice .entry-title {
     min-height:123px;
 }
 
-.user_in .notice div.entry-content {
-    max-width: 360px;
+.notice div.entry-content {
+    font-size: 0.9em;
+    line-height: 1.2em;
+    margin-top: 10px;
     opacity: 0.6;
 }
 
-.user_in .notice div.entry-content:hover {
+.notice:hover div.entry-content {
     opacity: 1;
 }
 
-.notice div.entry-content {
-    font-size: 0.9em;
-    line-height: 1.2em;
-    margin-top: 10px;
+.user_in .notice div.entry-content {
+    max-width: 360px;
+}
+
+div.entry-content a.response:before {
+       content: "(";
+}
+
+div.entry-content a.response:after {
+       content: ")";
 }
 
 .notice-options {
-    margin-top: 6px;
+    margin-top: 8px;
 }
 
 .pagination {
     height: 1.2em;
 }
 
-}/*end of @media screen, projection, tv*/
+#jOverlayContent button {
+    top: 20px;
+    right: 36px;
+}
 
+.entity_profile {
+    width: 365px;
+}
+
+}/*end of @media screen, projection, tv*/
index ede8f078ad2c47fc449df200f27bc8ea3d441e56..80c4dccbafce7c6146498d6cfd790276efab7b5d 100644 (file)
@@ -1,13 +1,11 @@
-/* IE specific styles */
-
-/* base theme overrides */
+/* Temporary copy of base styles for overriding */
 
 input.checkbox,
 input.radio {
 top:0;
 }
 .form_notice textarea {
-    width: 364px;
+    width: 362px;
 }
 .form_notice .form_note + label {
 position:absolute;
@@ -17,8 +15,8 @@ text-indent:-9999px;
 height:16px;
 width:16px;
 display:block;
-        top: 31px;
-        right: 88px;
+    left: 390px;
+    top: 27px;
 }
 .form_notice #notice_action-submit {
     width: 96px;
@@ -57,6 +55,23 @@ z-index:9999;
 line-height:auto;
 }
 
+/* IE specific styles */
+
+.notice-options input.submit {
+    color:#FFFFFF;
+}
+
 .form_notice #notice_data-attach {
-filter: alpha(opacity=0);
+    filter: alpha(opacity=0);
+}
+
+.form_notice .form_note + label {
+    background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -328px;
+}
+
+.form_notice #notice_data-geo_wrap label {
+   background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -1780px;
+}
+.form_notice #notice_data-geo_wrap label.checked {
+   background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -1846px;
 }
index d27bab591635c437425ee5d829e94882214a0067..a9f446812f845f5af4eb1a7da01e707104562fce 100644 (file)
Binary files a/theme/clean/images/page_bg.png and b/theme/clean/images/page_bg.png differ
index b532be5d038fd5a0e62b6da68007e2bb197b071f..19ef2b577f6cd903b5e418007b922f6de52740bf 100644 (file)
 
 @media screen, projection, tv {
 
-* { margin: 0; padding: 0px; vertical-align: baseline; }
-abbr { border-bottom:0; }
-input.submit { cursor: pointer; }
+/* general styles and layout */
+
+* {margin: 0; padding: 0; vertical-align: baseline;}
+a abbr {border-bottom: 0; cursor: pointer;}
+input.submit {cursor: pointer;}
+table {border-collapse: collapse;}
+ol, ul {list-style-position: inside;}
+fieldset {border: none;}
+legend {font-weight: bold; font-size: 1.2em;}
+input, textarea, select, option {padding: 2px;}
+textarea {overflow:auto;}
 
 body {
     background-color: #ffffff;
     color: #000;
     font-family: sans-serif;
     font-size: 100%;
-    line-height: 1.2;
+    line-height: 1.4;
     min-width: 700px;
 }
 
 a {
-    color: #00008c;
-    text-decoration: none;
+    color: #00008c; 
+    text-decoration: none; 
     outline: none;
 }
 
@@ -40,16 +48,22 @@ a img {
 
 h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
-    font-weight: 1.6em;
     margin-bottom: 15px;
 }
 
-h1 {
-    font-size: 2.2em;
+h1 {font-size: 2.2em;}
+h2 {font-size: 1.8em;}
+h3 {font-size: 1.6em;}
+h4 {font-size: 1.4em;}
+h5 {font-size: 1.2em;}
+h6 {font-size: 1em;}
+
+p {
+    margin-bottom: 1.4em;
 }
 
-h2 {
-    font-size: 1.8em;
+.form_notice p, li p, .section p {
+    margin-bottom: 0;
 }
 
 input, textarea, select, option {
@@ -57,9 +71,14 @@ input, textarea, select, option {
     font-size: 1em;
 }
 
-input {
-    font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
-    font-size: 1em;
+select {
+    padding-right: 10px;
+    padding-bottom: 0px;
+    margin-top: -4px;
+}
+
+option {
+    padding-bottom: 0px;
 }
 
 #wrap {
@@ -105,7 +124,10 @@ input {
 }
 
 #aside_primary .section {
-    margin: 0px 10px 20px 10px;
+    margin: 0px 2% 20px 2%;
+    position: relative;
+    width: 96%;
+    float: left;
     clear: both;
 }
 
@@ -113,6 +135,8 @@ body[id$=adminpanel] #aside_primary {
     display:none;
 }
 
+/* header elements */
+
 address { 
     margin-bottom: 10px;
 }
@@ -124,7 +148,7 @@ address img + .fn {
 address .poweredby {
     display: block;
     width: auto;
-} 
+}
 
 #site_nav_global_primary { 
     margin: 20px 0px 20px 0px;
@@ -145,17 +169,12 @@ address .poweredby {
     margin-bottom: 10px;    
 }
 
-#site_notice ul {
-    margin-left: 15px;
-}
-
-.system_notice dt {
-    display:none;
+#site_notice p {
+    margin-bottom: 0px;
 }
 
-#page_notice { 
-    padding: 4px;
-    margin-bottom: 20px;
+#site_notice ul {
+    margin-left: 15px;
 }
 
 #anon_notice { 
@@ -164,6 +183,12 @@ address .poweredby {
     margin-bottom: 10px; 
 }
 
+#anon_notice p {
+    margin-bottom: 0px;
+}
+
+/* new notice & direct message forms */
+
 .form_notice { 
     background: #ccc;
     margin-bottom: 10px;
@@ -180,13 +205,6 @@ address .poweredby {
     display: none;
 }    
 
-.form_notice label[for=notice_data-text] {
-    float: left;
-    font-size: 1.2em;
-    margin-bottom: 0.2em;
-    opacity: 1;
-}
-
 .form_notice textarea {
     clear: left;
     float: left;
@@ -194,41 +212,52 @@ address .poweredby {
     border: none;
     position: relative;
     width: 485px;
-    height: 63px;
-    padding-bottom: 15px;
+    height: 60px;
+    padding-bottom: 18px;
     z-index: 9;
 }
 
+.form_notice label[for=notice_data-text] {
+    float: left;
+    font-weight: normal;
+    font-size: 1.2em;
+    margin-bottom: 0.2em;
+    opacity: 1;
+    color: #333 !important;
+}
+
 .form_notice label[for=notice_data-attach],
 .form_notice #notice_data-attach {
     position:absolute;
-    top: 24px;
-    right: 87px;
+    top: 31px;
+    right: 88px;
     cursor:pointer;
 }
 
 .form_notice label[for=notice_data-attach] {
-text-indent:-9999px;
-width:16px;
-height:16px;
+    text-indent:-9999px;
+    width:16px;
+    height:16px;
 }
+
 .form_notice #notice_data-attach {
-padding:0;
-height:16px;
+    padding:0;
+    height:16px;
 }
+
 .form_notice .form_note {
-position:absolute;
-bottom:2px;
-right:21.715%;
-z-index:9;
+    position: absolute;
+    bottom: 0px;
+    right: 125px;
+    z-index: 9;
+    font-size: 0.8em; 
 }
+
 .form_notice .form_note dt {
-font-weight:bold;
-display:none;
+    display:none;
 }
 
 .form_notice #notice_text-count {
-    margin-right: 10px;
     color: #777;
 }
 
@@ -237,10 +266,10 @@ display:none;
 }        
 
 .form_notice #notice_action-submit {
-padding:0;
-position:absolute;
-right:0;
-    top: 79px;
+    padding:0;
+    position:absolute;
+    right:0;
+    top: 81px;
     height: 2.4em;
     width: 106px;
 }
@@ -249,39 +278,38 @@ right:0;
     margin-top: 0px;
     float: left;
     font-size: 1.2em;
+    font-weight: normal;
+    color: #333 !important;
 }
 
 .form_notice select[id=to] {
     margin-bottom: 4px;
     margin-top: -4px;
-margin-left:18px;
-float:left;
-max-width:322px;
+    margin-left:18px;
+    float:left;
+    max-width:322px;
 }
 
 .form_notice .error,
 .form_notice .success {
-float:left;
-clear:both;
-width:81.5%;
-margin-bottom:0;
-line-height:1.618;
-}
-
-.form_notice #notice_data-attach_selected {
+    clear: left;
+    float: left;
+    overflow: auto;
+    line-height: 1.2em;
     padding: 2px 2px 2px 5px;
     width: 498px;
     border: 2px solid #ccc;
     margin-left: -2px;
-}    
+}
 
 .form_notice #notice_data-attach_selected code {
-    float: left;
-    width: 470px;
-    display: block;
-    overflow: auto;
     font-size: 1.2em;
-    line-height: 1.8em;
+}
+
+.form_notice .error {
+    border: none;
+    width: 502px;
+    padding: 6px 2px 6px 5px;
 }
 
 .form_notice #notice_data-attach_selected button.close {
@@ -289,60 +317,27 @@ line-height:1.618;
     font-size:0.8em;
 }
 
-.processing {
-background-image:url(../../base/images/icons/icon_processing.gif);
-background-repeat:no-repeat;
-background-position:47% 47%;
-}
-
-.error {
-    background-color: #F7E8E8;
-}
-.success {
-    background-color: #f2f2f2;
-}
-
 .form_notice #notice_data-geo_wrap label,
 .form_notice #notice_data-geo_wrap input {
-position:absolute;
-    top: 50px;
-    right: 87px;
-left:auto;
-cursor:pointer;
-width:16px;
-height:16px;
-display:block;
-}
-.form_notice #notice_data-geo_wrap input {
-visibility:hidden;
-}
-.form_notice #notice_data-geo_wrap label {
-font-weight:normal;
-font-size:1em;
-margin-bottom:0;
-text-indent:-9999px;
-}
-
-.form_notice #notice_data-attach {
-opacity:0;
-}
-
-.form_notice label[for=notice_data-attach],
-.form_notice label[for=notice_data-geo] {
-    background-image: url(../images/icons/icons-01.gif); 
-    background-repeat: no-repeat;
-    background-color: transparent;
+    position:absolute;
+    top: 55px;
+    right: 88px;
+    left:auto;
+    cursor:pointer;
+    width:16px;
+    height:16px;
+    display:block;
 }
 
-.form_notice label[for=notice_data-attach] {
-    background-position: 0 -328px;
+.form_notice #notice_data-geo_wrap input {
+    visibility:hidden;
 }
 
-.form_notice label[for=notice_data-geo] {
-    background-position: 0 -1780px;
-}
-.form_notice label[for=notice_data-geo].checked {
-    background-position: 0 -1846px;
+.form_notice #notice_data-geo_wrap label {
+    font-weight:normal;
+    font-size:1em;
+    margin-bottom:0;
+    text-indent:-9999px;
 }
 
 .form_notice label {
@@ -353,6 +348,11 @@ opacity:0;
     opacity: 1;
 }
 
+.form_notice #notice_data-attach {
+    opacity:0;
+}
+
+/* Local navigation */
 
 #site_nav_local_views { 
     margin-bottom: 20px;
@@ -371,550 +371,551 @@ opacity:0;
     text-decoration: underline;
 }
 
+/* notices */
 
-#aside_primary li {
-    list-style-type: none;
+#notices_primary {
+    padding-top: 8px;
+    clear: both;
 }
 
-#aside_primary ol.notices {
-    float: left;
-    position: relative;
-    margin-bottom: 10px;
+#notices_primary h2 {
+    display: none;
 }
 
-#aside_primary .notices li {
-    margin-bottom: 8px;
+.notice {
+    list-style-type: none;
+    margin-bottom: 25px;
+    clear: left;
+    min-height: 54px;
+    padding-bottom: 2px;
 }
 
-#aside_primary .notice {
-    min-height: 24px;
+.notice, .profile, .application {
+    position:relative;
+    clear:both;
+    float:left;
+    width:100%;
 }
 
-#export_data li {
-    list-style-type:none;
-    display: inline;
-    line-height: 2;
+.notice .author {
+    margin-right: 8px;
 }
 
-#export_data li a {
-    padding-left: 20px;
-    margin-right: 10px;
-}
-#export_data li a.foaf {
-    padding-left: 30px;
+.fn {
+    overflow: hidden;
 }
 
-#export_data li a.rss,
-#export_data li a.atom,
-#export_data li a.foaf {
-    background-image: url(../images/icons/icons-01.gif);
-    background-repeat: no-repeat;
-    background-color: transparent;
+.notice .author .fn {
+    font-weight: bold;
 }
 
-#export_data li a.rss {
-    background-position: 0 -130px;
-}
-#export_data li a.atom {
-    background-position: 0 -64px;
-}
-#export_data li a.foaf {
-    background-position: 0 1px;
+#core .vcard .photo {
+    display: inline;
+    margin-right: 11px;
+    float: left;
 }
 
-#aside_primary td {
-    padding-right: 10px;
-    padding-bottom: 10px;
+#content .notice .author .photo {
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    float: none;
 }
 
+#content .notice .entry-title {
+    margin: 2px 7px 0px 59px;
+}
 
-#entity_statistics dt,
-#entity_statistics dd {
-display:inline;
-margin-right:11px;
+.vcard .url {
+    text-decoration:none;
 }
-#entity_statistics dt:after {
-content: ":";
+.vcard .url:hover {
+    text-decoration:underline;
 }
 
-.section ul.entities {
-float:left;
-width:100%;
-}
-.section .entities li {
-list-style-type:none;
-float:left;
-margin-right:7px;
-margin-bottom:7px;
-display:inline;
+.notice .entry-title {
+    overflow:hidden;
+    word-wrap:break-word;
 }
-.section .entities li .photo {
-margin-right:0;
-margin-bottom:0;
+
+.notice .entry-title.ov {
+overflow:visible;
 }
-.section .entities li .fn {
-display:none;
+
+#showstream h1 { 
+    display:none;
 }
 
-.aside .section p,
-.aside .section .more {
-clear:both;
+#showstream .notice .entry-title, #showstream .notice div.entry-content {
+    margin-left: 0;
 }
 
-.section tbody td {
-padding-right:18px;
-padding-bottom:11px;
+#showstream #content .notice .author {
+    display: none;
 }
-.section .vcard .photo {
-margin-right:7px;
-margin-bottom:0;
+
+#showstream .notice {
+    min-height: 1em; 
 }
 
-.section .notice {
-padding-top:7px;
-padding-bottom:7px;
-border-top:0;
+#shownotice .vcard .photo {
+    margin-bottom: 4px;
 }
 
-.section .notice:first-child {
-padding-top:0;
+#shownotice .notice .entry-title {
+    margin-left:110px;
+    font-size:2.2em;
+    min-height:123px;
+    font-size: 1.6em;
+    line-height: 1.2em;
 }
 
-.section .notice .author {
-margin-right:0;
+#shownotice .notice div.entry-content {
+    margin-left:0;
 }
-.section .notice .author .fn {
-display:none;
+
+.notice p.entry-content {
+    display:inline;
 }
 
-.tag-cloud {
-list-style-type:none;
-text-align:center;
-}
-.aside .tag-cloud {
-font-size:0.8em;
-word-wrap:break-word;
-}
-.tag-cloud li {
-display:inline;
-margin-right:7px;
-line-height:1.25;
+.notice div.entry-content {
+    clear:left;
+    float:left;
+    margin-left:59px;
+    margin-top: 10px;
 }
 
-.tag-cloud li:before {
-content:'\0009';
+.entry-content .repeat {
+    display: block;
 }
 
-.aside .tag-cloud li {
-line-height:1.5;
-}
-.tag-cloud li a {
-text-decoration:none;
-}
-#tagcloud.section dt {
-text-transform:uppercase;
-font-weight:bold;
-}
-.tag-cloud-1 {
-font-size:1em;
-}
-.tag-cloud-2 {
-font-size:1.25em;
-}
-.tag-cloud-3 {
-font-size:1.75em;
-}
-.tag-cloud-4 {
-font-size:2em;
+.entry-content .repeat .photo {
+float:none;
+margin-right:1px;
+position:relative;
+top:4px;
+left:0;
 }
-.tag-cloud-5 {
-font-size:2.25em;
+
+.notice-options {
+    float: right;    
+    margin-top: 12px;
+    margin-right: -6px;
 }
-.tag-cloud-6 {
-font-size:2.75em;
+
+.notice-options fieldset {
+    border: none;
 }
-.tag-cloud-7 {
-font-size:3.25em;
+
+.notice-options legend {
+    display: none;
 }
 
-#publictagcloud #tagcloud.section dt {
-display:none;
+.notice-options form, .notice-options a, .notice-options .repeated {
+    float: left;
+    margin-right: 10px;
 }
 
-#content .notices {
-    padding-top: 8px;
+.notice-options input, .notice-options a, .notice-options .repeated {    
+    text-indent: -9999px;
+    outline:none;
 }
 
-#notices_primary {
-    clear: both;
+.notice-options input.submit, .notice-options a, .notice-options .repeated {
+    display: block;
+    border: 0;
+    height: 16px;
+    width: 16px;
 }
 
-#notices_primary h2 {
-    display: none;
+.notice-options input.submit, .notice-options a {
+    opacity: 0.6;
 }
 
-.notices li {
-    list-style-type: none;
-    margin-bottom: 25px;
-    clear: left;
+.notice-options input.submit:hover, .notice-options a:hover {
+    opacity: 1;
 }
 
-.notice, .profile, .application { 
+.notice .attachment {
     position:relative;
-    clear:both;
-    float:left;
-    width:100%;
+    padding-left:16px;
 }
 
-.notice {
-    min-height: 56px;
+.notice .attachment.more {
+text-indent:-9999px;
+width:16px;
+height:16px;
+display:inline-block;
+overflow:hidden;
+vertical-align:middle;
+margin-left:4px;
 }
 
-.notice .author {
-    margin-right: 8px;
+#attachments .attachment,
+.notice .attachment.more {
+padding-left:0;
 }
 
-#showstream #content .notice .author {
-display:none;
+.notice .attachment img {
+position:absolute;
+top:18px;
+left:0;
+z-index:99;
 }
 
-.fn {
-overflow:hidden;
+#shownotice .notice .attachment img {
+position:static;
 }
 
-.notice .author .fn {
+#attachments {
+clear:both;
+float:left;
+width:100%;
+margin-top:18px;
+}
+#attachments dt {
 font-weight:bold;
+font-size:1.3em;
+margin-bottom:4px;
 }
 
-#core .vcard .photo {
-display:inline;
-margin-right:11px;
+#attachments ol li {
+margin-bottom:18px;
+list-style-type:decimal;
 float:left;
+clear:both;
 }
 
-#shownotice .vcard .photo {
-margin-bottom:4px;
+#jOverlayContent,
+#jOverlayContent #content,
+#jOverlayContent #content_inner {
+width: auto !important;
+margin-bottom:0;
 }
-
-#content .notice .author .photo {
-position:absolute;
-    top: 4px;
-    left: 4px;
-float:none;
+#jOverlayContent #content {
+padding:11px;
+min-height:auto;
+    border: 1px solid #fff;
 }
-
-#content .notice .entry-title {
-    margin: 2px 7px 0px 59px;
+#jOverlayContent .entry-title {
+display:block;
+margin-bottom:11px;
 }
-
-#showstream .notice .entry-title {
-    min-height: 1em; 
+#jOverlayContent button {
+    position:absolute;
+    top: 5px;
+    right: 20px;
 }
-
-.vcard .url {
-text-decoration:none;
+#jOverlayContent h1 {
+max-width:425px;
 }
-.vcard .url:hover {
-text-decoration:underline;
+#jOverlayLoading {
+top:5%;
+left:40%;
 }
-
-.notice .entry-title {
-overflow:hidden;
-word-wrap:break-word;
+#attachment_view img {
+max-width:480px;
+max-height:480px;
 }
-.notice .entry-title.ov {
-overflow:visible;
+#attachment_view #oembed_info {
+margin-top:11px;
 }
-#showstream .notice .entry-title,
-#showstream .notice div.entry-content {
-margin-left:0;
+#attachment_view #oembed_info dt,
+#attachment_view #oembed_info dd {
+float:left;
 }
-#shownotice .notice .entry-title {
-margin-left:110px;
-font-size:2.2em;
-min-height:123px;
-    font-size: 1.6em;
-    line-height: 1.2em;
+#attachment_view #oembed_info dt {
+clear:left;
+margin-right:11px;
+font-weight:bold;
 }
-
-#shownotice .notice div.entry-content {
-margin-left:0;
+#attachment_view #oembed_info dt:after {
+content: ":";
 }
 
-.notice p.entry-content {
-display:inline;
+#content .notice .notice {
+    width: 98%;
+    margin-left: 2%;
+    margin-top: 16px;
+    margin-bottom: 10px;
 }
 
-#content .notice p.entry-content a:visited {
-border-radius:4px;
--moz-border-radius:4px;
--webkit-border-radius:4px;
+.notice .notice {
+background-color:rgba(200, 200, 200, 0.050);
 }
-.notice p.entry-content .vcard a {
-border-radius:4px;
--moz-border-radius:4px;
--webkit-border-radius:4px;
+.notice .notice .notice {
+background-color:rgba(200, 200, 200, 0.100);
 }
-
-.notice div.entry-content {
-    clear:left;
-    float:left;
-    margin-left:59px;
-    margin-top: 10px;
+.notice .notice .notice .notice {
+background-color:rgba(200, 200, 200, 0.150);
 }
-
-.entry-content .repeat {
-    display: block;
+.notice .notice .notice .notice .notice {
+background-color:rgba(200, 200, 200, 0.300);
 }
 
-button.close,
-button.minimize {
-width:16px;
-height:16px;
-text-indent:-9999px;
-padding:0;
-border:0;
-text-align:center;
-font-weight:bold;
-cursor:pointer;
-}
+/* aside primary specific styles */
 
-.dialogbox {
-position:absolute;
-top:-1px;
-right:-1px;
-z-index:9;
-float:none;
-padding:11px;
-border-style:solid;
-border-width:1px;
-    background: #fff;
+.aside .section p,
+.aside .section .more {
+clear:both;
 }
 
-.dialogbox legend {
-display:block !important;
-margin-right:18px;
-margin-bottom:18px;
+.section .vcard .photo {
+margin-right:7px;
+margin-bottom:0;
 }
 
-.dialogbox button.close {
-position:absolute;
-right:3px;
-top:3px;
+.section .notice {
+padding-top:7px;
+padding-bottom:7px;
+border-top:0;
 }
 
-.dialogbox .form_guide {
-font-weight:normal;
-padding:0;
+.section .notice:first-child {
+padding-top:0;
 }
 
-.dialogbox .submit_dialogbox {
-font-weight:bold;
-text-indent:0;
-min-width:46px;
-}
-.dialogbox input {
-padding-left:4px;
-}
-.dialogbox fieldset {
-margin-bottom:0;
+.section .notice .author {
+margin-right:0;
 }
-
-#wrap form.processing input.submit,
-.entity_actions a.processing,
-.dialogbox.processing .submit_dialogbox {
-cursor:wait;
-outline:none;
-text-indent:-9999px;
+.section .notice .author .fn {
+display:none;
 }
 
-.form_repeat.dialogbox {
-top:-4px;
-right:29px;
-min-width:199px;
+#aside_primary ol.notices {
+    list-style-type: none;
+    float: left;
+    position: relative;
+    margin-bottom: 10px;
 }
 
-
-.notice-options {
-    float: right;    
-    margin-top: 10px;
-    margin-right: -6px;
+#aside_primary .notices li {
+    margin-bottom: 8px;
 }
 
-.notice-options fieldset {
-    border: none;
+#aside_primary .notice {
+    min-height: 24px;
 }
 
-.notice-options legend {
-    display: none;
+#export_data li {
+    list-style-type:none;
+    display: inline;
+    line-height: 2;
 }
 
-.notice-options form, .notice-options a, .notice-options .repeated {
-    float: left;
+#export_data li a {
+    padding-left: 20px;
     margin-right: 10px;
 }
+#export_data li a.foaf {
+    padding-left: 30px;
+}
 
-.notice-options input, .notice-options a, .notice-options .repeated {    
-    text-indent: -9999px;
-    outline:none;
+#aside_primary td {
+    padding-right: 10px;
+    padding-bottom: 10px;
 }
 
-.notice-options input.submit, .notice-options a, .notice-options .repeated {
-    display: block;
-    border: 0;
-    height: 16px;
-    width: 16px;
-    background-image: url(../images/icons/icons-01.gif);
-    background-repeat: no-repeat;
-    background-color: transparent;
+.section tbody td {
+padding-right:18px;
+padding-bottom:11px;
 }
 
-.notice-options input.submit, .notice-options a {
-        opacity: 0.6;
+#entity_statistics dt,
+#entity_statistics dd {
+display:inline;
+margin-right:11px;
+}
+#entity_statistics dt:after {
+content: ":";
 }
 
-.notice-options input.submit:hover, .notice-options a:hover {
-        opacity: 1;
+.section ul.entities {
+    float:left;
+    width:100%;
 }
 
-.notice-options form.form_favor input.submit {
-    background-position: 0 -460px;
+.section .entities li {
+    list-style-type: none;
+    float: left;
+    margin-right: 3px;
+    margin-bottom: 8px;
+    display: inline;
 }
-.notice-options form.form_disfavor input.submit {
-    background-position: 0 -526px;
+.section .entities li .photo {
+    margin: 0;
 }
-
-.notice-options .notice_reply {
-    background-position: 0 -592px;
+.section .entities li .fn {
+    display: none;
 }
 
-.notice-options .notice_delete {
-    background-position: 0 -658px;
+.tag-cloud {
+list-style-type:none;
+text-align:center;
 }
-.notice-options form.form_repeat input.submit {
-    background-position: 0 -1582px;
+.aside .tag-cloud {
+font-size:0.8em;
+word-wrap:break-word;
 }
-.notice-options .repeated {
-    background-position: 0 -1648px;
+.tag-cloud li {
+display:inline;
+margin-right:7px;
+line-height:1.25;
 }
 
-.notice .attachment {
-    position:relative;
-    padding-left:16px;
+.tag-cloud li:before {
+content:'\0009';
 }
 
-.notice .attachment.more {
-text-indent:-9999px;
-width:16px;
-height:16px;
-display:inline-block;
-overflow:hidden;
-vertical-align:middle;
-margin-left:4px;
+.aside .tag-cloud li {
+line-height:1.5;
 }
-
-#attachments .attachment,
-.notice .attachment.more {
-padding-left:0;
+.tag-cloud li a {
+text-decoration:none;
 }
-.notice .attachment img {
-position:absolute;
-top:18px;
-left:0;
-z-index:99;
+#tagcloud.section dt {
+text-transform:uppercase;
+font-weight:bold;
 }
-#shownotice .notice .attachment img {
-position:static;
+.tag-cloud-1 {
+font-size:1em;
+}
+.tag-cloud-2 {
+font-size:1.25em;
+}
+.tag-cloud-3 {
+font-size:1.75em;
+}
+.tag-cloud-4 {
+font-size:2em;
+}
+.tag-cloud-5 {
+font-size:2.25em;
+}
+.tag-cloud-6 {
+font-size:2.75em;
+}
+.tag-cloud-7 {
+font-size:3.25em;
 }
 
-#attachments {
-clear:both;
-float:left;
-width:100%;
-margin-top:18px;
+#publictagcloud #tagcloud.section dt {
+display:none;
 }
-#attachments dt {
-font-weight:bold;
-font-size:1.3em;
-margin-bottom:4px;
+
+/* secondary elements */
+
+.processing { 
+background-image:url(../../base/images/icons/icon_processing.gif);
+background-repeat:no-repeat;
+background-position:47% 47%;
+}
+
+.error {
+    background-color: #F7E8E8;
+}
+.success {
+    background-color: #f2f2f2;
 }
 
-#attachments ol li {
-margin-bottom:18px;
-list-style-type:decimal;
-float:left;
+.system_notice dt {
+    display:none;
+}
+
+#page_notice {
 clear:both;
+margin-bottom:18px;
 }
 
-#jOverlayContent,
-#jOverlayContent #content,
-#jOverlayContent #content_inner {
-width: auto !important;
-margin-bottom:0;
+.entry-content .success {
+    padding: 6px;
 }
-#jOverlayContent #content {
-padding:11px;
-min-height:auto;
+
+.system_notice ul,
+.instructions ul {
+margin-left:1em;
 }
-#jOverlayContent .entry-title {
-display:block;
-margin-bottom:11px;
+.instructions p,
+.instructions ul {
+margin-bottom:18px;
 }
-#jOverlayContent button {
-position:absolute;
-top:0;
-right:0;
+.help dt {
+display:none;
 }
-#jOverlayContent h1 {
-max-width:425px;
+.guide {
+clear:both;
 }
-#jOverlayContent #content {
-border-radius:7px;
--moz-border-radius:7px;
--webkit-border-radius:7px;
+
+#bookmarklet address {
+display:none;
 }
-#jOverlayLoading {
-top:5%;
-left:40%;
+#bookmarklet .form_notice {
+width:auto;
 }
-#attachment_view img {
-max-width:480px;
-max-height:480px;
+#bookmarklet #wrap {
+min-width:0;
 }
-#attachment_view #oembed_info {
-margin-top:11px;
+
+button.close,
+button.minimize {
+width:16px;
+height:16px;
+text-indent:-9999px;
+padding:0;
+border:0;
+text-align:center;
+font-weight:bold;
+cursor:pointer;
 }
-#attachment_view #oembed_info dt,
-#attachment_view #oembed_info dd {
-float:left;
+
+.dialogbox {
+position:absolute;
+    top: 0px;
+    right: 0px;
+z-index:9;
+float:none;
+padding:11px;
+border-style:solid;
+border-width:1px;
+    background: #fff;
+    color: #000;
 }
-#attachment_view #oembed_info dt {
-clear:left;
-margin-right:11px;
-font-weight:bold;
+
+.dialogbox legend {
+display:block !important;
+margin-right:18px;
+margin-bottom:18px;
 }
-#attachment_view #oembed_info dt:after {
-content: ":";
+
+.dialogbox button.close {
+position:absolute;
+right:3px;
+top:3px;
 }
 
-.notices li li {
-    margin-left:18px;
-    width: auto;
-    margin-top: 25px;
+.dialogbox .form_guide {
+font-weight:normal;
+padding:0;
 }
 
-.notice .notice {
-background-color:rgba(200, 200, 200, 0.050);
+.dialogbox .submit_dialogbox {
+font-weight:bold;
+text-indent:0;
+min-width:46px;
 }
-.notice .notice .notice {
-background-color:rgba(200, 200, 200, 0.100);
+.dialogbox input {
+padding-left:4px;
 }
-.notice .notice .notice .notice {
-background-color:rgba(200, 200, 200, 0.150);
+.dialogbox fieldset {
+margin-bottom:0;
 }
-.notice .notice .notice .notice .notice {
-background-color:rgba(200, 200, 200, 0.300);
+
+#wrap form.processing input.submit,
+.entity_actions a.processing,
+.dialogbox.processing .submit_dialogbox {
+cursor:wait;
+outline:none;
+text-indent:-9999px;
 }
 
 .pagination {
@@ -949,7 +950,6 @@ background-color:rgba(200, 200, 200, 0.300);
     padding: 1%;
 }
 
-
 #site_nav_global_secondary dt {
     display: none;
 }
@@ -967,12 +967,24 @@ background-color:rgba(200, 200, 200, 0.300);
     margin-top: 10px;
 }
 
+#site_content_license_cc {
+margin-bottom:0;
+}
+#site_content_license_cc img {
+display:inline;
+vertical-align:top;
+margin-right:4px;
+}
 
 form ul li {
     list-style-type:none;
     margin:0 0 18px 0;
 }
 
+form label.submit {
+display:none;
+}
+
 .form_settings {
     clear:both;
 }
@@ -995,6 +1007,7 @@ form ul li {
 .form_settings fieldset fieldset legend {
     line-height:0;
     font-size: 1.4em;
+    font-weight: normal;
 }
 
 .form_settings input.remove {
@@ -1122,42 +1135,61 @@ padding:0 7px;
     margin-right: 20px;
 }
 
+#form_search .submit {
+margin-left:11px;
+}
+#form_search .form_data input {
+width:auto;
+}
+
 .hentry .entry-content .form_settings ul {
 margin-left:0;
 }
 
+/* override OStatus plugin style */
 
-#form_ostatus_connect.form_settings.dialogbox {
-    width: 80%;    
+#form_ostatus_connect.form_settings.dialogbox, #form_ostatus_sub.dialogbox {
+    width: 76%;
 }
 
 #form_ostatus_connect.form_settings.dialogbox legend {
     font-size: 1.4em;
-    font-weight: bold;    
+    font-weight: normal;
+    padding-bottom: 10px;    
 }
 
-#form_ostatus_connect.form_settings.dialogbox #ostatus_profile label {
-    font-weight: bold;
+#form_ostatus_connect.dialogbox .form_data label,
+#form_ostatus_sub.dialogbox .form_data label {
+    font-weight: normal;
     font-size: 1.2em;
+    width:34%;
 }
 
-#form_ostatus_connect.form_settings.dialogbox #ostatus_profile input {
+#form_ostatus_connect.dialogbox .form_data input,
+#form_ostatus_sub.dialogbox .form_data input {
     float: right;
-    width: 50%;
+    width: 52% !important;
 }
 
-#form_ostatus_connect.form_settings.dialogbox .form_guide {
+#form_ostatus_connect.dialogbox .form_data .form_guide,
+#form_ostatus_sub.dialogbox .form_data .form_guide {
     background: none !important;
+    text-align: right;
+    margin-right: 16px;
 }
 
-#form_search .form_data input {
-width:auto;
+.section .entity_actions {
+    margin-right: 0px !important;
+}
+
+.section .entity_remote_subscribe {
+    color:#000 !important;
+    padding-left: 26px !important;
+    background-position: 4px -1183px !important;
 }
 
 #filter_tags ul li,
 .entity_send-a-message .form_notice,
-.pagination .nav_prev a,
-.pagination .nav_next a,
 .form_settings fieldset fieldset,
 .entity_moderation:hover ul,
 .entity_role:hover ul,
@@ -1169,7 +1201,6 @@ border-color:#DDDDDD;
 background:none;
 }
 
-.form_notice.warning #notice_text-count,
 .form_settings .form_note {
 background-color:#9BB43E;
 }
@@ -1207,7 +1238,6 @@ clear:both;
 margin-bottom:0;
 }
 
-
 #settings_design_background-image img {
     max-width:480px;
     max-height:480px;
@@ -1243,11 +1273,6 @@ margin-left:0;
 width:auto;
 }
 
-
-#showstream h1 { 
-    display:none;
-}
-
 .entity_profile {
 position:relative;
 width:73%;
@@ -1286,19 +1311,20 @@ margin-left:113px;
 margin-bottom:4px;
 }
 
-.entity_profile .entity_fn,
-.entity_profile .entity_nickname {
-margin-left:11px;
-display:inline;
-}
-.entity_profile .entity_nickname {
+.entity_profile .entity_nickname,
+.entity_profile .entity_fn {
 margin-left:0;
 }
-.entity_profile .fn,
+
 .entity_profile .nickname {
     font-size:1.4em;
-font-weight:bold;
 }
+
+.entity_profile .fn {
+    font-size: 1.2em;
+    clear: left;
+}
+
 .entity_profile .fn:before {
 content: "(";
 font-weight:normal;
@@ -1323,7 +1349,7 @@ font-style:italic;
 .entity_actions {
 float:right;
 margin-left:2%;
-margin-bottom:18px;
+    margin-bottom: 28px;
 min-width:21%;
 }
 
@@ -1351,7 +1377,6 @@ display:none;
 display:block;
 text-align:left;
 width:100%;
-    border: none;
 }
 .entity_actions a {
 text-decoration:none;
@@ -1360,25 +1385,34 @@ display:block;
 }
 
 .entity_actions a, .entity_actions input, .entity_actions p {
-    background-color: #ccc !important; 
+    color: #333 !important;
     font-weight: normal;
-    padding-top: 4px;
-    padding-bottom: 4px;
     line-height: 1.6em;
-    padding-left:23px;
 }
 
-.entity_actions a:hover, .entity_actions input:hover {
-    background-color: #f2f2f2 !important;
+.entity_actions a {
+    padding: 3px 4px 4px 28px;
 }
 
-.entity_actions #entity_remote_subscribe a {
-    padding-right: 6px;
+.entity_actions input {
+    padding: 4px 4px 4px 26px;
+}
+
+.entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input  {
+    background-color: #ccc !important;
+    border: none;
 }
 
-.entity_actions a,
 .entity_actions p {
-padding:2px 4px 1px 26px;
+    padding: 2px 4px 4px 28px;
+}
+
+.entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input  {
+    background-color: #f2f2f2 !important;
+}
+
+.entity_actions #entity_remote_subscribe a {
+    padding-right: 6px;
 }
 
 .entity_actions .accept {
@@ -1392,24 +1426,38 @@ right:3px;
 }
 
 .entity_send-a-message .form_notice {
-position:absolute;
-top:34px;
-right:-1px;
-padding:1.795%;
-width:65%;
-z-index:2;
+    width: 410px;
+    padding: 10px;
+    position: absolute;
+    top: 46px;
+    right: 10px;
+    z-index: 2;
+}
+
+.entity_send-a-message .form_notice fieldset {
+    width: 410px;
 }
+
+.entity_send-a-message .form_notice textarea {
+    width: 280px;
+}
+
 .entity_send-a-message .form_notice legend {
 display:block;
 margin-bottom:11px;
+    font-weight: normal;
+    color: #333 !important;
 }
 
 .entity_send-a-message .form_notice label,
 .entity_send-a-message .form_notice select {
 display:none;
 }
-.entity_send-a-message .form_notice input.submit {
-text-align:center;
+.entity_send-a-message .form_notice #notice_action-submit {
+    position: absolute;
+    top: 52px;
+    right: 0px;
+    text-align: center;
 }
 
 .entity_moderation,
@@ -1452,38 +1500,55 @@ margin-right:7px;
 content:'\0009';
 }
 
-
-#entity_statistics dt,
-#entity_statistics dd {
-display:inline;
-margin-right:11px;
+#filter_tags {
+    margin-bottom: 20px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid #ccc;
+    float: left;
 }
-#entity_statistics dt:after {
-content: ":";
+#filter_tags dt {
+display:none;
 }
-
-.section ul.entities {
+#filter_tags ul {
+list-style-type:none;
+}
+#filter_tags li {
 float:left;
-width:100%;
+margin-left:7px;
+padding-left:7px;
+border-left-width: 1px;
+border-left-style:solid;
+}
+#filter_tags #filter_tags_all {
+    margin-left: 10px;
+border-left:0;
+padding-left:0;
 }
-.section .entities li {
-list-style-type:none;
+#filter_tags_all a {
+font-weight:bold;
+    margin-top: 4px;
 float:left;
-margin-right:7px;
-margin-bottom:7px;
-display:inline;
 }
-.section .entities li .photo {
-margin-right:0;
-margin-bottom:0;
+
+#filter_tags_item label {
+    margin-right: 14px;
+    margin-left: 7px;
+    padding-top: 4px;
 }
-.section .entities li .fn {
-display:none;
+#filter_tags_item label,
+#filter_tags_item select {
+float:left;
 }
 
-.aside .section p,
-.aside .section .more {
+#filter_tags_item p {
+float:left;
 clear:both;
+margin-left:38px;
+}
+#filter_tags_item .submit {
+position:relative;
+top:3px;
+left:3px;
 }
 
 .profile .entity_profile {
@@ -1499,8 +1564,13 @@ display:none;
 }
 
 .profiles {
-list-style-type:none;
+    list-style-type:none;
+}
+
+.profiles li {
+    margin-bottom: 20px;
 }
+
 .profile .entity_profile .fn.nickname,
 .profile .entity_profile .url[rel~=contact] {
 margin-left:0;
@@ -1534,7 +1604,6 @@ font-weight:normal;
 margin-right:11px;
 }
 
-
 .applications {
 margin-bottom:18px;
 float:left;
@@ -1587,20 +1656,14 @@ font-size:1.3em;
 width:14.5%;
 }
 
-
-.profiles {
-list-style-type:none;
-}
-
-.profiles li {
-    margin-bottom: 20px;
-}
-
-
 .mark-top {
     border-top: 1px solid #ccc;
 }
 
+#realtime_actions li {
+    margin-right: -4px;
+}
+
 #realtime_play, #realtime_pause, #realtime_popup {
     background-image: url(../images/icons/icons-01.gif);
     background-repeat: no-repeat;
@@ -1668,6 +1731,7 @@ body.realtime-popup {
     right: 2px;
 }
 
+/* icons */
 
 .form_notice label[for=notice_data-attach],
 #export_data li a.rss,
@@ -1727,8 +1791,6 @@ background-position:0 -1120px;
 button.minimize {
 background-position:0 -1912px;
 }
-
-
 #export_data li a.rss {
 background-position:0 -130px;
 }
@@ -1738,8 +1800,6 @@ background-position:0 -64px;
 #export_data li a.foaf {
 background-position:0 1px;
 }
-
-
 .form_group_leave input.submit,
 .form_user_unsubscribe input.submit {
 background-position:5px -1246px;
@@ -1750,14 +1810,12 @@ background-position:5px -1246px;
 .entity_subscribe a {
 background-position:5px -1181px;
 }
-
 .entity_edit a {
 background-position: 5px -719px;
 }
 .entity_send-a-message a {
 background-position: 5px -852px;
 }
-
 .entity_nudge p,
 .form_user_nudge input.submit {
 background-position: 5px -785px;
@@ -1829,7 +1887,6 @@ background-position: 0 -2374px;
 #realtime_popup {
 background-position: 0 -1714px;
 }
-
 .notice .attachment {
 background-position:0 -394px;
 }
@@ -1851,32 +1908,37 @@ background-position:0 -526px;
 .notice-options .notice_delete {
 background-position:0 -658px;
 }
-
 .notice-options .form_repeat.processing {
 background-image:none;
 }
-
 .notice-options form.form_repeat input.submit {
 background-position:0 -1582px;
 }
 .notice-options .repeated {
 background-position:0 -1648px;
 }
-
 #new_group a {
 background-position:0 -1054px;
 }
-
+.form_notice label[for=notice_data-attach] {
+    background-position: 0 -328px;
+}
+.form_notice label[for=notice_data-geo] {
+    background-position: 0 -1780px;
+}
+.form_notice label[for=notice_data-geo].checked {
+    background-position: 0 -1846px;
+}
 
 .pagination .nav_prev a {
-        padding-top: 8px;
-        padding-left: 25px;
-background-position:0 -187px;
+    padding-top: 8px;
+    padding-left: 25px;
+    background-position:0 -187px;
 }
 .pagination .nav_next a { 
-        padding-top: 9px;
-        padding-right: 25px;
-background-position: 115% -252px;
+    padding-top: 9px;
+    padding-right: 25px;
+    background-position: 115% -252px;
 }
 
 #usergroups #new_group {
index 88985efb744bf2b37e53ccf5c69d131e8fa19da6..5d38ca1029dafbe6e0c7705f9b56fadf5191b299 100644 (file)
@@ -1,17 +1,11 @@
-/**
- * @package   StatusNet
- * @author    Sarven Capadisli <csarven@status.net>
- * @copyright 2009-2010 StatusNet, Inc.
- * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
- * @link      http://status.net/
- */
-/* IE specific styles */
+/* Temporary copy of base styles for overriding */
+
 input.checkbox,
 input.radio {
 top:0;
 }
 .form_notice textarea {
-width:78%;
+    width: 485px;
 }
 .form_notice .form_note + label {
 position:absolute;
@@ -21,10 +15,11 @@ text-indent:-9999px;
 height:16px;
 width:16px;
 display:block;
+    top: 30px;
 }
 .form_notice #notice_action-submit {
-width:17%;
-max-width:17%;
+    width: 106px;
+    max-width: 106px;
 }
 .form_notice #notice_data-attach_selected,
 .form_notice #notice_data-geo_selected {
@@ -60,6 +55,26 @@ line-height:auto;
 }
 
 
+/* IE specific styles */
+
+.notice-options input.submit {
+    color:#FFFFFF;
+}
+
 .form_notice #notice_data-attach {
-filter: alpha(opacity=0);
+    filter: alpha(opacity=0);
+}
+
+.form_notice .form_note + label {
+    background:transparent url(../images/icons/icons-01.gif) no-repeat 0 -328px;
+}
+
+.form_notice #notice_data-geo_wrap label {
+   background:transparent url(../images/icons/icons-01.gif) no-repeat 0 -1780px;
 }
+
+.form_notice #notice_data-geo_wrap label.checked {
+   background:transparent url(../images/icons/icons-01.gif) no-repeat 0 -1846px;
+}
+
+
index ec98a049c0e147435812cd50f6b4c9168b59f941..758d462ba019cfce04a7c50668383c21548e74b5 100644 (file)
 
 body {
     background: url(../images/page_bg1.png) no-repeat fixed 50% 100%;
-    background-color: #222; 
+    background-color: #181818;
     font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
-    font-size: 86%;
+    font-size: 84%;
 }
 
 #wrap {
-    width: 860px;
+    width: 867px;
     margin: 0px auto;
-    padding: 10px;
-    padding-top: 0px;
+    padding: 0px 8px 10px 8px;
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
     -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
     -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
-       background-color: rgba(165,168,167,0.6);
+    background-color: rgba(201, 203, 202, 0.5);
 }
 
 a {
-       color: #333;
+    color: #24245c;
 }
 
 address {
@@ -38,19 +37,33 @@ address {
     margin-top: 0px;
 }
 
+h1, h2, h3, h4, h5, h6 {
+    font-weight: normal;
+    margin-bottom: 15px;
+    margin-top: 10px;
+}
+
+h1 {font-size: 1.4em;}
+h2 {font-size: 1.3em;}
+h3 {font-size: 1.2em;}
+h4 {font-size: 1.1em;}
+h5 {font-size: 1em;}
+h6 {font-size: 1em;}
+
 #content h1 {
-       text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 1.4em;
-       margin-left: 2px;
-       margin-bottom: 16px;
-       font-weight: bold;
+       font-weight: normal;
        text-shadow:0 1px 0 rgba(255,255,255,0.4);
+    margin: -4px 0px 15px 0px;
 }
 
 #header {
-       margin: 0px;
+    width: 851px;
+    padding: 0px;
     padding-top: 60px;
+       margin: 0px;
+    margin-left: 8px;
 }
 
 .poweredby {
@@ -58,11 +71,11 @@ address {
     height: 40px;
     font-size: 0.8em;
     color: #fff;
-    line-height: 32px;
+    line-height: 16px;
     padding-left: 50px;
     position: absolute;
-    top: 2px;
-    left: 0;
+    top: 0px;
+    left: -10px;
     z-index: 99;
     font-style: normal;
 }
@@ -70,6 +83,8 @@ address {
 .poweredby a {
     color: #fff !important;
     font-weight: bold;
+    display: block;
+    clear: left;
 }
 
 #site_nav_global_primary {
@@ -90,17 +105,16 @@ address {
        font-size: 0.8em;
        background: url(../images/global_bg.png) repeat-x top left;
     position: absolute;
+    width: 893px;
     top: -20px;
-    width: 890px;
-    left: 50%;
-    margin-left: -445px; 
+    left: 0;
+    margin-left: -21px; 
 }
 
 #site_nav_global_primary ul.nav {
        float: right;
-       padding-right: 20px;
        text-transform: uppercase;
-       padding-right: 16px;
+       padding-right: 10px;
 }
 
 #site_nav_global_primary ul.nav li {
@@ -122,7 +136,7 @@ address {
 
 #site_nav_global_primary ul.nav a:hover {
        color: #fff;
-       background: #000;
+       background-color: #000;
        border-bottom: 1px solid #666;
     border-left: 1px solid #666;
     text-decoration: none;
@@ -133,13 +147,14 @@ address {
 }
 
 #anon_notice {
+    background: url(../images/overlay10.png) repeat-x top left;
     clear: both;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-color: #333;
-       border-top-color: #ddd;
-       border-left-color: #ddd;
+       border-top-color: #aaa;
+       border-left-color: #aaa;
     border-width: 1px;
        border-style: solid;
        color: #ccc;
@@ -148,7 +163,7 @@ address {
        font-size: 1.1em;
     margin-top: 16px;
        margin-bottom: 12px;
-       background-color: #4b4b4b;
+    background-color: #444;
        text-shadow: 0px 1px 0px rgba(0,0,0,0.8);  
 }
 
@@ -162,7 +177,8 @@ address {
 
 #site_notice {
     float: right;
-    width: 266px; 
+    width: 270px;
+    padding: 10px; 
     margin-left: 40px;
        background: none;
        border-radius: 4px;
@@ -177,113 +193,124 @@ address {
 
 .form_notice {
     float: right;
-    width: 500px;   
+    width: 494px;   
     margin-top: 0px;
-       background: #ccc;
+    background: #ccc;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 10px;
+    border: 1px solid #ddd;
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.form_notice label[for=notice_data-text], .form_notice label[for=to] {
+       text-shadow:0 1px 0 rgba(255,255,255,0.4);
+    padding-left: 2px;
 }
 
 .form_notice fieldset {
-    width: 510px;
+    width: 494px;
 }
 
 .form_notice textarea {
-    width: 374px;
+    width: 362px;
     height: 54px;
-    border-radius:7px;
-    -moz-border-radius:7px;
-    -webkit-border-radius:7px;
+    border: 1px solid #bbb;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
     position:relative;
 }
 
+.entity_send-a-message .form_notice legend {
+       text-shadow:0 1px 0 rgba(255,255,255,0.4);
+}
+
+.form_notice textarea:focus {
+    border: 1px solid #9495b7;
+}
+
+.form_notice label[for=notice_data-attach],
+.form_notice #notice_data-attach {
+    top: 27px;
+    right: 86px;
+}
+
 .form_notice #notice_data-geo_wrap label,
 .form_notice #notice_data-geo_wrap input {
-    top: 48px;
+    top: 50px;
+    right: 86px;
 }
 
 .form_notice #notice_action-submit {
-    font-size: 0.9em;
-    top: 74px;
-    right:0;
-    height: 2.4em;
-    width: 96px;
-    right: 10px;
-}
-
-#content {
-       border-radius: 4px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius-topright: 0px;\r
-       -moz-border-radius-topright: 0px;
-       -webkit-border-top-right-radius: 0px;
-       padding-left: 10px;
-       padding-right: 10px;
-    padding-top: 14px;
-    width: 541px;
-    margin-right: 0;
-    background-color: #e2e2e2;
+    top: 79px;
+    right: 0;
+    width: 102px;
+    right: 0px;
+    height: 2.2em;
 }
 
-#aside_primary {
-       padding: 0px;
-    margin-top: -20px;
-    padding-top: 15px;
-    background-color: #222;
-       border-radius-bottomright: 6px;\r
-       -moz-border-radius-bottomright: 6px;
-       -webkit-border-bottom-right-radius: 6px;
+.entity_send-a-message .form_notice #notice_action-submit {
+    color: #fff !important;
 }
 
-#aside_primary .section {
-       border-radius: 4px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       padding: 6px;
-       border: 1px solid #f9f9f9;
-       box-shadow: 1px 1px 2px #444;
-       -moz-box-shadow: 1px 1px 2px #444;
-       -webkit-box-shadow: 1px 1px 2px #444;
-    background-color: rgba(255,255,255, 0.4);
-    float: left;
-    width: 248px;
+.form_notice input.submit, .form_settings input.submit {
+       border: 1px solid #555;
+    border-top: none;
+    border-left: none;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    background: #666 url(../images/overlay25.png) repeat-x top left;
+       text-shadow: 0px 1px 0px rgba(0,0,0,0.8); 
+    color:#fff;
+    font-weight: normal;
+    font-size: 1em;
+    height: 2.2em;
+    padding-left: 1em;
+    padding-right: 1em;
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+}
+
+.form_notice input.submit:hover, .form_settings input.submit:hover {
+    background-color: #888;
+}
+
+.form_notice .error,
+.form_notice .success {
+    width: 373px;
+    margin-left: 0px;
 }
 
-#aside_primary .section H2 {\r
-       font-size: 1.1em;\r
-       font-weight: normal;\r
-       letter-spacing: 0.2em;\r
-       margin-bottom: 10px;
-    margin-left: -4px;
-       padding: 6px;
-       margin-top: 2px;
-       text-shadow:0 1px 0 rgba(255,255,255,0.4);
-       line-height: 1.1em;
+.form_notice .error {
+    width: 375px;
+    margin-left: 1px;
 }
 
 #site_nav_local_views {\r
        position: relative;\r
        z-index: 9;\r
        float: right;\r
-       margin: 0px 10px 20px 0px;\r
-    width: 271px;
+    margin: 0px 0px 20px 0px;
+    width: 290px;
 }\r
 \r
 #site_nav_local_views li {\r
-       width:100%;\r
-       margin-right:0;\r
+       width: 100%;\r
+       margin-right: 0;\r
        margin-bottom: 0px;
        text-align: right;
 }
 
-#site_nav_local_views a {\r
+#site_nav_local_views a {
+    background: url(../images/overlay10.png) repeat-x top left;
        display:block;\r
-    width: 242px;\r
        padding-right: 10px;\r
-       padding-left:10%;
        border: 1px solid #fff;\r
        border-color: transparent;\r
        padding-top: 4px;\r
@@ -293,7 +320,7 @@ address {
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #f2f2f2 !important;
-    background-color: #4b4b4b;
+    background-color: #444;
        border-bottom: 1px solid #999;
        border-left: none;
        text-shadow: 0px 1px 0px rgba(0,0,0,0.8); 
@@ -303,42 +330,124 @@ address {
     text-decoration: none;
 }
 
-
 #site_nav_local_views li:first-child a {
        border-radius-topright:4px;\r
        -moz-border-radius-topright:4px;
        -webkit-border-top-right-radius:4px;
 }\r
 
-#site_nav_local_views a:hover {\r
+#site_nav_local_views a:hover {
+    background: url(../images/overlay20.png) repeat-x top left;
        color: #4d424c !important;
-       background-color: #c6c6c6;
+    background-color: #b3b3b3;
        text-shadow: 0 1px 0 rgba(255,255,255,0.75);  
 }
 
 #site_nav_local_views .current a {
+    background: none;
        display: block;
-       color: #4d424c !important;
-    margin-left: -1px;
-    width: 243px;
-    box-shadow: 1px 0px 1px #444;
-       -moz-box-shadow: 1px 0px 1px #444;
-       -webkit-box-shadow: 1px 0px 1px #444;\r
+    color: #4d4d4d !important;
+    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+       -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);\r
        border-bottom: 1px solid #fff;
        text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
     background-color: #e2e2e2;
     text-decoration: none;
 }
 
+#core {
+    clear: both;
+    margin: 0px;
+    width: 851px;
+    margin-left: 8px;
+    margin-top: 4px;
+}
+
+#content {
+       border-radius: 4px;
+       -moz-border-radius: 4px;
+       -webkit-border-radius: 4px;
+       border-radius-topright: 0px;\r
+       -moz-border-radius-topright: 0px;
+       -webkit-border-top-right-radius: 0px;
+    padding: 14px 10px 20px 10px;
+    width: 541px;
+    margin-right: 0px;
+    background-color: #e2e2e2;
+}
+
+#aside_primary {
+    width: 280px;
+       padding: 0px;
+    padding-top: 16px;
+    padding-left: 10px;
+    margin-top: -20px;
+    background-color: #262626;
+       border-radius-bottomright: 6px;\r
+       -moz-border-radius-bottomright: 6px;
+       -webkit-border-bottom-right-radius: 6px;
+}
+
+#aside_primary .section {
+       border-radius: 4px;
+       -moz-border-radius: 4px;
+       -webkit-border-radius: 4px;
+       padding: 6px;
+    padding-bottom: 12px;
+    border: 1px solid #ddd;
+       box-shadow: 1px 1px 2px #444;
+       -moz-box-shadow: 1px 1px 2px #444;
+       -webkit-box-shadow: 1px 1px 2px #444;
+    background-color: rgba(201, 203, 202, 0.5);
+    margin-left: 4px;
+    width: 248px;
+}
+
+#aside_primary .section H2 {\r
+       font-size: 1.1em;\r
+       font-weight: normal;\r
+       letter-spacing: 0.2em;\r
+       margin-bottom: 10px;
+    margin-left: -4px;
+       padding: 6px;
+       margin-top: 2px;
+       text-shadow:0 1px 0 rgba(255,255,255,0.4);
+       line-height: 1.1em;
+}
+
 #aside_primary .notice {
     background: none;
     border: none;
 }
 
-#content .notices li {
+.section ul.entities {
+    width: 270px;
+}
+
+.section .entities li {
+    margin-right: 13px;
+    margin-bottom: 10px;
+    width: 24px;
+}
+
+#notices_primary {
+    padding-top: 2px;
+}
+
+#content .notices .notice {
     border-top: 1px dotted #bbb;
-    padding-top: 16px;
-    margin-bottom: 16px;
+    padding-top: 14px;
+    margin-bottom: 14px;
+}
+
+#content .notices .notices .notice {
+    margin-bottom: 0px;
+    padding-bottom: 14px;
+}
+
+#content .notices .notices .notice + .notice {
+    margin-bottom: -10px;
 }
 
 .notice {
@@ -351,11 +460,7 @@ address {
 }
 
 #content .notice .entry-title {
-    min-height: 27px;
-}
-
-#showstream .notice .entry-title {
-    min-height: 0px;
+    min-height: 26px;
 }
 
 #shownotice .notice .entry-title {
@@ -366,19 +471,19 @@ address {
     font-size: 0.9em;
     line-height: 1em;
     margin-top: 10px;
+    opacity: 0.6;
+}
+
+.notice:hover div.entry-content {
+    opacity: 1;
 }
 
 .notice-options {
-    margin-top: 6px;
+    margin-top: 7px;
 }
 
 .user_in .notice div.entry-content {
     max-width: 360px;
-    opacity: 0.6;
-}
-
-.user_in .notice div.entry-content:hover {
-    opacity: 1;
 }
 
 div.entry-content a.response:before {
@@ -393,4 +498,60 @@ div.entry-content a.response:after {
     background: none;
 }
 
+.form_settings input {
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border: 1px solid #bbb;
+    padding: 4px;
+    margin-bottom: 4px;
+}
+
+.form_settings input:focus {
+    border: 1px solid #9495b7;
+}
+
+.form_settings fieldset fieldset legend {
+    line-height:0;
+    font-size: 1.2em;
+    letter-spacing: 0.2em;
+}
+
+#jOverlayContent #content {
+    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
+    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
+    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
+}
+
+#jOverlayContent button {
+    top: 10px;
+    right: 36px;
+}
+
+.entity_profile {
+    width: 365px;
+}
+
+.entity_actions {
+    min-width: 140px;
+}
+
+.entity_actions a, .entity_actions input, .entity_actions p {
+       text-shadow:0 1px 0 rgba(255,255,255,0.4);
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+}
+
+.entity_moderation:hover ul,
+.entity_role:hover ul {
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+}
+
+.pagination {
+    background: none;
+}
+
 }/*end of @media screen, projection, tv*/
index 3c8e2230d54d023db9d610a2e58e3118d4b1dab0..a901a15dd597b2867f171b4fc707051881a51896 100644 (file)
@@ -1,15 +1,11 @@
-/* IE specific styles */
-
-/* IE specific styles */
-
-/* base theme overrides */
+/* Temporary copy of base styles for overriding */
 
 input.checkbox,
 input.radio {
 top:0;
 }
 .form_notice textarea {
-    width: 374px;
+    width: 362px;
 }
 .form_notice .form_note + label {
 position:absolute;
@@ -19,8 +15,9 @@ text-indent:-9999px;
 height:16px;
 width:16px;
 display:block;
-        top: 31px;
-        right: 88px;
+    left: 392px;
+    top: 27px;
+    right: 88px;
 }
 .form_notice #notice_action-submit {
     width: 96px;
@@ -59,8 +56,26 @@ z-index:9999;
 line-height:auto;
 }
 
+
+/* IE specific styles */
+
+.notice-options input.submit {
+    color:#FFFFFF;
+}
+
 .form_notice #notice_data-attach {
-filter: alpha(opacity=0);
+    filter: alpha(opacity=0);
+}
+
+.form_notice .form_note + label {
+    background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -328px;
+}
+
+.form_notice #notice_data-geo_wrap label {
+   background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -1780px;
+}
+.form_notice #notice_data-geo_wrap label.checked {
+   background:transparent url(../../rebase/images/icons/icons-01.gif) no-repeat 0 -1846px;
 }
 
 #wrap {
diff --git a/theme/shiny/images/overlay10.png b/theme/shiny/images/overlay10.png
new file mode 100644 (file)
index 0000000..a4cdbe8
Binary files /dev/null and b/theme/shiny/images/overlay10.png differ
diff --git a/theme/shiny/images/overlay20.png b/theme/shiny/images/overlay20.png
new file mode 100644 (file)
index 0000000..e15aba8
Binary files /dev/null and b/theme/shiny/images/overlay20.png differ
diff --git a/theme/shiny/images/overlay25.png b/theme/shiny/images/overlay25.png
new file mode 100644 (file)
index 0000000..7182860
Binary files /dev/null and b/theme/shiny/images/overlay25.png differ
index d27bab591635c437425ee5d829e94882214a0067..a9f446812f845f5af4eb1a7da01e707104562fce 100644 (file)
Binary files a/theme/shiny/images/page_bg1.png and b/theme/shiny/images/page_bg1.png differ