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