theme/otalk/css/display.css

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