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
  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 color:#002E6E;
  64 }
  65
  66 .notice,
  67 .profile {
  68 border-top-color:#D1D9E4;
  69 }
  70 .section .notice,
  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
  95 #form_notice #notice_data-attach_view {
  96 background-image:url(../images/icons/twotone/green/paper-clip.gif);
  97 background-repeat:no-repeat;
  98 background-position:0 45%;
  99 background-color:transparent;
 100 }
 101
 102 #nav_register a {
 103 text-decoration:none;
 104 font-weight:bold;
 105 padding:2px 4px;
 106 }
 107
 108 #content,
 109 #site_nav_local_views a,
 110 #aside_primary {
 111 border-color:#fff;
 112 }
 113 #content,
 114 #site_nav_local_views .current a {
 115 background-color:#fff;
 116 }
 117
 118 #site_nav_local_views a {
 119 background-color:rgba(255, 255, 255, 0.2);
 120 }
 121 #site_nav_local_views a:hover {
 122 background-color:rgba(255, 255, 255, 0.7);
 123 }
 124
 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
 148
 149 #export_data li a {
 150 background-repeat:no-repeat;
 151 background-position:0 45%;
 152 }
 153 #export_data li a.rss {
 154 background-image:url(../../base/images/icons/icon_rss.jpg);
 155 }
 156 #export_data li a.atom {
 157 background-image:url(../../base/images/icons/icon_atom.jpg);
 158 }
 159 #export_data li a.foaf {
 160 background-image:url(../../base/images/icons/icon_foaf.gif);
 161 }
 162 #export_data li a.export_vcard {
 163 background-image:url(../../base/images/icons/icon_vcard.gif);
 164 }
 165
 166
 167 .entity_send-a-message a,
 168 .form_user_nudge input.submit,
 169 .form_user_block input.submit,
 170 .form_user_unblock input.submit,
 171 .entity_nudge p {
 172 background-position: 0 40%;
 173 background-repeat: no-repeat;
 174 background-color:transparent;
 175 }
 176 .form_group_join input.submit,
 177 .form_group_leave input.submit
 178 .form_user_subscribe input.submit,
 179 .form_user_unsubscribe input.submit {
 180 background-color:#A9BF4F;
 181 color:#fff;
 182 }
 183 .form_user_unsubscribe input.submit,
 184 .form_group_leave input.submit {
 185 background-color:#97BFD1;
 186 }
 187
 188 .entity_send-a-message a {
 189 background-image:url(../images/icons/twotone/green/quote.gif);
 190 }
 191 .entity_nudge p,
 192 .form_user_nudge input.submit {
 193 background-image:url(../images/icons/twotone/green/mail.gif);
 194 }
 195 .form_user_block input.submit,
 196 .form_user_unblock input.submit {
 197 background-image:url(../images/icons/twotone/green/shield.gif);
 198 }
 199
 200
 201
 202 /* NOTICES */
 203 .notices li.over {
 204 background-color:#fcfcfc;
 205 }
 206
 207 .notice-data a span {
 208 background-color:transparent;
 209 background-repeat:no-repeat;
 210 background-position:0 45%;
 211 }
 212 .notice_video .notice-data a span {
 213 background-image:url(../images/icons/twotone/green/camera.gif);
 214 }
 215 .notice_audio .notice-data a span {
 216 background-image:url(../images/icons/twotone/green/music.gif);
 217 }
 218 .notice_image .notice-data a span {
 219 background-image:url(../images/icons/twotone/green/search.gif);
 220 }
 221 .notice_event .notice-data a span {
 222 background-image:url(../images/icons/twotone/green/calendar.gif);
 223 }
 224 .notice_location .notice-data a span {
 225 background-image:url(../images/icons/twotone/green/flag.gif);
 226 }
 227 .notice_document .notice-data a span {
 228 background-image:url(../images/icons/twotone/green/document.gif);
 229 }
 230
 231 .notice-options .notice_reply a,
 232 .notice-options form input.submit {
 233 background-color:transparent;
 234 }
 235 .notice-options .notice_reply a {
 236 background:transparent url(../images/icons/twotone/green/reply.gif) no-repeat 0 45%;
 237 }
 238 .notice-options form.form_favor input.submit {
 239 background:transparent url(../images/icons/twotone/green/favourite.gif) no-repeat 0 45%;
 240 }
 241 .notice-options form.form_disfavor input.submit {
 242 background:transparent url(../images/icons/twotone/green/disfavourite.gif) no-repeat 0 45%;
 243 }
 244 .notice-options .notice_delete a {
 245 background:transparent url(../images/icons/twotone/green/trash.gif) no-repeat 0 45%;
 246 }
 247
 248 .notices div.entry-content,
 249 .notices div.notice-options {
 250 opacity:0.4;
 251 }
 252 .notices li.hover div.entry-content,
 253 .notices li.hover div.notice-options {
 254 opacity:1;
 255 }
 256 div.entry-content {
 257 color:#333;
 258 }
 259 div.notice-options a,
 260 div.notice-options input {
 261 font-family:sans-serif;
 262 }
 263 .notices li.hover {
 264 background-color:#fcfcfc;
 265 }
 266 /*END: NOTICES */
 267
 268
 269 #new_group a {
 270 background:transparent url(../images/icons/twotone/green/news.gif) no-repeat 0 45%;
 271 }
 272
 273
 274 .pagination .nav_prev a,
 275 .pagination .nav_next a {
 276 background-repeat:no-repeat;
 277 }
 278 .pagination .nav_prev a {
 279 background-image:url(../images/icons/twotone/green/arrow-left.gif);
 280 background-position:0 45%;
 281 }
 282 .pagination .nav_next a {
 283 background-image:url(../images/icons/twotone/green/arrow-right.gif);
 284 background-position:100% 45%;
 285 }