theme/default/css/display.css

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