theme/gnusocial/css/social.css

   1 /*
   2
   3 GNU social alpha CSS
   4
   5 Enable this line to debug:
   6
   7 @import url('./debug.css');
   8
   9 */
  10
  11 /** theme: GNU social (portions from StatusNet base CSS)
  12  *
  13  * @package   GNU social
  14  * @author    Matt Lee <mattl@cnuk.org>
  15  * @copyright 2010 Free Software Foundation, Inc
  16  * @copyright 2009-2010 StatusNet, Inc.
  17  * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
  18  */
  19
  20 /* stuff we want to hide..... */
  21
  22 legend, #anon_notice, #notices_primary h2, #site_nav_local_views dt, #ft dt, .entity_profile dt, .entity_profile h2, .entity_actions h2, .entity_nickname, .entities .nickname, .anon_notice, .entity_profile, .entity_subscribers { display: none !important; }
  23
  24 #hd a{ color: white !important; }
  25
  26 .entities li { display: inline; list-style: none !important; }
  27
  28 .entity_profile dd { margin-bottom: 1em; }
  29
  30 .notice { background-color: #eee; margin-bottom: 1em; border-top: 1px solid #ddd; padding: 0.4em; }
  31
  32 .entity_fn { font-size: 130%; }
  33
  34 dl, dd { margin: 0 !important; padding: 0 !important;}
  35
  36 #yui-main { margin-bottom: 0 !important; padding-bottom: 0 !important;}
  37
  38 .notices { margin: 0; padding: 0; }
  39 .notices li { list-style: none; }
  40
  41 #ft { padding-top: 12px;}
  42
  43 #custom-doc {  width:76.23em;*width:74.39em;min-width:991px; margin:auto; text-align:left; }
  44
  45 #yui-main { background-color: white; position: relative; }
  46
  47 #sidebar *, #right-nav * { background: none !important; border: none !important; }
  48
  49    html, body{padding: 0; margin: 0;}
  50
  51    body {background-image: url(/theme/gnusocial/images/bg.png) !important; background-repeat: repeat-x !important; background-color: white;}
  52
  53    #hd h1 {margin: 0; line-height: 57px; font-size: 14px; font-weight: bold;}
  54
  55    #hd h1 a{color: #111; text-decoration: none;}
  56
  57    #hd dt {display: none;}
  58
  59    #hd ul {padding: 0; margin: 0; line-height: 48px; position: absolute; top: 0; right: 10px; }
  60
  61    #hd li {display: inline; list-style: none; margin-left: 12px;}
  62
  63    #hd {height: 40px; position: relative;}
  64
  65
  66    form {margin: 0 auto; width: 70%;}
  67
  68    table {width: 100%;}
  69
  70    tr, td{border: 0;}
  71
  72    .update-text{ font-size: 12px; font-weight: bold;}
  73
  74    .update-icon{ text-align: center;}
  75
  76     #stream li{list-style: none; position: relative; margin-top: 12px; }
  77
  78     #stream dl {position: absolute; top: 0; left: 50px;}
  79
  80     #stream dd {color: #333; font-size: 80%; padding: 0; margin: 0; margin-top: 6px;}
  81
  82
  83     #social { padding-left: 10px;}
  84
  85     #sidebar ul{margin: 0; padding: 0;}
  86
  87     #sidebar li {list-style: none;}
  88
  89     #sidebar li a{display: block; width: 180px; padding: 4px;}
  90
  91     #sidebar li a:hover {background-color: #ececec;}
  92
  93     .selected {background-color: cyan; width: 180px;}
  94
  95     #right-nav {background-color: #ececec;}
  96
  97     #right-nav div {padding: 10px;}
  98
  99     .form_notice { position: relative; top: 0; left: 0; }
 100
 101
 102
 103 form label.submit {
 104 display:none;
 105 }
 106
 107 .form_settings {
 108 clear:both;
 109 }
 110
 111 .form_settings fieldset {
 112 margin-bottom:29px;
 113 }
 114 .form_settings input.remove {
 115 margin-left:11px;
 116 }
 117 .form_settings .form_data li {
 118 width:100%;
 119 float:left;
 120 }
 121 .form_settings .form_data label {
 122 float:left;
 123 }
 124 .form_settings .form_data textarea,
 125 .form_settings .form_data select,
 126 .form_settings .form_data input {
 127 margin-left:11px;
 128 float:left;
 129 }
 130 .form_settings .form_data textarea {
 131 width:325px;
 132 }
 133
 134 .form_settings .form_data input.submit {
 135 margin-left:0;
 136 }
 137
 138 .form_settings label {
 139 margin-top:2px;
 140 width:143px;
 141 }
 142
 143 .form_actions label {
 144 display:none;
 145 }
 146 .form_guide {
 147 font-style:italic;
 148 }
 149
 150 .form_settings #settings_autosubscribe label {
 151 display:inline;
 152 font-weight:bold;
 153 }
 154
 155 #form_settings_profile legend,
 156 #form_login legend,
 157 #form_register legend,
 158 #form_password legend,
 159 #form_settings_avatar legend,
 160 #newgroup legend,
 161 #editgroup legend,
 162 #form_tag_user legend,
 163 #form_remote_subscribe legend,
 164 #form_openid_login legend,
 165 #form_search legend,
 166 #form_invite legend,
 167 #form_notice_delete legend,
 168 #form_password_recover legend,
 169 #form_password_change legend {
 170 display:none;
 171 }
 172
 173 .form_settings .form_data p.form_guide {
 174 clear:both;
 175 margin-left:155px;
 176 margin-bottom:0;
 177 }
 178
 179 .form_settings p {
 180 margin-bottom:11px;
 181 }
 182
 183 .form_settings input.checkbox {
 184 margin-top:0;
 185 margin-left:0;
 186 }
 187 .form_settings label.checkbox {
 188 font-weight:normal;
 189 margin-top:0;
 190 margin-right:0;
 191 margin-left:11px;
 192 float:left;
 193 width:90%;
 194 }
 195
 196
 197 #form_login p.form_guide,
 198 #form_register #settings_rememberme p.form_guide,
 199 #form_openid_login #settings_rememberme p.form_guide,
 200 #settings_twitter_remove p.form_guide,
 201 #form_search ul.form_data #q {
 202 margin-left:0;
 203 }
 204
 205 .form_settings .form_note {
 206 border-radius:4px;
 207 -moz-border-radius:4px;
 208 -webkit-border-radius:4px;
 209 padding:0 7px;
 210 }
 211
 212
 213 .form_settings input.form_action-primary {
 214 padding:0;
 215 }
 216 .form_settings input.form_action-secondary {
 217 margin-left:29px;
 218 }
 219
 220 #form_search .submit {
 221 margin-left:11px;
 222 }
 223 caption {
 224 font-weight:bold;
 225 }
 226 legend {
 227 font-weight:bold;
 228 font-size:1.3em;
 229 }
 230 input, textarea, select, option {
 231 padding:4px;
 232 font-family:sans-serif;
 233 font-size:1em;
 234 }
 235 input, textarea, select {
 236 border-width:2px;
 237 border-style: solid;
 238 border-radius:4px;
 239 -moz-border-radius:4px;
 240 -webkit-border-radius:4px;
 241 }
 242
 243 input.submit {
 244 font-weight:bold;
 245 cursor:pointer;
 246 }
 247 textarea {
 248 overflow:auto;
 249 }
 250 option {
 251 padding-bottom:0;
 252 }
 253 fieldset {
 254 padding:0;
 255 border:0;
 256 }
 257 form ul li {
 258 list-style-type:none;
 259 margin:0 0 18px 0;
 260 }
 261 form label {
 262 font-weight:bold;
 263 }
 264 input.checkbox {
 265 position:relative;
 266 top:2px;
 267 left:0;
 268 border:0;
 269 }
 270
 271 .error,
 272 .success {
 273 padding:4px 7px;
 274 border-radius:4px;
 275 -moz-border-radius:4px;
 276 -webkit-border-radius:4px;
 277 margin-bottom:18px;
 278 }
 279
 280 /* #all .notice, #public .notice { padding-bottom: 12px;} */
 281
 282 /* #all .notice .entry-title, #public .notice .entry-title { position: relative;} */
 283
 284 /* #all .notice .entry-title .entry-content, #public .notice .entry-title .entry-content { position: absolute; top: 25px; left: 55px; } */
 285
 286 /* #all .notice .entry-content .timestamp, #public .notice .entry-content .timestamp { color: #666; margin-left: 55px; font-size: 80%; text-decoration: none !important; } */
 287
 288 .notices div.entry-content { font-size: 80%; }
 289
 290 .notices div.entry-content a, .notices div.entry-content abbr{ font-color: #666 !important; text-decoration: none !important; }
 291
 292 abbr { border: 0px !important;  }
 293
 294 #all .entry-title .author .nickname, #public .entry-title .author .nickname { position: absolute; top: 0; left: 55px; font-weight: bold;  }
 295
 296 #showstream #i { position: absolute; top: 0; left: 0; background-color: white; z-index: 100; width: 185px; }
 297
 298
 299 .notice-options, .form_favor .submit, .form_repeat .submit { background-color: white; border: 0; display: none !important; }
 300
 301 #form_notice { margin-top: 10px;}
 302
 303
 304 /* tagcloud */
 305 .tag-cloud {
 306 list-style-type:none;
 307 text-align:center;
 308 }
 309 .aside .tag-cloud {
 310 font-size:0.8em;
 311 word-wrap:break-word;
 312 }
 313 .tag-cloud li {
 314 display:inline;
 315 margin-right:7px;
 316 line-height:1.25;
 317 }
 318
 319 .tag-cloud li:before {
 320 content:'\0009';
 321 }
 322
 323 .aside .tag-cloud li {
 324 line-height:1.5;
 325 }
 326 .tag-cloud li a {
 327 text-decoration:none;
 328 }
 329 #tagcloud.section dt {
 330 text-transform:uppercase;
 331 font-weight:bold;
 332 }
 333 .tag-cloud-1 {
 334 font-size:1em;
 335 }
 336 .tag-cloud-2 {
 337 font-size:1.25em;
 338 }
 339 .tag-cloud-3 {
 340 font-size:1.75em;
 341 }
 342 .tag-cloud-4 {
 343 font-size:2em;
 344 }
 345 .tag-cloud-5 {
 346 font-size:2.25em;
 347 }
 348 .tag-cloud-6 {
 349 font-size:2.75em;
 350 }
 351 .tag-cloud-7 {
 352 font-size:3.25em;
 353 }
 354
 355
 356
 357
 358 .entity_subscriptions ul:before { content: 'Fan of...'; }
 359
 360 #feedback-button-of-doom { position: fixed; top: 350px; left: 0; }