Notice form cleanup: removing hardcoded id from counter references; prep for reusable...

[quix0rs-gnu-social.git] / theme / cloudy / css / display.css

diff --git a/theme/cloudy/css/display.css b/theme/cloudy/css/display.css
index 5bc32e6d95225014a56ef0592b4643b1f9f4cf83..814f879bc32a95f306fd9d34405a1d9493fdb63a 100644 (file)
--- a/theme/cloudy/css/display.css
+++ b/theme/cloudy/css/display.css
@@ -3,10 +3,11 @@
  * @package   StatusNet
  * @author Sarven Capadisli <csarven@status.net>
  * @copyright 2009 StatusNet, Inc.
- * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
+ * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
  * @link      http://status.net/
  */
 
+@media screen, projection, tv {
 * { margin:0; padding:0; }
 img { display:block; border:0; }
 a abbr { cursor: pointer; border-bottom:0; }
@@ -508,17 +509,17 @@ height:16px;
 padding:0;
 height:16px;
 }
-.form_notice .form_note {
+.form_notice .count {
 position:absolute;
 bottom:2px;
 right:21.715%;
 z-index:9;
 }
-.form_notice .form_note dt {
+.form_notice .count dt {
 font-weight:bold;
 display:none;
 }
-.form_notice #notice_text-count {
+.form_notice .count {
 font-weight:bold;
 line-height:1.15;
 padding:1px 2px;
@@ -548,7 +549,7 @@ width:81.5%;
 margin-bottom:0;
 line-height:1.618;
 }
-.form_notice #notice_data-attach_selected code,
+.form_notice .attach-status code,
 .form_notice #notice_data-geo_name {
 float:left;
 width:80%;
@@ -556,10 +557,10 @@ display:block;
 overflow:auto;
 margin-right:2.5%;
 }
-.form_notice #notice_data-attach_selected code {
+.form_notice .attach-status code {
 font-size:1.1em;
 }
-.form_notice #notice_data-attach_selected button.close,
+.form_notice .attach-status button.close,
 .form_notice #notice_data-geo_selected button.close {
 float:right;
 font-size:0.8em;
@@ -872,7 +873,7 @@ display:inline;
 }
 
 .profile .entity_profile .fn,
-.profile .entity_profile .location {
+.profile .entity_profile .label {
 margin-left:11px;
 margin-bottom:4px;
 width:auto;
@@ -900,7 +901,8 @@ margin-right:11px;
 
 /* NOTICE */
 .notice,
-.profile {
+.profile,
+.application {
 position:relative;
 padding-top:11px;
 padding-bottom:11px;
@@ -1031,25 +1033,22 @@ left:0;
 
 .dialogbox {
 position:absolute;
-top:-4px;
-right:29px;
+top:-1px;
+right:-1px;
 z-index:9;
-min-width:199px;
 float:none;
-background-color:#FFF;
 padding:11px;
 border-radius:7px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 border-style:solid;
 border-width:1px;
-border-color:#DDDDDD;
--moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
 }
 
 .dialogbox legend {
 display:block !important;
 margin-right:18px;
+margin-bottom:18px;
 }
 
 .dialogbox button.close {
@@ -1058,9 +1057,21 @@ right:3px;
 top:3px;
 }
 
+.dialogbox .form_guide {
+font-weight:normal;
+padding:0;
+}
+
 .dialogbox .submit_dialogbox {
-text-indent:0;
 font-weight:bold;
+text-indent:0;
+min-width:46px;
+}
+.dialogbox input {
+padding-left:4px;
+}
+.dialogbox fieldset {
+margin-bottom:0;
 }
 
 .notice-options {
@@ -1502,6 +1513,27 @@ width:auto;
 min-width:0;
 }
 
+#form_notice {
+display: none;
+}
+
+#public.user_in #form_notice,
+#groups.user_in #form_notice,
+#publictagcloud.user_in #form_notice,
+#featured.user_in #form_notice,
+#favorited.user_in #form_notice,
+#all.user_in #form_notice,
+#replies.user_in #form_notice,
+#showstream.user_in #form_notice,
+#showfavorites.user_in #form_notice,
+#subscriptions.user_in #form_notice,
+#subscribers.user_in #form_notice,
+#showgroup.user_in #form_notice,
+#conversation.user_in #form_notice,
+#attachment.user_in #form_notice {
+display: inline;
+}
+
 #public.user_in #content,
 #groups.user_in #content,
 #publictagcloud.user_in #content,
@@ -1521,38 +1553,6 @@ min-width:0;
 padding-top:12.5em;
 }
 
-#profilesettings #form_notice,
-#avatarsettings #form_notice,
-#passwordsettings #form_notice,
-#emailsettings #form_notice,
-#openidsettings #form_notice,
-#othersettings #form_notice,
-#smssettings #form_notice,
-#twittersettings #form_notice,
-#imsettings #form_notice,
-#userdesignsettings #form_notice,
-#groupdesignsettings #form_notice,
-#grouplogo #form_notice,
-#editgroup #form_notice,
-#blockedfromgroup #form_notice,
-#groupmembers #form_notice,
-#doc #form_notice,
-#usergroups #form_notice,
-#invite #form_notice,
-#deletenotice #form_notice,
-#newgroup #form_notice,
-#register #form_notice,
-#shownotice #form_notice,
-#confirmaddress #form_notice,
-#tag #form_notice,
-#siteadminpanel #form_notice,
-#designadminpanel #form_notice,
-#useradminpanel #form_notice,
-#pathsadminpanel #form_notice,
-#adminprofileflag #form_notice {
-display:none;
-}
-
 #public #core,
 #showstream #core,
 #showgroup #core {
