theme/otalk/css/display.css

   1 /** theme: otalk
   2  *
   3  * @package   StatusNet
   4  * @author Sarven Capadisli <csarven@status.net>
   5  * @copyright 2009 StatusNet, Inc.
   6  * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
   7  * @link      http://status.net/
   8  */
   9
  10 @import url(base.css);
  11
  12 html {
  13 }
  14
  15 html,
  16 body,
  17 a:active {
  18 }
  19 body {
  20 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  21 font-size:1em;
  22 background:#ddd url(../images/illustrations/illu_pattern-01.png) repeat 0 0;
  23 background-color:rgba(127, 127, 127, 0.1);
  24 }
  25 address {
  26 margin-right:7.18%;
  27 }
  28
  29 input, textarea, select, option {
  30 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  31 }
  32 input, textarea, select,
  33 .entity_remote_subscribe {
  34 border-color:#aaa;
  35 }
  36 #filter_tags ul li {
  37 border-color:#ddd;
  38 }
  39
  40 .form_settings input.form_action-primary {
  41 background:none;
  42 }
  43
  44 input.submit,
  45 #form_notice.warning #notice_text-count,
  46 .form_settings .form_note,
  47 .entity_remote_subscribe {
  48 background-color:#9BB43E;
  49 }
  50
  51 input:focus, textarea:focus, select:focus,
  52 #form_notice.warning #notice_data-text {
  53 border-color:#9BB43E;
  54 }
  55 input.submit,
  56 .entity_remote_subscribe {
  57 color:#fff;
  58 }
  59
  60 a,
  61 div.notice-options input,
  62 .form_user_block input.submit,
  63 .form_user_unblock input.submit,
  64 .entity_send-a-message a,
  65 .form_user_nudge input.submit,
  66 .entity_nudge p,
  67 .form_settings input.form_action-primary {
  68 color:#8F0000;
  69 }
  70
  71 .notice,
  72 .profile {
  73 border-color:#CEE1E9;
  74 }
  75 #content .notice .entry-title,
  76 input, textarea, select, option,
  77 .pagination .nav_prev a,
  78 .pagination .nav_next a {
  79 background-color:rgba(255,255,255,0.8);
  80 }
  81
  82 #content .notices li.hover .entry-title {
  83 background-color:rgba(255,255,255,0.9);
  84 }
  85
  86 #content .notice:nth-child(1) .entry-title {
  87 background-color:rgba(255,255,255,0.95);
  88 }
  89 #content .notice:nth-child(2) .entry-title {
  90 background-color:rgba(255,255,255,0.9);
  91 }
  92 #content .notice:nth-child(3) .entry-title {
  93 background-color:rgba(255,255,255,0.8);
  94 }
  95 #content .notice:nth-child(4) .entry-title {
  96 background-color:rgba(255,255,255,0.7);
  97 }
  98 #content .notice:nth-child(5) .entry-title {
  99 background-color:rgba(255,255,255,0.6);
 100 }
 101 #content .notice:nth-child(6) .entry-title {
 102 background-color:rgba(255,255,255,0.5);
 103 }
 104 #content .notice:nth-child(7) .entry-title {
 105 background-color:rgba(255,255,255,0.4);
 106 }
 107 #content .notice:nth-child(8) .entry-title {
 108 background-color:rgba(255,255,255,0.3);
 109 }
 110 #content .notice:nth-child(9) .entry-title {
 111 background-color:rgba(255,255,255,0.2);
 112 }
 113 #content .notice:nth-child(10) {
 114 background-color:rgba(255,255,255,0.1);
 115 }
 116
 117
 118 #content .notice .author .photo {
 119 background:url(../images/illustrations/illu_arrow-left-01.gif) no-repeat 100% 0;
 120 }
 121
 122 .section .profile {
 123 border-top-color:#87B4C8;
 124 }
 125
 126 #aside_primary {
 127 background-color:rgba(206, 225, 233,0.5);
 128 }
 129
 130 #notice_text-count {
 131 color:#333;
 132 }
 133 #form_notice.warning #notice_text-count {
 134 color:#000;
 135 }
 136 #form_notice.processing #notice_action-submit {
 137 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
 138 cursor:wait;
 139 text-indent:-9999px;
 140 }
 141
 142 #content,
 143 #site_nav_local_views .nav,
 144 #site_nav_local_views a,
 145 #aside_primary {
 146 border-color:#fff;
 147 }
 148 #content,
 149 #site_nav_local_views .current a {
 150 background-color:transparent;
 151 /*background-color:red;*/
 152 }
 153
 154 #site_nav_local_views .current a {
 155 background-color:transparent;
 156 }
 157
 158 #site_nav_local_views a {
 159 background-color:rgba(127, 127, 127, 0.2);
 160 }
 161 #site_nav_local_views a:hover {
 162 background-color:rgba(255, 255, 255, 0.8);
 163 }
 164
 165 .error {
 166 background-color:#F7E8E8;
 167 }
 168 .success {
 169 background-color:#EFF3DC;
 170 }
 171
 172 #anon_notice {
 173 background-color:rgba(206, 225, 233, 0.7);
 174 color:#fff;
 175 border-color:#fff;
 176 }
 177
 178 #showstream #anon_notice {
 179 background-color:rgba(155, 180, 62, 0.7);
 180 }
 181
 182 #export_data li a {
 183 background-repeat:no-repeat;
 184 background-position:0 45%;
 185 }
 186 #export_data li a.rss {
 187 background-image:url(../../base/images/icons/icon_rss.png);
 188 }
 189 #export_data li a.atom {
 190 background-image:url(../../base/images/icons/icon_atom.png);
 191 }
 192 #export_data li a.foaf {
 193 background-image:url(../../base/images/icons/icon_foaf.gif);
 194 }
 195
 196 .entity_edit a,
 197 .entity_send-a-message a,
 198 .form_user_nudge input.submit,
 199 .form_user_block input.submit,
 200 .form_user_unblock input.submit,
 201 .entity_nudge p {
 202 background-position: 0 40%;
 203 background-repeat: no-repeat;
 204 background-color:transparent;
 205 }
 206 .form_group_join input.submit,
 207 .form_group_leave input.submit
 208 .form_user_subscribe input.submit,
 209 .form_user_unsubscribe input.submit {
 210 background-color:#9BB43E;
 211 color:#fff;
 212 }
 213 .form_user_unsubscribe input.submit,
 214 .form_group_leave input.submit,
 215 .form_user_authorization input.reject {
 216 background-color:#87B4C8;
 217 }
 218
 219 .entity_edit a {
 220 background-image:url(../../base/images/icons/twotone/green/edit.gif);
 221 }
 222 .entity_send-a-message a {
 223 background-image:url(../../base/images/icons/twotone/green/quote.gif);
 224 }
 225 .entity_nudge p,
 226 .form_user_nudge input.submit {
 227 background-image:url(../../base/images/icons/twotone/green/mail.gif);
 228 }
 229 .form_user_block input.submit,
 230 .form_user_unblock input.submit {
 231 background-image:url(../../base/images/icons/twotone/green/shield.gif);
 232 }
 233
 234 /* NOTICES */
 235 .notices li.over {
 236 background-color:#fcfcfc;
 237 }
 238
 239 .notice-options .notice_reply a,
 240 .notice-options form input.submit {
 241 background-color:transparent;
 242 }
 243 .notice-options .notice_reply a {
 244 background:transparent url(../../base/images/icons/twotone/green/reply.gif) no-repeat 0 45%;
 245 }
 246 .notice-options form.form_favor input.submit {
 247 background:transparent url(../../base/images/icons/twotone/green/favourite.gif) no-repeat 0 45%;
 248 }
 249 .notice-options form.form_disfavor input.submit {
 250 background:transparent url(../../base/images/icons/twotone/green/disfavourite.gif) no-repeat 0 45%;
 251 }
 252 .notice-options .notice_delete a {
 253 background:transparent url(../../base/images/icons/twotone/green/trash.gif) no-repeat 0 45%;
 254 }
 255
 256 .notices div.entry-content,
 257 .notices div.notice-options {
 258 opacity:0.4;
 259 }
 260 .notices li.hover div.entry-content,
 261 .notices li.hover div.notice-options {
 262 opacity:1;
 263 }
 264 div.entry-content {
 265 color:#333;
 266 }
 267 div.notice-options a,
 268 div.notice-options input {
 269 font-family:sans-serif;
 270 }
 271 .notices li.hover {
 272 /*background-color:#fcfcfc;*/
 273 }
 274 /*END: NOTICES */
 275
 276 #new_group a {
 277 background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
 278 }
 279
 280 .pagination .nav_prev a,
 281 .pagination .nav_next a {
 282 background-repeat:no-repeat;
 283 border-color:#CEE1E9;
 284 }
 285 .pagination .nav_prev a {
 286 background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
 287 background-position:10% 45%;
 288 }
 289 .pagination .nav_next a {
 290 background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
 291 background-position:90% 45%;
 292 }