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