@@ -1652,7 +1652,8 @@ background-color:transparent;
 }
 
 #wrap form.processing input.submit,
-.entity_actions a.processing {
+#core a.processing,
+.dialogbox.processing .submit_dialogbox {
 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
 cursor:wait;
 text-indent:-9999px;
@@ -1672,7 +1673,7 @@ background-position:0 -1912px;
 }
 
 input.submit,
-.form_notice.warning #notice_text-count,
+.form_notice.warning .count,
 .form_settings .form_note,
 .entity_actions a,
 .entity_actions input,
@@ -1689,8 +1690,8 @@ border-color:transparent;
 background-color:transparent;
 }
 input:focus, textarea:focus, select:focus,
-.form_notice.warning #notice_data-text,
-.form_notice.warning #notice_text-count,
+.form_notice.warning textarea,
+.form_notice.warning .count,
 .form_settings .form_note {
 border-color:#9BB43E;
 }
@@ -1704,8 +1705,8 @@ border-color:transparent;
 background-color:transparent;
 }
 input:focus, textarea:focus, select:focus,
-.form_notice.warning #notice_data-text,
-.form_notice.warning #notice_text-count,
+.form_notice.warning textarea,
+.form_notice.warning .count,
 .form_settings .form_note {
 border-color:#9BB43E;
 }
@@ -1780,10 +1781,10 @@ border-color:#AAAAAA;
 background-color:#DDFFCC;
 }
 
-#notice_text-count {
+.form_notice .count {
 color:#000000;
 }
-#form_notice.warning #notice_text-count {
+#form_notice.warning .count {
 color:#000000;
 }
 #form_notice label[for=notice_data-attach] {
@@ -1807,7 +1808,9 @@ border-color:#FFFFFF;
 #content,
 #site_nav_local_views .current a,
 .entity_send-a-message .form_notice,
-.entity_moderation:hover ul {
+.entity_moderation:hover ul,
+.entity_role:hover ul,
+.dialogbox {
 background-color:#FFFFFF;
 }
 
@@ -1939,6 +1942,9 @@ background-position: 0 -1714px;
 .notice .attachment {
 background-position:0 -394px;
 }
+.notice .attachment.more {
+background-position:0 -2770px;
+}
 #attachments .attachment {
 background:none;
 }
@@ -1961,10 +1967,12 @@ background-position:0 -1582px;
 background-position:0 -1648px;
 }
 
+.notices .attachment.more,
 .notices div.entry-content,
 .notices div.notice-options {
 opacity:0.4;
 }
+.notices li:hover .attachment.more,
 .notices li:hover div.entry-content,
 .notices li:hover div.notice-options {
 opacity:1;
@@ -2063,7 +2071,7 @@ border-color:#FFFF00;
 }
 
 
-#form_notice .form_note {
+.form_notice .count {
 color:#CCC;
 }
 
@@ -2099,4 +2107,33 @@ border-left-color:#FFFFFF;
 #footer {
 background-color:#FFFFFF;
 }
+}/*end of @media screen, projection, tv*/
+
+
+@media print {
+a:after { background-color:#FFFFFF; }
+a:not([href^="#"]):after { content:" <"attr(href)"> "; }
+img { border:none; }
+p { orphans: 2; widows: 1; }
+
+#site_nav_global_primary,
+#site_nav_local_views,
+#form_notice,
+.pagination,
+#site_nav_global_secondary,
+.entity_actions,
+.notice-options,
+#aside_primary,
+.form_subscription_edit .submit {
+display:none;
+}
+.timestamp dt, .timestamp dd,
+.device dt, .device dd {
+display:inline;
+}
+.profiles li,
+.notices li {
+margin-bottom:18px;
+}
 
+}/*end of @media print*/