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