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: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:#97BFD1;
  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:#A9BF4F;
  47 }
  48
  49 input:focus, textarea:focus, select:focus,
  50 #form_notice.warning #notice_data-text {
  51 border-color:#A9BF4F;
  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:#D1D9E4;
  73 }
  74 .section .profile {
  75 border-top-color:#97BFD1;
  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
 104 #nav_register a {
 105 text-decoration:none;
 106 font-weight:bold;
 107 padding:2px 4px;
 108 }
 109
 110 #content,
 111 #site_nav_local_views a,
 112 #aside_primary {
 113 border-color:#fff;
 114 }
 115 #content,
 116 #site_nav_local_views .current a {
 117 background-color:#fff;
 118 }
 119
 120 #site_nav_local_views a {
 121 background-color:rgba(255, 255, 255, 0.2);
 122 }
 123 #site_nav_local_views a:hover {
 124 background-color:rgba(255, 255, 255, 0.7);
 125 }
 126
 127
 128 #page_notice .error {
 129 background-color:#F7E8E8;
 130 }
 131 #page_notice .success {
 132 background-color:#EFF3DC;
 133 }
 134
 135
 136 #anon_notice {
 137 background-color:#97BFD1;
 138 color:#fff;
 139 border-color:#fff;
 140 }
 141
 142 #showstream #anon_notice {
 143 background-color:#A9BF4F;
 144 }
 145
 146
 147 #export_data li a {
 148 background-repeat:no-repeat;
 149 background-position:0 45%;
 150 }
 151 #export_data li a.rss {
 152 background-image:url(../../base/images/icons/icon_rss.png);
 153 }
 154 #export_data li a.atom {
 155 background-image:url(../../base/images/icons/icon_atom.png);
 156 }
 157 #export_data li a.foaf {
 158 background-image:url(../../base/images/icons/icon_foaf.gif);
 159 }
 160
 161 .entity_edit a,
 162 .entity_send-a-message a,
 163 .form_user_nudge input.submit,
 164 .form_user_block input.submit,
 165 .form_user_unblock input.submit,
 166 .entity_nudge p {
 167 background-position: 0 40%;
 168 background-repeat: no-repeat;
 169 background-color:transparent;
 170 }
 171 .form_group_join input.submit,
 172 .form_group_leave input.submit
 173 .form_user_subscribe input.submit,
 174 .form_user_unsubscribe input.submit {
 175 background-color:#A9BF4F;
 176 color:#fff;
 177 }
 178 .form_user_unsubscribe input.submit,
 179 .form_group_leave input.submit {
 180 background-color:#97BFD1;
 181 }
 182
 183 .entity_edit a {
 184 background-image:url(../images/icons/twotone/green/edit.gif);
 185 }
 186 .entity_send-a-message a {
 187 background-image:url(../images/icons/twotone/green/quote.gif);
 188 }
 189 .entity_nudge p,
 190 .form_user_nudge input.submit {
 191 background-image:url(../images/icons/twotone/green/mail.gif);
 192 }
 193 .form_user_block input.submit,
 194 .form_user_unblock input.submit {
 195 background-image:url(../images/icons/twotone/green/shield.gif);
 196 }
 197
 198
 199
 200 /* NOTICES */
 201 .notices li.over {
 202 background-color:#fcfcfc;
 203 }
 204
 205 .notice-options .notice_reply a,
 206 .notice-options form input.submit {
 207 background-color:transparent;
 208 }
 209 .notice-options .notice_reply a {
 210 background:transparent url(../images/icons/twotone/green/reply.gif) no-repeat 0 45%;
 211 }
 212 .notice-options form.form_favor input.submit {
 213 background:transparent url(../images/icons/twotone/green/favourite.gif) no-repeat 0 45%;
 214 }
 215 .notice-options form.form_disfavor input.submit {
 216 background:transparent url(../images/icons/twotone/green/disfavourite.gif) no-repeat 0 45%;
 217 }
 218 .notice-options .notice_delete a {
 219 background:transparent url(../images/icons/twotone/green/trash.gif) no-repeat 0 45%;
 220 }
 221
 222 .notices div.entry-content,
 223 .notices div.notice-options {
 224 opacity:0.4;
 225 }
 226 .notices li.hover div.entry-content,
 227 .notices li.hover div.notice-options {
 228 opacity:1;
 229 }
 230 div.entry-content {
 231 color:#333;
 232 }
 233 div.notice-options a,
 234 div.notice-options input {
 235 font-family:sans-serif;
 236 }
 237 .notices li.hover {
 238 background-color:#fcfcfc;
 239 }
 240 /*END: NOTICES */
 241
 242
 243 #new_group a {
 244 background:transparent url(../images/icons/twotone/green/news.gif) no-repeat 0 45%;
 245 }
 246 #usergroups #new_group {
 247 float: left;
 248 margin-right: 2em;
 249 }
 250
 251 .pagination .nav_prev a,
 252 .pagination .nav_next a {
 253 background-repeat:no-repeat;
 254 border-color:#D1D9E4;
 255 }
 256 .pagination .nav_prev a {
 257 background-image:url(../images/icons/twotone/green/arrow-left.gif);
 258 background-position:10% 45%;
 259 }
 260 .pagination .nav_next a {
 261 background-image:url(../images/icons/twotone/green/arrow-right.gif);
 262 background-position:90% 45%;
 263 }