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 background-color:rgba(255,255,255,0.8);
  79 }
  80
  81 #content .notices li.hover .entry-title {
  82 background-color:rgba(255,255,255,0.9);
  83 }
  84
  85 #content .notice:nth-child(1) .entry-title {
  86 background-color:rgba(255,255,255,0.95);
  87 font-size:2em;
  88 }
  89 #content .notice:nth-child(2) .entry-title {
  90 background-color:rgba(255,255,255,0.9);
  91 font-size:1.9em;
  92 }
  93 #content .notice:nth-child(3) .entry-title {
  94 background-color:rgba(255,255,255,0.8);
  95 font-size:1.8em;
  96 }
  97 #content .notice:nth-child(4) .entry-title {
  98 background-color:rgba(255,255,255,0.7);
  99 font-size:1.7em;
 100 }
 101 #content .notice:nth-child(5) .entry-title {
 102 background-color:rgba(255,255,255,0.6);
 103 }
 104 #content .notice:nth-child(6) .entry-title {
 105 background-color:rgba(255,255,255,0.5);
 106 }
 107 #content .notice:nth-child(7) .entry-title {
 108 background-color:rgba(255,255,255,0.4);
 109 }
 110 #content .notice:nth-child(8) .entry-title {
 111 background-color:rgba(255,255,255,0.3);
 112 }
 113 #content .notice:nth-child(9) .entry-title {
 114 background-color:rgba(255,255,255,0.2);
 115 }
 116 #content .notice:nth-child(10) {
 117 background-color:rgba(255,255,255,0.1);
 118 }
 119
 120
 121 #content .notice .author .photo {
 122 background:url(../images/illustrations/illu_arrow-left-01.gif) no-repeat 100% 0;
 123 }
 124
 125 .section .profile {
 126 border-top-color:#87B4C8;
 127 }
 128
 129 #aside_primary {
 130 background-color:rgba(206, 225, 233,0.5);
 131 }
 132
 133 #notice_text-count {
 134 color:#333;
 135 }
 136 #form_notice.warning #notice_text-count {
 137 color:#000;
 138 }
 139 #form_notice.processing #notice_action-submit {
 140 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
 141 cursor:wait;
 142 text-indent:-9999px;
 143 }
 144
 145 #content,
 146 #site_nav_local_views .nav,
 147 #site_nav_local_views a,
 148 #aside_primary {
 149 border-color:#fff;
 150 }
 151 #content,
 152 #site_nav_local_views .current a {
 153 background-color:transparent;
 154 /*background-color:red;*/
 155 }
 156
 157 #site_nav_local_views .current a {
 158 background-color:transparent;
 159 }
 160
 161 #site_nav_local_views a {
 162 background-color:rgba(127, 127, 127, 0.2);
 163 }
 164 #site_nav_local_views a:hover {
 165 background-color:rgba(255, 255, 255, 0.8);
 166 }
 167
 168 .error {
 169 background-color:#F7E8E8;
 170 }
 171 .success {
 172 background-color:#EFF3DC;
 173 }
 174
 175 #anon_notice {
 176 background-color:#87B4C8;
 177 color:#fff;
 178 border-color:#fff;
 179 }
 180
 181 #showstream #anon_notice {
 182 background-color:#9BB43E;
 183 }
 184
 185 #export_data li a {
 186 background-repeat:no-repeat;
 187 background-position:0 45%;
 188 }
 189 #export_data li a.rss {
 190 background-image:url(../../base/images/icons/icon_rss.png);
 191 }
 192 #export_data li a.atom {
 193 background-image:url(../../base/images/icons/icon_atom.png);
 194 }
 195 #export_data li a.foaf {
 196 background-image:url(../../base/images/icons/icon_foaf.gif);
 197 }
 198
 199 .entity_edit a,
 200 .entity_send-a-message a,
 201 .form_user_nudge input.submit,
 202 .form_user_block input.submit,
 203 .form_user_unblock input.submit,
 204 .entity_nudge p {
 205 background-position: 0 40%;
 206 background-repeat: no-repeat;
 207 background-color:transparent;
 208 }
 209 .form_group_join input.submit,
 210 .form_group_leave input.submit
 211 .form_user_subscribe input.submit,
 212 .form_user_unsubscribe input.submit {
 213 background-color:#9BB43E;
 214 color:#fff;
 215 }
 216 .form_user_unsubscribe input.submit,
 217 .form_group_leave input.submit,
 218 .form_user_authorization input.reject {
 219 background-color:#87B4C8;
 220 }
 221
 222 .entity_edit a {
 223 background-image:url(../../base/images/icons/twotone/green/edit.gif);
 224 }
 225 .entity_send-a-message a {
 226 background-image:url(../../base/images/icons/twotone/green/quote.gif);
 227 }
 228 .entity_nudge p,
 229 .form_user_nudge input.submit {
 230 background-image:url(../../base/images/icons/twotone/green/mail.gif);
 231 }
 232 .form_user_block input.submit,
 233 .form_user_unblock input.submit {
 234 background-image:url(../../base/images/icons/twotone/green/shield.gif);
 235 }
 236
 237 /* NOTICES */
 238 .notices li.over {
 239 background-color:#fcfcfc;
 240 }
 241
 242 .notice-options .notice_reply a,
 243 .notice-options form input.submit {
 244 background-color:transparent;
 245 }
 246 .notice-options .notice_reply a {
 247 background:transparent url(../../base/images/icons/twotone/green/reply.gif) no-repeat 0 45%;
 248 }
 249 .notice-options form.form_favor input.submit {
 250 background:transparent url(../../base/images/icons/twotone/green/favourite.gif) no-repeat 0 45%;
 251 }
 252 .notice-options form.form_disfavor input.submit {
 253 background:transparent url(../../base/images/icons/twotone/green/disfavourite.gif) no-repeat 0 45%;
 254 }
 255 .notice-options .notice_delete a {
 256 background:transparent url(../../base/images/icons/twotone/green/trash.gif) no-repeat 0 45%;
 257 }
 258
 259 .notices div.entry-content,
 260 .notices div.notice-options {
 261 opacity:0.4;
 262 }
 263 .notices li.hover div.entry-content,
 264 .notices li.hover div.notice-options {
 265 opacity:1;
 266 }
 267 div.entry-content {
 268 color:#333;
 269 }
 270 div.notice-options a,
 271 div.notice-options input {
 272 font-family:sans-serif;
 273 }
 274 .notices li.hover {
 275 /*background-color:#fcfcfc;*/
 276 }
 277 /*END: NOTICES */
 278
 279 #new_group a {
 280 background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
 281 }
 282
 283 .pagination .nav_prev a,
 284 .pagination .nav_next a {
 285 background-repeat:no-repeat;
 286 border-color:#CEE1E9;
 287 }
 288 .pagination .nav_prev a {
 289 background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
 290 background-position:10% 45%;
 291 }
 292 .pagination .nav_next a {
 293 background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
 294 background-position:90% 45%;
 295 }