theme/identica/css/display.css

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