Changeset 3497
- Timestamp:
- 12/01/2010 11:03:54 PM (14 years ago)
- Location:
- trunk/bp-themes/bp-default/_inc/css
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/bp-themes/bp-default/_inc/css/adminbar.css
r2695 r3497 13 13 z-index: 1000; 14 14 } 15 #wp-admin-bar .padder { 16 position: relative; 17 padding: 0; 18 width: 100%; 19 margin: 0 auto; 20 background: url( ../images/60pc_black.png ); 21 height: 25px; 22 } 23 body#bp-default #wp-admin-bar .padder { 24 min-width: 960px; 25 max-width: 1250px; 26 } 27 28 body#bp-default.activity-permalink #wp-admin-bar .padder { 29 min-width: 960px; 30 max-width: 960px; 31 } 32 33 #wp-admin-bar * { z-index: 999; } 15 16 #wp-admin-bar .padder { 17 position: relative; 18 padding: 0; 19 width: 100%; 20 margin: 0 auto; 21 background: url( ../images/60pc_black.png ); 22 height: 25px; 23 } 24 25 body#bp-default #wp-admin-bar .padder { 26 min-width: 960px; 27 max-width: 1250px; 28 } 29 30 body#bp-default.activity-permalink #wp-admin-bar .padder { 31 min-width: 960px; 32 max-width: 960px; 33 } 34 35 #wp-admin-bar * { 36 z-index: 999; 37 } 34 38 35 39 #wp-admin-bar div#admin-bar-logo { … … 57 61 font-size: 11px; 58 62 } 59 #wp-admin-bar li.alt { border: none; } 60 61 #wp-admin-bar li.no-arrow a { 62 padding-right: 15px; 63 } 64 65 #wp-admin-bar ul li ul li a span { 66 display: none; 67 } 68 69 #wp-admin-bar li:hover, #wp-admin-bar li.hover { 63 64 #wp-admin-bar li.alt { 65 border: none; 66 } 67 68 #wp-admin-bar li.no-arrow a { 69 padding-right: 15px; 70 } 71 72 #wp-admin-bar ul li ul li a span { 73 display: none; 74 } 75 76 #wp-admin-bar li:hover, 77 #wp-admin-bar li.hover { 70 78 position: static; 71 79 } … … 80 88 color: #fff; 81 89 } 82 body#bp-default #admin-bar-logo { padding: 2px 8px; } 83 84 /*******************/ 85 86 #wp-admin-bar ul { /* all lists */ 90 91 body#bp-default #admin-bar-logo { 92 padding: 2px 8px; 93 } 94 95 /* all lists */ 96 #wp-admin-bar ul { 87 97 margin: 0; 88 98 list-style: none; … … 93 103 } 94 104 95 #wp-admin-bar ul li { /* all list items */ 105 /* all list items */ 106 #wp-admin-bar ul li { 96 107 padding: 0; 97 108 float: left; … … 100 111 padding-right: 11px; 101 112 } 102 #wp-admin-bar ul li.no-arrow { 103 background: none; 104 padding-right: 0; 105 } 106 107 #wp-admin-bar ul li ul li { 108 background-image: none; 109 } 113 114 #wp-admin-bar ul li.no-arrow { 115 background: none; 116 padding-right: 0; 117 } 118 119 #wp-admin-bar ul li ul li { 120 background-image: none; 121 } 110 122 111 123 #wp-admin-bar ul li.align-right { … … 118 130 } 119 131 120 #wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover { 132 #wp-admin-bar ul.main-nav li:hover, 133 #wp-admin-bar ul.main-nav li.sfhover, 134 #wp-admin-bar ul.main-nav li ul li.sfhover { 121 135 background-color: #333; 122 136 } 123 137 124 138 /* second-level lists */ 125 126 139 #wp-admin-bar ul li ul { 127 140 position: absolute; … … 132 145 border: 1px solid #222; 133 146 -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 134 -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);147 -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 135 148 -moz-border-radius: 3px; 136 149 -webkit-border-radius: 3px; … … 140 153 -webkit-border-top-right-radius: 0; 141 154 } 142 #wp-admin-bar ul li > ul { 143 border-top: none; 144 } 145 146 #wp-admin-bar ul li ul a { 147 color: #eee; 148 } 155 156 #wp-admin-bar ul li > ul { 157 border-top: none; 158 } 159 160 #wp-admin-bar ul li ul a { 161 color: #eee; 162 } 149 163 150 164 #wp-admin-bar ul li ul li { … … 153 167 margin: 0; 154 168 } 155 #wp-admin-bar ul li ul li:hover a { 156 color: #fff; 157 } 169 170 #wp-admin-bar ul li ul li:hover a { 171 color: #fff; 172 } 158 173 159 174 #wp-admin-bar ul li div.admin-bar-clear { … … 161 176 } 162 177 163 #wp-admin-bar ul.main-nav li ul li:hover, #wp-admin-bar ul.main-nav li ul li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover { 178 #wp-admin-bar ul.main-nav li ul li:hover, 179 #wp-admin-bar ul.main-nav li ul li.sfhover, 180 #wp-admin-bar ul.main-nav li ul li.sfhover { 164 181 background-color: #222; 165 182 } 166 183 167 184 /* third-and-above-level lists */ 168 169 185 #wp-admin-bar ul li ul ul { 170 186 margin: -25px 0 0 184px; … … 172 188 -webkit-border-radius: 3px; 173 189 } 174 #wp-admin-bar ul li ul li:hover ul li a { 175 color: #eee; 176 } 177 #wp-admin-bar ul li ul li ul li:hover a { 178 color: #fff; 179 } 180 181 #wp-admin-bar ul li:hover ul, #wp-admin-bar ul li ul li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul { 190 191 #wp-admin-bar ul li ul li:hover ul li a { 192 color: #eee; 193 } 194 195 #wp-admin-bar ul li ul li ul li:hover a { 196 color: #fff; 197 } 198 199 #wp-admin-bar ul li:hover ul, 200 #wp-admin-bar ul li ul li:hover ul, 201 #wp-admin-bar ul li.sfhover ul, 202 #wp-admin-bar ul li ul li.sfhover ul { 182 203 left: auto; 183 204 } … … 187 208 } 188 209 189 #wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul { 210 #wp-admin-bar ul li:hover ul ul, 211 #wp-admin-bar li.sfhover ul li ul { 190 212 left: -999em; 191 213 } 192 214 193 215 /* Menu item css */ 194 195 216 #wp-admin-bar img.avatar { 196 217 float: left; … … 204 225 } 205 226 206 #wp-admin-bar ul.author-list li a { height: 17px; } 227 #wp-admin-bar ul.author-list li a { 228 height: 17px; 229 } 207 230 208 231 #wp-admin-bar ul li#bp-adminbar-notifications-menu a span { -
trunk/bp-themes/bp-default/_inc/css/default.css
r3496 r3497 1 1 @import url( reset.css ); /* Reset browser defaults */ 2 2 3 3 4 /* > Global Elements … … 19 20 padding-top: 0 !important; /* Remove the top padding space for the admin bar in this theme */ 20 21 } 21 body.activity-permalink { 22 min-width: 960px; 23 max-width: 960px; 24 } 25 26 h1, h2, h3, h4, h5, h6 { 22 23 body.activity-permalink { 24 min-width: 960px; 25 max-width: 960px; 26 } 27 28 h1, 29 h2, 30 h3, 31 h4, 32 h5, 33 h6 { 27 34 margin: 5px 0 15px 0; 28 35 } 29 36 30 h1 { font-size: 28px; margin-bottom: 25px; } 31 h2 { font-size: 24px; margin-bottom: 20px; } 32 h3 { font-size: 20px; } 33 h4 { font-size: 16px; margin-bottom: 15px; } 34 h5 { font-size: 14px; margin-bottom: 0; } 35 h6 { font-size: 12px; margin-bottom: 0; } 36 37 a { color: #1fb3dd; } 38 a:hover, a:active { color: #888; } 39 a:focus { outline: 1px dotted #ccc; } 40 41 .padder { padding: 19px; } 42 .clear { clear: left; } 43 44 p { margin-bottom: 15px; } 45 p:last-child { margin-bottom: 0; } 37 h1 { 38 font-size: 28px; 39 margin-bottom: 25px; 40 } 41 42 h2 { 43 font-size: 24px; 44 margin-bottom: 20px; 45 } 46 47 h3 { 48 font-size: 20px; 49 } 50 51 h4 { 52 font-size: 16px; 53 margin-bottom: 15px; 54 } 55 56 h5 { 57 font-size: 14px; 58 margin-bottom: 0; 59 } 60 61 h6 { 62 font-size: 12px; 63 margin-bottom: 0; 64 } 65 66 a { 67 color: #1fb3dd; 68 } 69 70 a:hover, 71 a:active { 72 color: #888; 73 } 74 75 a:focus { 76 outline: 1px dotted #ccc; 77 } 78 79 .padder { 80 padding: 19px; 81 } 82 83 .clear { 84 clear: left; 85 } 86 87 p { 88 margin-bottom: 15px; 89 } 90 91 p:last-child { 92 margin-bottom: 0; 93 } 46 94 47 95 hr { 48 background-color:# E7E7E7;96 background-color:#e7e7e7; 49 97 border:0 none; 50 98 clear:both; … … 58 106 } 59 107 108 60 109 /* > Admin Bar 61 110 -------------------------------------------------------------- */ … … 64 113 width: 90% !important; /* Line up the admin bar with the content body in this theme */ 65 114 } 115 66 116 67 117 /* > Header … … 79 129 padding-top: 25px; 80 130 } 81 #header #search-bar { 82 position: absolute; 83 top: 25px; 84 right: 0; 85 width: 100%; 86 text-align: right; 87 } 88 89 #header h1 { 90 line-height: 230%; 91 } 92 93 #header #search-bar .padder { 94 padding: 10px 20px; 95 } 96 97 #header #search-bar input[type=text] { 98 -moz-border-radius: 3px; 99 -webkit-border-radius: 3px; 100 border-radius: 3px; 101 border: 1px inset #888; 102 padding: 2px; 103 margin-right: 4px; 104 } 105 106 #header #search-bar input[type=submit] { 107 font-size: 11px; 108 padding: 1px 4px; 109 margin-left: 4px; 110 } 111 112 #header h1 { 113 position: absolute; 114 bottom: 0; 115 left: 20px; 116 width: 44%; 117 margin: 0 0 -5px 0; 118 } 119 #header h1 a { 120 color: #fff; 121 font-size: 26px; 122 text-decoration: none; 123 } 131 132 #header #search-bar { 133 position: absolute; 134 top: 25px; 135 right: 0; 136 width: 100%; 137 text-align: right; 138 } 139 140 #header h1 { 141 line-height: 230%; 142 } 143 144 #header #search-bar .padder { 145 padding: 10px 20px; 146 } 147 148 #header #search-bar input[type=text] { 149 -moz-border-radius: 3px; 150 -webkit-border-radius: 3px; 151 border-radius: 3px; 152 border: 1px inset #888; 153 padding: 2px; 154 margin-right: 4px; 155 } 156 157 #header #search-bar input[type=submit] { 158 font-size: 11px; 159 padding: 1px 4px; 160 margin-left: 4px; 161 } 162 163 #header h1 { 164 position: absolute; 165 bottom: 0; 166 left: 20px; 167 width: 44%; 168 margin: 0 0 -5px 0; 169 } 170 171 #header h1 a { 172 color: #fff; 173 font-size: 26px; 174 text-decoration: none; 175 } 176 124 177 125 178 /* > Navigation … … 135 188 max-width: 65%; 136 189 } 137 ul#nav li { 138 float: left; 139 margin: 0 5px 0 0; 140 } 141 ul#nav li a { 142 display: block; 143 color: #fff; 144 text-decoration: none; 145 padding: 5px 15px; 146 background: url( ../images/60pc_black.png ); 147 -moz-border-radius-topleft: 3px; 148 -webkit-border-top-left-radius: 3px; 149 -moz-border-radius-topright: 3px; 150 -webkit-border-top-right-radius: 3px; 151 } 152 ul#nav li.selected a, ul#nav li.current_page_item a { 153 background: #f5f5f5; 154 color: #555; 155 } 156 ul#nav a:focus { outline: none; } 190 191 ul#nav li { 192 float: left; 193 margin: 0 5px 0 0; 194 } 195 196 ul#nav li a { 197 display: block; 198 color: #fff; 199 text-decoration: none; 200 padding: 5px 15px; 201 background: url( ../images/60pc_black.png ); 202 -moz-border-radius-topleft: 3px; 203 -webkit-border-top-left-radius: 3px; 204 -moz-border-radius-topright: 3px; 205 -webkit-border-top-right-radius: 3px; 206 } 207 208 ul#nav li.selected a, 209 ul#nav li.current_page_item a { 210 background: #f5f5f5; 211 color: #555; 212 } 213 214 ul#nav a:focus { 215 outline: none; 216 } 157 217 158 218 /* > Container 159 219 -------------------------------------------------------------- */ 160 161 220 div#container { 162 221 position: relative; … … 170 229 margin-bottom: 20px; 171 230 } 172 body.activity-permalink div#container { 173 background: none; 174 border: none; 175 } 231 232 body.activity-permalink div#container { 233 background: none; 234 border: none; 235 } 236 176 237 177 238 /* > Sidebar … … 188 249 background: url( ../images/sidebar_back.gif ) top left repeat-x; 189 250 } 190 div#sidebar div#sidebar-me img.avatar { 191 float: left; 192 margin: 0 10px 15px 0; 193 } 194 195 div#sidebar div#sidebar-me h4 { 196 font-size: 16px; 197 margin: 0 0 8px 0; 198 font-weight: normal; 199 } 200 201 202 div#sidebar ul#bp-nav { 203 clear: left; 204 margin: 15px -16px; 205 } 206 div#sidebar ul#bp-nav li { 207 padding: 10px 15px; 208 } 209 210 #footer-widget-area h3.widgettitle, 211 div#sidebar h3.widgettitle { 212 margin: 25px -20px 10px -19px; 213 background: #eaeaea; 214 padding: 5px 15px; 215 font-size: 12px; 216 clear: left; 217 } 218 219 #footer-widget-area .widget_search, 220 div#sidebar .widget_search { 221 margin-top: 20px; 222 } 223 #footer-widget-area .widget_search input[type=text], 224 div#sidebar .widget_search input[type=text] { 225 width: 110px; 226 padding: 2px; 227 } 228 229 #footer-widget-area ul#recentcomments li, #footer-widget-area .widget_recent_entries ul li, 230 div#sidebar ul#recentcomments li, div#sidebar .widget_recent_entries ul li { 231 margin-bottom: 15px; 232 } 233 234 #footer-widget-area ul.item-list img.avatar, 235 div#sidebar ul.item-list img.avatar { 236 width: 20px; 237 height: 20px; 238 margin-right: 10px; 239 } 240 #footer-widget-area div.item-avatar img, 241 div#sidebar div.item-avatar img { 242 width: 40px; 243 height: 40px; 244 margin: 1px; 245 } 246 247 #footer-widget-area .avatar-block, 248 div#sidebar .avatar-block { overflow: hidden; } 249 250 #footer-widget-area ul.item-list div.item-title, 251 div#sidebar ul.item-list div.item-title { 252 font-size: 12px; 253 } 254 255 #footer-widget-area div.item-options, 256 div#sidebar div.item-options { 257 margin: -10px -20px 0 -19px; 258 background: #f8f8f8; 259 padding: 5px 15px; 260 font-size: 11px; 261 } 262 263 #footer-widget-area div.item-meta, #footer-widget-area div.item-content, 264 div#sidebar div.item-meta, div#sidebar div.item-content { 265 margin-left: 38px; 266 font-size: 11px; 267 } 268 269 #footer-widget-area div.tags div#tag-text, 270 div#sidebar div.tags div#tag-text { 271 font-size: 1.4em; 272 line-height: 140%; 273 padding-top: 10px; 274 } 251 252 div#sidebar div#sidebar-me img.avatar { 253 float: left; 254 margin: 0 10px 15px 0; 255 } 256 257 div#sidebar div#sidebar-me h4 { 258 font-size: 16px; 259 margin: 0 0 8px 0; 260 font-weight: normal; 261 } 262 263 div#sidebar ul#bp-nav { 264 clear: left; 265 margin: 15px -16px; 266 } 267 268 div#sidebar ul#bp-nav li { 269 padding: 10px 15px; 270 } 271 272 #footer-widget-area h3.widgettitle, 273 div#sidebar h3.widgettitle { 274 margin: 25px -20px 10px -19px; 275 background: #eaeaea; 276 padding: 5px 15px; 277 font-size: 12px; 278 clear: left; 279 } 280 281 #footer-widget-area .widget_search, 282 div#sidebar .widget_search { 283 margin-top: 20px; 284 } 285 286 #footer-widget-area .widget_search input[type=text], 287 div#sidebar .widget_search input[type=text] { 288 width: 110px; 289 padding: 2px; 290 } 291 292 #footer-widget-area ul#recentcomments li, 293 #footer-widget-area .widget_recent_entries ul li, 294 div#sidebar ul#recentcomments li, 295 div#sidebar .widget_recent_entries ul li { 296 margin-bottom: 15px; 297 } 298 299 #footer-widget-area ul.item-list img.avatar, 300 div#sidebar ul.item-list img.avatar { 301 width: 20px; 302 height: 20px; 303 margin-right: 10px; 304 } 305 306 #footer-widget-area div.item-avatar img, 307 div#sidebar div.item-avatar img { 308 width: 40px; 309 height: 40px; 310 margin: 1px; 311 } 312 313 #footer-widget-area .avatar-block, 314 div#sidebar .avatar-block { 315 overflow: hidden; 316 } 317 318 #footer-widget-area ul.item-list div.item-title, 319 div#sidebar ul.item-list div.item-title { 320 font-size: 12px; 321 } 322 323 #footer-widget-area div.item-options, 324 div#sidebar div.item-options { 325 margin: -10px -20px 0 -19px; 326 background: #f8f8f8; 327 padding: 5px 15px; 328 font-size: 11px; 329 } 330 331 #footer-widget-area div.item-meta, 332 #footer-widget-area div.item-content, 333 div#sidebar div.item-meta, 334 div#sidebar div.item-content { 335 margin-left: 38px; 336 font-size: 11px; 337 } 338 339 #footer-widget-area div.tags div#tag-text, 340 div#sidebar div.tags div#tag-text { 341 font-size: 1.4em; 342 line-height: 140%; 343 padding-top: 10px; 344 } 275 345 276 346 /* > Content 277 347 -------------------------------------------------------------- */ 278 279 348 div#content { 280 349 float: left; … … 294 363 -webkit-border-bottom-left-radius: 6px; 295 364 } 296 div#content .one-column { 297 margin-right: 0; 298 border-right: 0 none; 299 } 300 301 div#content .left-menu { 302 float: left; 303 width: 170px; 304 } 305 306 div#content .main-column { 307 margin-left: 190px; 308 } 365 366 div#content .one-column { 367 margin-right: 0; 368 border-right: 0 none; 369 } 370 371 div#content .left-menu { 372 float: left; 373 width: 170px; 374 } 375 376 div#content .main-column { 377 margin-left: 190px; 378 } 379 309 380 310 381 /* > Item Headers (Profiles, Groups) … … 314 385 overflow: hidden; 315 386 } 316 div#item-header div#item-header-content { margin-left: 170px; } 317 318 div#item-header h2 { 319 font-size: 28px; 320 margin: 0 0 15px 0; 321 line-height: 120%; 387 388 div#item-header div#item-header-content { 389 margin-left: 170px; 390 } 391 392 div#item-header h2 { 393 font-size: 28px; 394 margin: 0 0 15px 0; 395 line-height: 120%; 396 } 397 398 div#item-header h2 a { 399 text-decoration: none; 400 color: #777; 401 } 402 403 div#item-header img.avatar { 404 float: left; 405 margin: 0 15px 25px 0; 406 } 407 408 div#item-header h2 { 409 margin-bottom: 5px; 410 } 411 412 div#item-header span.activity, 413 div#item-header h2 span.highlight { 414 vertical-align: middle; 415 font-size: 11px; 416 font-weight: normal; 417 line-height: 170%; 418 margin-bottom: 7px; 419 } 420 421 div#item-header h2 span.highlight { 422 font-size: 16px; 423 } 424 425 div#item-header h2 span.highlight span { 426 position: relative; 427 top: -2px; 428 right: -2px; 429 font-weight: bold; 430 font-size: 11px; 431 background: #a1dcfa; 432 color: #fff; 433 padding: 1px 4px; 434 margin-bottom: 2px; 435 -moz-border-radius: 3px; 436 -webkit-border-radius: 3px; 437 vertical-align: middle; 438 cursor: pointer; 439 display: none; 440 } 441 442 div#item-header div#item-meta { 443 font-size: 14px; 444 color: #aaa; 445 padding-bottom: 10px; 446 overflow: hidden; 447 margin: 15px 0 5px 0; 448 } 449 450 div#item-header div#item-actions { 451 float: right; 452 width: 20%; 453 margin: 0 0 15px 15px; 454 text-align: right; 455 } 456 457 div#item-header div#item-actions h3 { 458 font-size: 12px; 459 margin: 0 0 5px 0; 460 } 461 462 div#item-header ul { 463 overflow: hidden; 464 margin-bottom: 15px; 465 } 466 467 div#item-header ul h5, 468 div#item-header ul span, 469 div#item-header ul hr { 470 display: none; 471 } 472 473 div#item-header ul li { 474 float: right; 475 } 476 477 div#item-header ul img.avatar, 478 div#item-header ul.avatars img.avatar { 479 width: 30px; 480 height: 30px; 481 margin: 2px; 482 } 483 484 div#item-header div.generic-button, 485 div#item-header a.button { 486 float: left; 487 margin: 10px 10px 0 0; 322 488 } 323 div#item-header h2 a { 324 text-decoration: none; 325 color: #777; 326 } 327 328 div#item-header img.avatar { 329 float: left; 330 margin: 0 15px 25px 0; 331 } 332 333 div#item-header h2 { margin-bottom: 5px; } 334 335 div#item-header span.activity, div#item-header h2 span.highlight { 336 vertical-align: middle; 337 font-size: 11px; 338 font-weight: normal; 339 line-height: 170%; 340 margin-bottom: 7px; 341 } 342 343 div#item-header h2 span.highlight { font-size: 16px; } 344 div#item-header h2 span.highlight span { 345 position: relative; 346 top: -2px; 347 right: -2px; 348 font-weight: bold; 349 font-size: 11px; 350 background: #a1dcfa; 351 color: #fff; 352 padding: 1px 4px; 353 margin-bottom: 2px; 354 -moz-border-radius: 3px; 355 -webkit-border-radius: 3px; 356 vertical-align: middle; 357 cursor: pointer; 358 display: none; 359 } 360 361 div#item-header div#item-meta { 362 font-size: 14px; 363 color: #aaa; 364 padding-bottom: 10px; 365 overflow: hidden; 366 margin: 15px 0 5px 0; 367 } 368 369 div#item-header div#item-actions { 370 float: right; 371 width: 20%; 372 margin: 0 0 15px 15px; 373 text-align: right; 374 } 375 div#item-header div#item-actions h3 { 376 font-size: 12px; 377 margin: 0 0 5px 0; 378 } 379 380 div#item-header ul { 381 overflow: hidden; 382 margin-bottom: 15px; 383 } 384 385 div#item-header ul h5, div#item-header ul span, div#item-header ul hr { 386 display: none; 387 } 388 389 div#item-header ul li { 390 float: right; 391 } 392 393 div#item-header ul img.avatar, div#item-header ul.avatars img.avatar { 394 width: 30px; 395 height: 30px; 396 margin: 2px; 397 } 398 399 div#item-header div.generic-button, div#item-header a.button { 400 float: left; 401 margin: 10px 10px 0 0; 402 } 403 404 div#item-header div#message.info { 405 line-height: 80%; 406 } 489 490 div#item-header div#message.info { 491 line-height: 80%; 492 } 407 493 408 494 … … 413 499 width: 100%; 414 500 } 415 ul.item-list li { 416 position: relative; 417 padding: 15px 0; 418 border-bottom: 1px solid #eaeaea; 419 } 420 ul.single-line li { border: none; } 421 422 ul.item-list li img.avatar { 423 float: left; 424 margin: 0 10px 10px 0; 425 } 426 427 ul.item-list li div.item-title, ul.item-list li h4 { 428 font-weight: normal; 429 font-size: 14px; 430 width: 75%; 431 margin: 0; 432 } 433 ul.item-list li div.item-title span { 434 font-size: 12px; 435 color: #999; 436 } 437 438 ul.item-list li div.item-desc { 439 margin: 10px 0 0 64px; 440 font-size: 11px; 441 color: #888; 442 width: 50%; 443 } 444 445 ul.item-list li div.action { 446 position: absolute; 447 top: 15px; 448 right: 0; 449 text-align: right; 450 } 451 452 ul.item-list li div.meta { 453 margin-top: 10px; 454 color: #888; 455 font-size: 11px; 456 } 457 458 ul.item-list li h5 span.small { 459 font-weight: normal; 460 font-size: 11px; 461 } 501 502 ul.item-list li { 503 position: relative; 504 padding: 15px 0; 505 border-bottom: 1px solid #eaeaea; 506 } 507 508 ul.single-line li { 509 border: none; 510 } 511 512 ul.item-list li img.avatar { 513 float: left; 514 margin: 0 10px 10px 0; 515 } 516 517 ul.item-list li div.item-title, 518 ul.item-list li h4 { 519 font-weight: normal; 520 font-size: 14px; 521 width: 75%; 522 margin: 0; 523 } 524 525 ul.item-list li div.item-title span { 526 font-size: 12px; 527 color: #999; 528 } 529 530 ul.item-list li div.item-desc { 531 margin: 10px 0 0 64px; 532 font-size: 11px; 533 color: #888; 534 width: 50%; 535 } 536 537 ul.item-list li div.action { 538 position: absolute; 539 top: 15px; 540 right: 0; 541 text-align: right; 542 } 543 544 ul.item-list li div.meta { 545 margin-top: 10px; 546 color: #888; 547 font-size: 11px; 548 } 549 550 ul.item-list li h5 span.small { 551 font-weight: normal; 552 font-size: 11px; 553 } 554 462 555 463 556 /* > Item Tabs … … 470 563 background: #eaeaea; 471 564 } 472 div.item-list-tabs ul li a { 473 text-decoration: none; 474 } 475 476 div.item-list-tabs ul { 477 width: 100%; 478 } 479 div.item-list-tabs ul li { 480 float: left; 481 margin: 5px 0 0 5px; 482 } 483 div.item-list-tabs#subnav ul li { 484 margin-top: 0; 485 } 486 487 div.item-list-tabs ul li:first-child { 488 margin-left: 20px; 489 } 490 491 div.item-list-tabs ul li.last { 492 float: right; 493 margin: 7px 20px 0 0; 494 } 495 div.item-list-tabs#subnav ul li.last { 496 margin-top: 4px; 497 } 498 499 div.item-list-tabs ul li.last select { 500 max-width: 175px; 501 } 502 503 div.item-list-tabs ul li a, 504 div.item-list-tabs ul li span { 505 display: block; 506 padding: 5px 10px; 507 text-decoration: none; 508 } 509 div.item-list-tabs ul li span { 510 color: #aaa; 511 } 512 513 div.item-list-tabs ul li a span { 514 display: inline; 515 padding: 0; 516 color: inherit; 517 } 518 519 div.item-list-tabs ul li.selected a, 520 div.item-list-tabs ul li.current a { 521 background-color: #fff; 522 color: #555; 523 font-weight: bold; 524 -moz-border-radius-topleft: 3px; 525 -webkit-border-top-left-radius: 3px; 526 -moz-border-radius-topright: 3px; 527 -webkit-border-top-right-radius: 3px; 528 } 529 ul li.loading a { 530 background-image: url( ../images/ajax-loader.gif ); 531 background-position: 92% 50%; 532 background-repeat: no-repeat; 533 padding-right: 30px !important; 534 } 535 div#item-nav ul li.loading a { 536 background-position: 88% 50%; 537 } 538 539 div.item-list-tabs#object-nav { 540 margin-top: 0; 541 } 542 543 div.item-list-tabs#subnav { 544 background: #fff; 545 margin: -15px -19px 15px -19px; 546 border-bottom: 1px solid #eaeaea; 547 min-height: 35px; 548 overflow: hidden; 549 } 550 551 div.item-list-tabs ul li.feed a { 552 background: url( ../images/rss.png ) center left no-repeat; 553 padding-left: 20px; 554 } 565 566 div.item-list-tabs ul li a { 567 text-decoration: none; 568 } 569 570 div.item-list-tabs ul { 571 width: 100%; 572 } 573 574 div.item-list-tabs ul li { 575 float: left; 576 margin: 5px 0 0 5px; 577 } 578 579 div.item-list-tabs#subnav ul li { 580 margin-top: 0; 581 } 582 583 div.item-list-tabs ul li:first-child { 584 margin-left: 20px; 585 } 586 587 div.item-list-tabs ul li.last { 588 float: right; 589 margin: 7px 20px 0 0; 590 } 591 592 div.item-list-tabs#subnav ul li.last { 593 margin-top: 4px; 594 } 595 596 div.item-list-tabs ul li.last select { 597 max-width: 175px; 598 } 599 600 div.item-list-tabs ul li a, 601 div.item-list-tabs ul li span { 602 display: block; 603 padding: 5px 10px; 604 text-decoration: none; 605 } 606 607 div.item-list-tabs ul li span { 608 color: #aaa; 609 } 610 611 div.item-list-tabs ul li a span { 612 display: inline; 613 padding: 0; 614 color: inherit; 615 } 616 617 div.item-list-tabs ul li.selected a, 618 div.item-list-tabs ul li.current a { 619 background-color: #fff; 620 color: #555; 621 font-weight: bold; 622 -moz-border-radius-topleft: 3px; 623 -webkit-border-top-left-radius: 3px; 624 -moz-border-radius-topright: 3px; 625 -webkit-border-top-right-radius: 3px; 626 } 627 628 ul li.loading a { 629 background-image: url( ../images/ajax-loader.gif ); 630 background-position: 92% 50%; 631 background-repeat: no-repeat; 632 padding-right: 30px !important; 633 } 634 635 div#item-nav ul li.loading a { 636 background-position: 88% 50%; 637 } 638 639 div.item-list-tabs#object-nav { 640 margin-top: 0; 641 } 642 643 div.item-list-tabs#subnav { 644 background: #fff; 645 margin: -15px -19px 15px -19px; 646 border-bottom: 1px solid #eaeaea; 647 min-height: 35px; 648 overflow: hidden; 649 } 650 651 div.item-list-tabs ul li.feed a { 652 background: url( ../images/rss.png ) center left no-repeat; 653 padding-left: 20px; 654 } 655 555 656 556 657 /* > Item Body … … 561 662 } 562 663 563 span.activity, div#message p { 664 span.activity, 665 div#message p { 564 666 display: inline-block; 565 667 font-size: 11px; 566 668 font-weight: normal; 567 background: # FFF9DB;568 border-bottom: 1px solid # FFE8C4;569 border-right: 1px solid # FFE8C4;669 background: #fff9db; 670 border-bottom: 1px solid #ffe8C4; 671 border-right: 1px solid #ffe8C4; 570 672 color: #ffa200; 571 673 padding: 1px 8px; … … 577 679 } 578 680 681 579 682 /* > Directories (Members, Groups, Blogs, Forums) 580 683 -------------------------------------------------------------- */ … … 584 687 margin: -37px 0 0 0; 585 688 } 586 div.dir-search input[type=text] { 587 padding: 4px; 588 font-size: 12px; 589 } 689 690 div.dir-search input[type=text] { 691 padding: 4px; 692 font-size: 12px; 693 } 694 590 695 591 696 /* > Pagination … … 600 705 height: 16px; 601 706 } 602 div.pagination#user-pag, .friends div.pagination, 603 .mygroups div.pagination, .myblogs div.pagination, noscript div.pagination { 604 background: #f8f8f8; 605 border: none; 606 padding: 8px 15px; 607 } 608 609 div.pagination .pag-count { 610 float: left; 611 } 612 613 div.pagination .pagination-links { 614 float: right; 615 } 616 div.pagination .pagination-links span, 617 div.pagination .pagination-links a { 618 font-size: 12px; 619 padding: 0 5px; 620 } 621 div.pagination .pagination-links a:hover { 622 font-weight: bold; 623 } 707 708 div.pagination#user-pag, 709 .friends div.pagination, 710 .mygroups div.pagination, 711 .myblogs div.pagination, 712 noscript div.pagination { 713 background: #f8f8f8; 714 border: none; 715 padding: 8px 15px; 716 } 717 718 div.pagination .pag-count { 719 float: left; 720 } 721 722 div.pagination .pagination-links { 723 float: right; 724 } 725 726 div.pagination .pagination-links span, 727 div.pagination .pagination-links a { 728 font-size: 12px; 729 padding: 0 5px; 730 } 731 732 div.pagination .pagination-links a:hover { 733 font-weight: bold; 734 } 624 735 625 736 div#pag-bottom { … … 627 738 } 628 739 740 629 741 /* > Error / Success Messages 630 742 -------------------------------------------------------------- */ … … 633 745 margin: 15px 0; 634 746 } 635 div#message.updated { clear: both; } 747 748 div#message.updated { 749 clear: both; 750 } 636 751 637 752 div#message p { … … 640 755 display:block; 641 756 } 642 div#message.error p { 643 background: #e41717; 644 color: #fff; 645 border-color: #a71a1a; 646 clear: left; 647 } 648 649 div#message.updated p { 650 background: #dffcd9; 651 color: #1a9b00; 652 border-color: #c4e9bd; 653 } 757 758 div#message.error p { 759 background: #e41717; 760 color: #fff; 761 border-color: #a71a1a; 762 clear: left; 763 } 764 765 div#message.updated p { 766 background: #dffcd9; 767 color: #1a9b00; 768 border-color: #c4e9bd; 769 } 654 770 655 771 form.standard-form#signup_form div div.error { … … 664 780 } 665 781 782 666 783 /* > Buttons 667 784 -------------------------------------------------------------- */ 668 785 669 a.button, input[type=submit], input[type=button], input[type=reset], 670 ul.button-nav li a, div.generic-button a { 786 a.button, 787 input[type=submit], 788 input[type=button], 789 input[type=reset], 790 ul.button-nav li a, 791 div.generic-button a { 671 792 background: url( ../images/white-grad.png ) top left repeat-x; 672 793 border: 1px solid #ddd; … … 682 803 cursor: pointer; 683 804 } 684 a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, 685 ul.button-nav li a:hover, ul.button-nav li.current a, 686 div.generic-button a:hover { 687 border-color: #aaa; 688 color: #555; 689 outline: none; 690 } 691 692 /* Buttons that are disabled */ 693 div.pending a, a.disabled { 694 border-color: #eee; 695 color: #bbb; 696 cursor: default; 697 } 698 div.pending a:hover, a.disabled:hover { border-color: #eee; color: #bbb; } 699 700 div.accept, div.reject { 701 float: left; 702 margin-left: 10px; 703 } 805 806 a.button:hover, 807 a.button:focus, 808 input[type=submit]:hover, 809 input[type=button]:hover, 810 input[type=reset]:hover, 811 ul.button-nav li a:hover, 812 ul.button-nav li.current a, 813 div.generic-button a:hover { 814 border-color: #aaa; 815 color: #555; 816 outline: none; 817 } 818 819 /* Buttons that are disabled */ 820 div.pending a, a.disabled { 821 border-color: #eee; 822 color: #bbb; 823 cursor: default; 824 } 825 826 div.pending a:hover, 827 a.disabled:hover { 828 border-color: #eee; 829 color: #bbb; 830 } 831 832 div.accept, 833 div.reject { 834 float: left; 835 margin-left: 10px; 836 } 704 837 705 838 ul.button-nav li { … … 707 840 margin: 0 10px 10px 0; 708 841 } 709 ul.button-nav li.current a { 710 font-weight: bold; 711 } 842 843 ul.button-nav li.current a { 844 font-weight: bold; 845 } 712 846 713 847 /* > AJAX Loaders 714 848 -------------------------------------------------------------- */ 715 716 849 .ajax-loader { 717 850 background: url( ../images/ajax-loader.gif ) center left no-repeat !important; … … 727 860 } 728 861 862 729 863 /* > Input Forms 730 864 -------------------------------------------------------------- */ 731 865 732 form.standard-form { 733 734 } 735 form.standard-form textarea, form.standard-form input[type=text], 736 form.standard-form select, form.standard-form input[type=password], 737 .dir-search input[type=text] { 738 border: 1px inset #ccc; 739 -moz-border-radius: 3px; 740 -webkit-border-radius: 3px; 741 border-radius: 3px; 742 padding: 6px; 743 font: inherit; 744 font-size: 14px; 745 color: #888; 746 } 747 form.standard-form select { 748 padding: 3px; 749 } 750 751 form.standard-form input[type=password] { 752 margin-bottom: 5px; 753 } 754 755 form.standard-form label, form.standard-form span.label { 756 display: block; 757 font-weight: bold; 758 margin: 15px 0 5px 0; 759 } 760 form.standard-form div.checkbox label, 761 form.standard-form div.radio label { 762 font-weight: normal; 763 margin: 5px 0 0 0; 764 font-size: 14px; 765 color: #888; 766 } 767 768 form.standard-form#sidebar-login-form label { 769 margin-top: 5px; 770 } 771 772 form.standard-form input[type=text] { 773 width: 75%; 774 } 775 form.standard-form#sidebar-login-form input[type=text], 776 form.standard-form#sidebar-login-form input[type=password] { 777 padding: 4px; 778 width: 95%; 779 } 780 781 form.standard-form #basic-details-section input[type=password], 782 form.standard-form #blog-details-section input#signup_blog_url { 783 width: 35%; 784 } 785 786 form.standard-form#signup_form input[type=text], 787 form.standard-form#signup_form textarea { 788 width: 90%; 789 } 790 form.standard-form#signup_form div.submit { float: right; } 791 div#signup-avatar img { margin: 0 15px 10px 0; } 792 793 form.standard-form textarea { 794 width: 75%; 795 height: 120px; 796 } 797 form.standard-form textarea#message_content { 798 height: 200px; 799 } 800 801 form.standard-form#send-reply textarea { 802 width: 97.5%; 803 } 804 805 form.standard-form p.description { 806 font-size: 11px; 807 color: #888; 808 margin: 5px 0; 809 } 810 811 form.standard-form div.submit { 812 padding: 15px 0; 813 clear: both; 814 } 815 form.standard-form div.submit input { 816 margin-right: 15px; 817 } 818 819 form.standard-form div.radio ul { 820 margin: 10px 0 15px 38px; 821 list-style: disc; 822 } 823 form.standard-form div.radio ul li { 824 margin-bottom: 5px; 825 } 826 827 form.standard-form a.clear-value { 828 display: block; 829 margin-top: 5px; 830 outline: none; 831 } 832 833 form.standard-form #basic-details-section, form.standard-form #blog-details-section, 866 form.standard-form textarea, 867 form.standard-form input[type=text], 868 form.standard-form select, 869 form.standard-form input[type=password], 870 .dir-search input[type=text] { 871 border: 1px inset #ccc; 872 -moz-border-radius: 3px; 873 -webkit-border-radius: 3px; 874 border-radius: 3px; 875 padding: 6px; 876 font: inherit; 877 font-size: 14px; 878 color: #888; 879 } 880 881 form.standard-form select { 882 padding: 3px; 883 } 884 885 form.standard-form input[type=password] { 886 margin-bottom: 5px; 887 } 888 889 form.standard-form label, 890 form.standard-form span.label { 891 display: block; 892 font-weight: bold; 893 margin: 15px 0 5px 0; 894 } 895 896 form.standard-form div.checkbox label, 897 form.standard-form div.radio label { 898 font-weight: normal; 899 margin: 5px 0 0 0; 900 font-size: 14px; 901 color: #888; 902 } 903 904 form.standard-form#sidebar-login-form label { 905 margin-top: 5px; 906 } 907 908 form.standard-form input[type=text] { 909 width: 75%; 910 } 911 912 form.standard-form#sidebar-login-form input[type=text], 913 form.standard-form#sidebar-login-form input[type=password] { 914 padding: 4px; 915 width: 95%; 916 } 917 918 form.standard-form #basic-details-section input[type=password], 919 form.standard-form #blog-details-section input#signup_blog_url { 920 width: 35%; 921 } 922 923 form.standard-form#signup_form input[type=text], 924 form.standard-form#signup_form textarea { 925 width: 90%; 926 } 927 928 form.standard-form#signup_form div.submit { 929 float: right; 930 } 931 932 div#signup-avatar img { 933 margin: 0 15px 10px 0; 934 } 935 936 form.standard-form textarea { 937 width: 75%; 938 height: 120px; 939 } 940 941 form.standard-form textarea#message_content { 942 height: 200px; 943 } 944 945 form.standard-form#send-reply textarea { 946 width: 97.5%; 947 } 948 949 form.standard-form p.description { 950 font-size: 11px; 951 color: #888; 952 margin: 5px 0; 953 } 954 955 form.standard-form div.submit { 956 padding: 15px 0; 957 clear: both; 958 } 959 960 form.standard-form div.submit input { 961 margin-right: 15px; 962 } 963 964 form.standard-form div.radio ul { 965 margin: 10px 0 15px 38px; 966 list-style: disc; 967 } 968 969 form.standard-form div.radio ul li { 970 margin-bottom: 5px; 971 } 972 973 form.standard-form a.clear-value { 974 display: block; 975 margin-top: 5px; 976 outline: none; 977 } 978 979 form.standard-form #basic-details-section, 980 form.standard-form #blog-details-section, 834 981 form.standard-form #profile-details-section { 835 982 float: left; 836 983 width: 48%; 837 984 } 838 form.standard-form #profile-details-section { float: right; } 839 form.standard-form #blog-details-section { 840 clear: left; 841 } 842 843 form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus { 985 986 form.standard-form #profile-details-section { 987 float: right; 988 } 989 990 form.standard-form #blog-details-section { 991 clear: left; 992 } 993 994 form.standard-form input:focus, 995 form.standard-form textarea:focus, 996 form.standard-form select:focus { 844 997 background: #fafafa; 845 998 color: #555; … … 849 1002 margin-top: 20px; 850 1003 } 851 div#invite-list { 852 height: 400px; 853 overflow: scroll; 854 -moz-border-radius: 3px; 855 -webkit-border-radius: 3px; 856 border-radius: 3px; 857 padding: 5px; 858 background: #f5f5f5; 859 width: 160px; 860 border: 1px solid #e4e4e4; 861 margin: 10px 0; 862 } 1004 1005 div#invite-list { 1006 height: 400px; 1007 overflow: scroll; 1008 -moz-border-radius: 3px; 1009 -webkit-border-radius: 3px; 1010 border-radius: 3px; 1011 padding: 5px; 1012 background: #f5f5f5; 1013 width: 160px; 1014 border: 1px solid #e4e4e4; 1015 margin: 10px 0; 1016 } 863 1017 864 1018 … … 869 1023 width: 100%; 870 1024 } 871 table thead tr { 872 background: #eaeaea; 873 } 874 875 table#message-threads { 876 margin: 0 -20px; 877 width: auto; 878 } 879 880 table.profile-fields { margin-bottom: 20px; } 881 882 div#sidebar table { 883 margin: 0 -16px; 884 width: 117%; 885 } 886 887 table tr td, table tr th { 888 padding: 8px; 889 vertical-align: middle; 890 } 891 table tr td.label { 892 border-right: 1px solid #eaeaea; 893 font-weight: bold; 894 width: 25%; 895 } 896 897 table tr td.thread-info p { margin: 0; } 898 899 table tr td.thread-info p.thread-excerpt { 900 color: #888; 901 font-size: 11px; 902 margin-top: 3px; 903 } 904 905 div#sidebar table td, table.forum td { text-align: center; } 906 907 table tr.alt { 908 background: #f4f4f4; 909 } 1025 1026 table thead tr { 1027 background: #eaeaea; 1028 } 1029 1030 table#message-threads { 1031 margin: 0 -20px; 1032 width: auto; 1033 } 1034 1035 table.profile-fields { 1036 margin-bottom: 20px; 1037 } 1038 1039 div#sidebar table { 1040 margin: 0 -16px; 1041 width: 117%; 1042 } 1043 1044 table tr td, table tr th { 1045 padding: 8px; 1046 vertical-align: middle; 1047 } 1048 1049 table tr td.label { 1050 border-right: 1px solid #eaeaea; 1051 font-weight: bold; 1052 width: 25%; 1053 } 1054 1055 table tr td.thread-info p { 1056 margin: 0; 1057 } 1058 1059 table tr td.thread-info p.thread-excerpt { 1060 color: #888; 1061 font-size: 11px; 1062 margin-top: 3px; 1063 } 1064 1065 div#sidebar table td, 1066 table.forum td { 1067 text-align: center; 1068 } 1069 1070 table tr.alt { 1071 background: #f4f4f4; 1072 } 910 1073 911 1074 table.notification-settings { … … 913 1076 text-align: left; 914 1077 } 915 table.notification-settings th.icon, table.notification-settings td:first-child { display: none; } 916 table.notification-settings th.title { width: 80%; } 917 table.notification-settings .yes, table.notification-settings .no { width: 40px; text-align: center; } 1078 1079 table.notification-settings th.icon, 1080 table.notification-settings td:first-child { 1081 display: none; 1082 } 1083 1084 table.notification-settings th.title { 1085 width: 80%; 1086 } 1087 1088 table.notification-settings .yes, 1089 table.notification-settings .no { 1090 width: 40px; 1091 text-align: center; 1092 } 918 1093 919 1094 table.forum { … … 921 1096 width: auto; 922 1097 } 923 table.forum tr.sticky td { 924 background: #FFF9DB; 925 border-top: 1px solid #FFE8C4; 926 border-bottom: 1px solid #FFE8C4; 927 } 928 929 table.forum tr.closed td.td-title { 930 padding-left: 35px; 931 background-image: url( ../images/closed.png ); 932 background-position: 15px 50%; 933 background-repeat: no-repeat; 934 } 935 936 table.forum td p.topic-text { 937 color: #888; 938 font-size: 11px; 939 } 940 941 table.forum tr > td:first-child, table.forum tr > th:first-child { 942 padding-left: 15px; 943 } 944 945 table.forum tr > td:last-child, table.forum tr > th:last-child { 946 padding-right: 15px; 947 } 948 949 table.forum tr th#th-title, table.forum tr th#th-poster, 950 table.forum tr th#th-group, table.forum td.td-poster, 951 table.forum td.td-group, table.forum td.td-title { text-align: left; } 952 953 table.forum td.td-freshness { 954 font-size: 11px; 955 color: #888; 956 } 957 958 table.forum td img.avatar { 959 margin-right: 5px; 960 } 961 962 table.forum td.td-poster, table.forum td.td-group { 963 min-width: 130px; 964 } 965 966 table.forum th#th-title { 967 width: 40%; 968 } 969 970 table.forum th#th-postcount { 971 width: 1%; 972 } 1098 1099 table.forum tr.sticky td { 1100 background: #fff9db; 1101 border-top: 1px solid #ffe8C4; 1102 border-bottom: 1px solid #ffe8c4; 1103 } 1104 1105 table.forum tr.closed td.td-title { 1106 padding-left: 35px; 1107 background-image: url( ../images/closed.png ); 1108 background-position: 15px 50%; 1109 background-repeat: no-repeat; 1110 } 1111 1112 table.forum td p.topic-text { 1113 color: #888; 1114 font-size: 11px; 1115 } 1116 1117 table.forum tr > td:first-child, 1118 table.forum tr > th:first-child { 1119 padding-left: 15px; 1120 } 1121 1122 table.forum tr > td:last-child, 1123 table.forum tr > th:last-child { 1124 padding-right: 15px; 1125 } 1126 1127 table.forum tr th#th-title, 1128 table.forum tr th#th-poster, 1129 table.forum tr th#th-group, 1130 table.forum td.td-poster, 1131 table.forum td.td-group, 1132 table.forum td.td-title { 1133 text-align: left; 1134 } 1135 1136 table.forum td.td-freshness { 1137 font-size: 11px; 1138 color: #888; 1139 } 1140 1141 table.forum td img.avatar { 1142 margin-right: 5px; 1143 } 1144 1145 table.forum td.td-poster, table.forum td.td-group { 1146 min-width: 130px; 1147 } 1148 1149 table.forum th#th-title { 1150 width: 40%; 1151 } 1152 1153 table.forum th#th-postcount { 1154 width: 1%; 1155 } 1156 973 1157 974 1158 /* > Activity Stream Posting … … 981 1165 padding-bottom: 20px; 982 1166 } 983 #item-body form#whats-new-form { 984 margin-top: 20px; 985 border: none; 986 } 987 988 .home-page form#whats-new-form { 989 border-bottom: none; 990 padding-bottom: 0; 991 } 992 993 form#whats-new-form h5 { 994 margin: 0; 995 font-weight: normal; 996 font-size: 12px; 997 color: #888; 998 margin-left: 76px; 999 padding: 0 0 3px 0; 1000 } 1001 1002 form#whats-new-form #whats-new-avatar { 1003 float: left; 1004 } 1005 1006 form#whats-new-form #whats-new-content { 1007 margin-left: 54px; 1008 padding-left: 22px; 1009 } 1010 1011 form#whats-new-form #whats-new-textarea { 1012 padding: 8px; 1013 border: 1px inset #ccc; 1014 background: #fff; 1015 margin-bottom: 10px; 1016 -moz-border-radius: 3px; 1017 -webkit-border-radius: 3px; 1018 border-radius: 3px; 1019 } 1020 form#whats-new-form textarea { 1021 width: 100%; 1022 height: 50px; 1023 font-size: 14px; 1024 font-family: inherit; 1025 color: #555; 1026 border: none; 1027 margin: 0; 1028 padding: 0; 1029 } 1030 1031 form#whats-new-form #whats-new-options select { 1032 max-width: 200px; 1033 } 1034 1035 form#whats-new-form #whats-new-submit { 1036 float: right; 1037 margin: 0; 1038 } 1167 1168 #item-body form#whats-new-form { 1169 margin-top: 20px; 1170 border: none; 1171 } 1172 1173 .home-page form#whats-new-form { 1174 border-bottom: none; 1175 padding-bottom: 0; 1176 } 1177 1178 form#whats-new-form h5 { 1179 margin: 0; 1180 font-weight: normal; 1181 font-size: 12px; 1182 color: #888; 1183 margin-left: 76px; 1184 padding: 0 0 3px 0; 1185 } 1186 1187 form#whats-new-form #whats-new-avatar { 1188 float: left; 1189 } 1190 1191 form#whats-new-form #whats-new-content { 1192 margin-left: 54px; 1193 padding-left: 22px; 1194 } 1195 1196 form#whats-new-form #whats-new-textarea { 1197 padding: 8px; 1198 border: 1px inset #ccc; 1199 background: #fff; 1200 margin-bottom: 10px; 1201 -moz-border-radius: 3px; 1202 -webkit-border-radius: 3px; 1203 border-radius: 3px; 1204 } 1205 1206 form#whats-new-form textarea { 1207 width: 100%; 1208 height: 50px; 1209 font-size: 14px; 1210 font-family: inherit; 1211 color: #555; 1212 border: none; 1213 margin: 0; 1214 padding: 0; 1215 } 1216 1217 form#whats-new-form #whats-new-options select { 1218 max-width: 200px; 1219 } 1220 1221 form#whats-new-form #whats-new-submit { 1222 float: right; 1223 margin: 0; 1224 } 1225 1039 1226 1040 1227 /* > Activity Stream Listing … … 1045 1232 overflow: hidden; 1046 1233 } 1047 ul.activity-list > li:first-child { 1048 padding-top: 5px; 1049 } 1050 1051 ul.activity-list li.has-comments { 1052 padding-bottom: 20px; 1053 } 1234 1235 ul.activity-list > li:first-child { 1236 padding-top: 5px; 1237 } 1238 1239 ul.activity-list li.has-comments { 1240 padding-bottom: 20px; 1241 } 1054 1242 1055 1243 .activity-list li.mini { … … 1059 1247 padding: 12px 0 0 0; 1060 1248 } 1061 .activity-list li.mini div.activity-meta { 1062 margin: 0; 1063 } 1064 1065 .activity-list li.mini div.activity-meta a { 1066 padding: 3px 8px; 1067 } 1068 1069 .activity-list li.mini .activity-avatar img.avatar, 1070 .activity-list li.mini .activity-avatar img.FB_profile_pic { 1071 width: 20px; 1072 height: 20px; 1073 margin-left: 36px; 1074 } 1075 .activity-list li.activity_comment .activity-avatar img.avatar, 1076 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { 1077 width: 40px; 1078 height: 40px; 1079 margin-left: 20px; 1080 } 1081 1082 body.activity-permalink .activity-list li .activity-avatar img.avatar, 1083 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { 1084 width: 100px; 1085 height: 100px; 1086 margin-left: 0; 1087 } 1088 1089 .activity-list li.mini .activity-content { 1090 margin-right: 175px; 1091 } 1092 1093 .activity-list li.mini .activity-content p { 1094 margin: 0; 1095 float: left; 1096 } 1097 1098 .activity-list li.mini .activity-meta { 1099 position: absolute; 1100 right: 0; 1101 } 1102 body.activity-permalink .activity-list li.mini .activity-meta { 1103 position: absolute; 1104 right: 15px; 1105 } 1106 1107 .activity-list li.mini .activity-comments { 1108 clear: left; 1109 font-size: 12px; 1110 margin-top: 30px; 1111 } 1249 1250 .activity-list li.mini div.activity-meta { 1251 margin: 0; 1252 } 1253 1254 .activity-list li.mini div.activity-meta a { 1255 padding: 3px 8px; 1256 } 1257 1258 .activity-list li.mini .activity-avatar img.avatar, 1259 .activity-list li.mini .activity-avatar img.FB_profile_pic { 1260 width: 20px; 1261 height: 20px; 1262 margin-left: 36px; 1263 } 1264 1265 .activity-list li.activity_comment .activity-avatar img.avatar, 1266 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { 1267 width: 40px; 1268 height: 40px; 1269 margin-left: 20px; 1270 } 1271 1272 body.activity-permalink .activity-list li .activity-avatar img.avatar, 1273 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { 1274 width: 100px; 1275 height: 100px; 1276 margin-left: 0; 1277 } 1278 1279 .activity-list li.mini .activity-content { 1280 margin-right: 175px; 1281 } 1282 1283 .activity-list li.mini .activity-content p { 1284 margin: 0; 1285 float: left; 1286 } 1287 1288 .activity-list li.mini .activity-meta { 1289 position: absolute; 1290 right: 0; 1291 } 1292 1293 body.activity-permalink .activity-list li.mini .activity-meta { 1294 position: absolute; 1295 right: 15px; 1296 } 1297 1298 .activity-list li.mini .activity-comments { 1299 clear: left; 1300 font-size: 12px; 1301 margin-top: 30px; 1302 } 1112 1303 1113 1304 .activity-list li .activity-inreplyto { … … 1119 1310 background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat; 1120 1311 } 1121 .activity-list li .activity-inreplyto > p { 1122 margin: 0; 1123 display: inline; 1124 } 1125 1126 .activity-list li .activity-inreplyto blockquote, 1127 .activity-list li .activity-inreplyto div.activity-inner { 1128 background: none; 1129 border: none; 1130 display: inline; 1131 padding: 0; 1132 margin: 0; 1133 overflow: hidden; 1134 } 1312 1313 .activity-list li .activity-inreplyto > p { 1314 margin: 0; 1315 display: inline; 1316 } 1317 1318 .activity-list li .activity-inreplyto blockquote, 1319 .activity-list li .activity-inreplyto div.activity-inner { 1320 background: none; 1321 border: none; 1322 display: inline; 1323 padding: 0; 1324 margin: 0; 1325 overflow: hidden; 1326 } 1135 1327 1136 1328 .activity-list .activity-avatar img { … … 1138 1330 height: 50px; 1139 1331 } 1140 body.activity-permalink .activity-list .activity-avatar img { 1141 width: 100px; 1142 height: 100px; 1143 } 1332 1333 body.activity-permalink .activity-list .activity-avatar img { 1334 width: 100px; 1335 height: 100px; 1336 } 1144 1337 1145 1338 .activity-list .activity-content { 1146 1339 margin-left: 70px; 1147 1340 } 1148 body.activity-permalink .activity-list li .activity-content { 1149 -moz-border-radius: 4px; 1150 -webkit-border-radius: 4px; 1151 border-radius: 4px; 1152 background: #fff; 1153 padding: 15px; 1154 border-bottom: 1px solid #ddd; 1155 border-right: 1px solid #ddd; 1156 margin-left: 135px; 1157 font-size: 16px; 1158 line-height: 150%; 1159 min-height: 35px; 1160 margin-right: 0; 1161 } 1162 body.activity-permalink .activity-list li .activity-header > p { 1163 background: url( ../images/activity_arrow.gif ) top left no-repeat; 1164 margin-left: -35px; 1165 padding: 5px 0 0 38px; 1166 height: 35px; 1167 margin-bottom: 0; 1168 } 1169 1170 .activity-list .activity-content .activity-header, 1171 .activity-list .activity-content .comment-header { 1172 font-size: 11px; 1173 color: #888; 1174 line-height: 220%; 1175 } 1176 1177 .activity-list .activity-content .activity-header img.avatar { 1178 float: none !important; 1179 margin: 0 5px -8px 0 !important; 1180 } 1181 1182 .activity-list .activity-header a:first-child, span.highlight { 1183 background: #EBF7FF; 1184 border-bottom: 1px solid #a1dcfa; 1185 border-right: 1px solid #a1dcfa; 1186 color: #059AE7; 1187 padding: 3px 8px; 1188 text-decoration: none; 1189 -moz-border-radius: 4px; 1190 -webkit-border-radius: 4px; 1191 border-radius: 4px; 1192 margin-right: 3px; 1193 } 1194 .activity-list .activity-header a:first-child:hover { 1195 background: #059AE7 !important; 1196 color: #fff !important; 1197 } 1198 .activity-list .activity-content a:first-child:focus { outline: none; } 1199 1200 .activity-list .activity-content span.time-since { 1201 color: #bbb; 1202 } 1203 1204 .activity-list .activity-content span.activity-header-meta a { 1205 background: none; 1206 padding: 0; 1207 font-size: 11px; 1208 margin: 0; 1209 border: none; 1210 color: #aaa; 1211 text-decoration: underline; 1212 } 1213 .activity-list .activity-content span.activity-header-meta a:hover { 1214 color: inherit; 1215 text-decoration: none; 1216 } 1217 1218 .activity-list .activity-content .activity-inner, 1219 .activity-list .activity-content blockquote { 1220 margin: 15px 0 15px 5px; 1221 overflow: hidden; 1222 } 1223 body.activity-permalink .activity-content .activity-inner, 1224 body.activity-permalink .activity-content blockquote { 1225 margin-top: 5px; 1226 } 1227 1228 /* Backwards compatibility. */ 1229 .activity-inner > .activity-inner { margin: 0 !important; } 1230 .activity-inner > blockquote { margin: 0 !important; } 1231 1232 .activity-list .activity-content img.thumbnail { 1233 float: left; 1234 margin: 0 10px 5px 0; 1235 border: 2px solid #eee; 1236 } 1341 1342 body.activity-permalink .activity-list li .activity-content { 1343 -moz-border-radius: 4px; 1344 -webkit-border-radius: 4px; 1345 border-radius: 4px; 1346 background: #fff; 1347 padding: 15px; 1348 border-bottom: 1px solid #ddd; 1349 border-right: 1px solid #ddd; 1350 margin-left: 135px; 1351 font-size: 16px; 1352 line-height: 150%; 1353 min-height: 35px; 1354 margin-right: 0; 1355 } 1356 1357 body.activity-permalink .activity-list li .activity-header > p { 1358 background: url( ../images/activity_arrow.gif ) top left no-repeat; 1359 margin-left: -35px; 1360 padding: 5px 0 0 38px; 1361 height: 35px; 1362 margin-bottom: 0; 1363 } 1364 1365 .activity-list .activity-content .activity-header, 1366 .activity-list .activity-content .comment-header { 1367 font-size: 11px; 1368 color: #888; 1369 line-height: 220%; 1370 } 1371 1372 .activity-list .activity-content .activity-header img.avatar { 1373 float: none !important; 1374 margin: 0 5px -8px 0 !important; 1375 } 1376 1377 .activity-list .activity-header a:first-child, 1378 span.highlight { 1379 background: #ebf7ff; 1380 border-bottom: 1px solid #a1dcfa; 1381 border-right: 1px solid #a1dcfa; 1382 color: #059ae7; 1383 padding: 3px 8px; 1384 text-decoration: none; 1385 -moz-border-radius: 4px; 1386 -webkit-border-radius: 4px; 1387 border-radius: 4px; 1388 margin-right: 3px; 1389 } 1390 1391 .activity-list .activity-header a:first-child:hover { 1392 background: #059ae7 !important; 1393 color: #fff !important; 1394 } 1395 1396 .activity-list .activity-content a:first-child:focus { 1397 outline: none; 1398 } 1399 1400 .activity-list .activity-content span.time-since { 1401 color: #bbb; 1402 } 1403 1404 .activity-list .activity-content span.activity-header-meta a { 1405 background: none; 1406 padding: 0; 1407 font-size: 11px; 1408 margin: 0; 1409 border: none; 1410 color: #aaa; 1411 text-decoration: underline; 1412 } 1413 1414 .activity-list .activity-content span.activity-header-meta a:hover { 1415 color: inherit; 1416 text-decoration: none; 1417 } 1418 1419 .activity-list .activity-content .activity-inner, 1420 .activity-list .activity-content blockquote { 1421 margin: 15px 0 15px 5px; 1422 overflow: hidden; 1423 } 1424 1425 body.activity-permalink .activity-content .activity-inner, 1426 body.activity-permalink .activity-content blockquote { 1427 margin-top: 5px; 1428 } 1429 1430 /* Backwards compatibility. */ 1431 .activity-inner > .activity-inner { 1432 margin: 0 !important; 1433 } 1434 1435 .activity-inner > blockquote { 1436 margin: 0 !important; 1437 } 1438 1439 .activity-list .activity-content img.thumbnail { 1440 float: left; 1441 margin: 0 10px 5px 0; 1442 border: 2px solid #eee; 1443 } 1237 1444 1238 1445 .activity-list li.load-more { … … 1248 1455 border-radius: 4px; 1249 1456 } 1250 .activity-list li.load-more a { 1251 color: #555; 1252 } 1457 1458 .activity-list li.load-more a { 1459 color: #555; 1460 } 1461 1253 1462 1254 1463 /* > Activity Stream Comments … … 1273 1482 margin-right: 3px; 1274 1483 } 1275 .activity-list div.activity-meta a.acomment-reply { 1276 background: #FFF9DB; 1277 border-bottom: 1px solid #FFE8C4; 1278 border-right: 1px solid #FFE8C4; 1279 color: #ffa200; 1280 } 1281 1282 div.activity-meta a:focus { outline: none; } 1283 div.activity-meta a:hover { 1284 background: #aaa; 1285 color: #fff; 1286 border-color: #aaa; 1287 } 1288 div.activity-meta a.acomment-reply:hover { 1289 background: #f7740a; 1290 color: #fff; 1291 border-color: #f7740a; 1292 } 1484 1485 .activity-list div.activity-meta a.acomment-reply { 1486 background: #fff9db; 1487 border-bottom: 1px solid #ffe8c4; 1488 border-right: 1px solid #ffe8c4; 1489 color: #ffa200; 1490 } 1491 1492 div.activity-meta a:focus { 1493 outline: none; 1494 } 1495 1496 div.activity-meta a:hover { 1497 background: #aaa; 1498 color: #fff; 1499 border-color: #aaa; 1500 } 1501 1502 div.activity-meta a.acomment-reply:hover { 1503 background: #f7740a; 1504 color: #fff; 1505 border-color: #f7740a; 1506 } 1293 1507 1294 1508 div.activity-comments { … … 1299 1513 } 1300 1514 1301 1302 1303 1304 1305 1515 body.activity-permalink div.activity-comments { 1516 width: auto; 1517 margin-left: 135px; 1518 background: none; 1519 } 1306 1520 1307 1521 div.activity-comments > ul { … … 1311 1525 padding: 0 10px 0; 1312 1526 } 1527 1313 1528 div.activity-comments ul, div.activity-comments ul li { 1314 1529 border: none; … … 1316 1531 } 1317 1532 1318 div.activity-comments ul { 1319 clear: left; 1320 } 1321 1322 div.activity-comments ul li { 1323 border-top: 2px solid #fff; 1324 padding: 10px 0 0; 1325 } 1326 body.activity-permalink div.activity-comments ul li { 1327 border-width: 1px; 1328 padding: 10px 0 0; 1329 } 1330 1331 div.activity-comments ul li p:last-child { 1332 margin-bottom: 10px; 1333 } 1334 1335 div.activity-comments > ul > li:first-child { 1336 border-top: none; 1337 } 1338 1339 div.activity-comments ul li:last-child { 1340 margin-bottom: 0; 1341 } 1342 1343 div.activity-comments ul li > ul { 1344 margin-top: 0; 1345 margin-left: 20px; 1346 } 1347 body.activity-permalink div.activity-comments ul li > ul { 1348 margin-top: 15px; 1349 } 1350 1351 div.activity-comments div.acomment-avatar img { 1352 border-width: 2px !important; 1353 float: left; 1354 margin-right: 10px; 1355 } 1356 1357 div.activity-comments div.acomment-content { 1358 font-size: 11px; 1359 margin-left: 39px; 1360 margin-top: 5px; 1361 } 1362 div.acomment-content .time-since { display: none; } 1363 div.acomment-content .activity-delete-link { display: none; } 1364 div.acomment-content .comment-header { display: none; } 1365 1366 body.activity-permalink div.activity-comments div.acomment-content { 1367 font-size: 14px; 1368 } 1369 1370 div.activity-comments div.acomment-meta { 1371 font-size: 11px; 1372 color: #888; 1373 } 1374 1375 div.activity-comments form.ac-form { 1376 display: none; 1377 margin: 10px 0 10px 33px; 1378 background: #fafafa; 1379 border: 1px solid #ddd; 1380 -moz-border-radius: 4px; 1381 -webkit-border-radius: 4px; 1382 border-radius: 4px; 1383 padding: 8px; 1384 } 1385 div.activity-comments li form.ac-form { 1386 margin-right: 15px; 1387 } 1388 1389 div.activity-comments form.root { 1390 margin-left: 0; 1391 } 1392 1393 div.activity-comments div#message { 1394 margin-top: 15px; 1395 margin-bottom: 0; 1396 } 1397 1398 div.activity-comments form.loading { 1399 background-image: url( ../images/ajax-loader.gif ); 1400 background-position: 2% 95%; 1401 background-repeat: no-repeat; 1402 } 1403 1404 div.activity-comments form .ac-textarea { 1405 padding: 8px; 1406 border: 1px inset #ccc; 1407 background: #fff; 1408 margin-bottom: 10px; 1409 -moz-border-radius: 3px; 1410 -webkit-border-radius: 3px; 1411 border-radius: 3px; 1412 } 1413 div.activity-comments form textarea { 1414 width: 100%; 1415 font-family: inherit; 1416 font-size: 11px; 1417 color: #555; 1418 height: 60px; 1419 border: none; 1420 padding: 0; 1421 } 1422 div.activity-comments form input { 1423 margin-top: 5px; 1424 } 1425 1426 div.activity-comments form div.ac-reply-avatar { 1427 float: left; 1428 } 1429 div.ac-reply-avatar img { 1430 border: 2px solid #fff !important; 1431 } 1432 1433 div.activity-comments form div.ac-reply-content { 1434 margin-left: 50px; 1435 padding-left: 15px; 1436 color: #888; 1437 font-size: 11px; 1438 } 1533 div.activity-comments ul { 1534 clear: left; 1535 } 1536 1537 div.activity-comments ul li { 1538 border-top: 2px solid #fff; 1539 padding: 10px 0 0; 1540 } 1541 1542 body.activity-permalink div.activity-comments ul li { 1543 border-width: 1px; 1544 padding: 10px 0 0; 1545 } 1546 1547 div.activity-comments ul li p:last-child { 1548 margin-bottom: 10px; 1549 } 1550 1551 div.activity-comments > ul > li:first-child { 1552 border-top: none; 1553 } 1554 1555 div.activity-comments ul li:last-child { 1556 margin-bottom: 0; 1557 } 1558 1559 div.activity-comments ul li > ul { 1560 margin-top: 0; 1561 margin-left: 20px; 1562 } 1563 1564 body.activity-permalink div.activity-comments ul li > ul { 1565 margin-top: 15px; 1566 } 1567 1568 div.activity-comments div.acomment-avatar img { 1569 border-width: 2px !important; 1570 float: left; 1571 margin-right: 10px; 1572 } 1573 1574 div.activity-comments div.acomment-content { 1575 font-size: 11px; 1576 margin-left: 39px; 1577 margin-top: 5px; 1578 } 1579 1580 div.acomment-content .time-since { 1581 display: none; 1582 } 1583 1584 div.acomment-content .activity-delete-link { 1585 display: none; 1586 } 1587 1588 div.acomment-content .comment-header { 1589 display: none; 1590 } 1591 1592 body.activity-permalink div.activity-comments div.acomment-content { 1593 font-size: 14px; 1594 } 1595 1596 div.activity-comments div.acomment-meta { 1597 font-size: 11px; 1598 color: #888; 1599 } 1600 1601 div.activity-comments form.ac-form { 1602 display: none; 1603 margin: 10px 0 10px 33px; 1604 background: #fafafa; 1605 border: 1px solid #ddd; 1606 -moz-border-radius: 4px; 1607 -webkit-border-radius: 4px; 1608 border-radius: 4px; 1609 padding: 8px; 1610 } 1611 1612 div.activity-comments li form.ac-form { 1613 margin-right: 15px; 1614 } 1615 1616 div.activity-comments form.root { 1617 margin-left: 0; 1618 } 1619 1620 div.activity-comments div#message { 1621 margin-top: 15px; 1622 margin-bottom: 0; 1623 } 1624 1625 div.activity-comments form.loading { 1626 background-image: url( ../images/ajax-loader.gif ); 1627 background-position: 2% 95%; 1628 background-repeat: no-repeat; 1629 } 1630 1631 div.activity-comments form .ac-textarea { 1632 padding: 8px; 1633 border: 1px inset #ccc; 1634 background: #fff; 1635 margin-bottom: 10px; 1636 -moz-border-radius: 3px; 1637 -webkit-border-radius: 3px; 1638 border-radius: 3px; 1639 } 1640 1641 div.activity-comments form textarea { 1642 width: 100%; 1643 font-family: inherit; 1644 font-size: 11px; 1645 color: #555; 1646 height: 60px; 1647 border: none; 1648 padding: 0; 1649 } 1650 1651 div.activity-comments form input { 1652 margin-top: 5px; 1653 } 1654 1655 div.activity-comments form div.ac-reply-avatar { 1656 float: left; 1657 } 1658 1659 div.ac-reply-avatar img { 1660 border: 2px solid #fff !important; 1661 } 1662 1663 div.activity-comments form div.ac-reply-content { 1664 margin-left: 50px; 1665 padding-left: 15px; 1666 color: #888; 1667 font-size: 11px; 1668 } 1669 1439 1670 1440 1671 /* > Private Message Threads … … 1442 1673 1443 1674 table#message-threads tr.unread td { 1444 background: # FFF9DB;1445 border-top: 1px solid # FFE8C4;1446 border-bottom: 1px solid # FFE8C4;1675 background: #fff9db; 1676 border-top: 1px solid #ffe8c4; 1677 border-bottom: 1px solid #ffe8c4; 1447 1678 font-weight: bold; 1448 1679 } 1449 table#message-threads tr.unread td span.activity { 1450 background: #fff; 1451 } 1452 1453 li span.unread-count, tr.unread span.unread-count { 1454 background: #dd0000; 1455 padding: 2px 8px; 1456 color: #fff; 1457 font-weight: bold; 1458 -moz-border-radius: 3px; 1459 -webkit-border-radius: 3px; 1460 border-radius: 3px; 1461 } 1462 div.item-list-tabs ul li a span.unread-count { 1463 padding: 1px 6px; 1464 color: #fff; 1465 } 1466 1467 div.messages-options-nav { 1468 font-size: 11px; 1469 background: #eee; 1470 text-align: right; 1471 margin: 0 -20px; 1472 padding: 5px 15px; 1473 } 1680 1681 table#message-threads tr.unread td span.activity { 1682 background: #fff; 1683 } 1684 1685 li span.unread-count, 1686 tr.unread span.unread-count { 1687 background: #dd0000; 1688 padding: 2px 8px; 1689 color: #fff; 1690 font-weight: bold; 1691 -moz-border-radius: 3px; 1692 -webkit-border-radius: 3px; 1693 border-radius: 3px; 1694 } 1695 1696 div.item-list-tabs ul li a span.unread-count { 1697 padding: 1px 6px; 1698 color: #fff; 1699 } 1700 1701 div.messages-options-nav { 1702 font-size: 11px; 1703 background: #eee; 1704 text-align: right; 1705 margin: 0 -20px; 1706 padding: 5px 15px; 1707 } 1474 1708 1475 1709 div#message-thread div.message-box { … … 1477 1711 padding: 15px; 1478 1712 } 1479 div#message-thread div.alt { 1480 background: #f4f4f4; 1481 } 1482 1483 div#message-thread p#message-recipients { 1484 margin: 10px 0 20px 0; 1485 } 1486 1487 div#message-thread img.avatar { 1488 float: left; 1489 margin: 0 10px 0 0; 1490 vertical-align: middle; 1491 } 1492 1493 div#message-thread strong { 1494 margin: 0; 1495 font-size: 16px; 1496 } 1497 div#message-thread strong a { 1498 text-decoration: none; 1499 } 1500 1501 div#message-thread strong span.activity { 1502 margin: 4px 0 0 10px; 1503 } 1504 1505 div#message-thread div.message-metadata { 1506 overflow: hidden; 1507 } 1508 1509 div#message-thread div.message-content { 1510 margin-left: 45px; 1511 } 1512 1513 div#message-thread div.message-options { 1514 text-align: right; 1515 } 1713 1714 div#message-thread div.alt { 1715 background: #f4f4f4; 1716 } 1717 1718 div#message-thread p#message-recipients { 1719 margin: 10px 0 20px 0; 1720 } 1721 1722 div#message-thread img.avatar { 1723 float: left; 1724 margin: 0 10px 0 0; 1725 vertical-align: middle; 1726 } 1727 1728 div#message-thread strong { 1729 margin: 0; 1730 font-size: 16px; 1731 } 1732 1733 div#message-thread strong a { 1734 text-decoration: none; 1735 } 1736 1737 div#message-thread strong span.activity { 1738 margin: 4px 0 0 10px; 1739 } 1740 1741 div#message-thread div.message-metadata { 1742 overflow: hidden; 1743 } 1744 1745 div#message-thread div.message-content { 1746 margin-left: 45px; 1747 } 1748 1749 div#message-thread div.message-options { 1750 text-align: right; 1751 } 1752 1516 1753 1517 1754 /* > Group Forum Topics … … 1522 1759 width: auto; 1523 1760 } 1524 ul#topic-post-list li { 1525 padding: 15px; 1526 position: relative; 1527 } 1528 1529 ul#topic-post-list li.alt { 1530 background: #f4f4f4; 1531 } 1532 1533 ul#topic-post-list li div.poster-meta { 1534 margin-bottom: 10px; 1535 color: #888; 1536 } 1537 1538 ul#topic-post-list li div.post-content { 1539 margin-left: 54px; 1540 } 1761 1762 ul#topic-post-list li { 1763 padding: 15px; 1764 position: relative; 1765 } 1766 1767 ul#topic-post-list li.alt { 1768 background: #f4f4f4; 1769 } 1770 1771 ul#topic-post-list li div.poster-meta { 1772 margin-bottom: 10px; 1773 color: #888; 1774 } 1775 1776 ul#topic-post-list li div.post-content { 1777 margin-left: 54px; 1778 } 1541 1779 1542 1780 div.admin-links { … … 1547 1785 font-size: 11px; 1548 1786 } 1549 div#topic-meta div.admin-links { 1550 bottom: 0; 1551 right: 0; 1552 top: auto; 1553 } 1787 1788 div#topic-meta div.admin-links { 1789 bottom: 0; 1790 right: 0; 1791 top: auto; 1792 } 1554 1793 1555 1794 div#topic-meta { … … 1557 1796 padding: 5px 0; 1558 1797 } 1559 div#topic-meta h3 { 1560 font-size: 20px; 1561 } 1798 1799 div#topic-meta h3 { 1800 font-size: 20px; 1801 } 1562 1802 1563 1803 div#new-topic-post { … … 1566 1806 } 1567 1807 1808 1568 1809 /* > WordPress Blog Styles 1569 1810 -------------------------------------------------------------- */ … … 1573 1814 overflow: hidden; 1574 1815 } 1575 div.post h2.pagetitle, div.post h2.posttitle { 1576 margin: 0; 1577 line-height: 120%; 1578 } 1579 div.post h2.pagetitle a, div.post h2.posttitle a { 1580 color: #666; 1581 text-decoration: none; 1582 } 1583 1584 .navigation, .paged-navigation, .comment-navigation { 1585 overflow: hidden; 1586 font-family: georgia, times, serif; 1587 font-style: italic; 1588 font-size: 14px; 1589 padding: 5px 0; 1590 margin: 5px 0 25px 0; 1591 } 1592 .alignright { 1593 float: right; 1594 margin-left: 15px; 1595 } 1596 1597 .alignleft { 1598 float: left; 1599 margin-right: 15px; 1600 } 1601 1602 div.post p { margin: 0 0 20px 0; } 1603 div.post ul, div.post ol, div.post dl { margin: 0 0 18px 1.5em; } 1604 div.post ul { list-style: square; } 1605 div.post ol { list-style: decimal; } 1606 div.post ol ol { list-style: upper-alpha; } 1607 div.post dl { margin-left: 0; } 1608 div.post dt { font-size: 14px; font-weight: bold; } 1609 div.post dd { margin: 0 0 15px 0;} 1610 1611 div.post pre, div.post code p { 1612 padding: 15px; 1613 background: #f4f4f4; 1614 -moz-border-radius: 3px; 1615 -webkit-border-radius: 3px; 1616 border-radius: 3px; 1617 } 1618 1619 div.post code { font-family: "Monaco", courier, sans-serif; } 1620 div.post blockquote { 1621 quotes: none; 1622 font-style:italic; 1623 padding:0 3em; 1624 font-family: georgia, times, serif; 1625 font-size: 16px; 1626 line-height: 150%; 1627 } 1628 1629 div.post table { 1630 border-collapse:collapse; 1631 border-spacing:0; 1632 border: 1px solid #eee; 1633 } 1634 div.post table th { border-top: 1px solid #eee; text-align: left; } 1635 div.post table td { border-top: 1px solid #eee; } 1636 1637 div.post div.author-box, div.comment-avatar-box { 1638 background: #f0f0f0; 1639 padding: 10px; 1640 float: left; 1641 margin: 0 15px 15px 0; 1642 font-family: georgia, times, serif; 1643 font-style: italic; 1644 text-align: center; 1645 width: 70px; 1646 -moz-border-radius: 3px; 1647 -webkit-border-radius: 3px; 1648 border-radius: 3px; 1649 } 1650 div.author-box p, div.comment-avatar-box p { margin: 5px 0 0; } 1651 div.author-box a, div.comment-avatar-box a { text-decoration: none; } 1652 1653 div.post div.author-box img, div.comment-avatar-box img { 1654 float: none; 1655 border: 4px solid #fff; 1656 margin: 0; 1657 } 1658 1659 div.post div.post-content, div.comment-content { 1660 margin-left: 105px; 1661 } 1662 1663 div.post p.date, div.post p.postmetadata, div.comment-meta, div.comment-options { 1664 color: #888; 1665 font-size: 12px; 1666 font-family: Georgia, times, serif; 1667 padding: 3px 0; 1668 margin: 10px 0; 1669 border-bottom: 1px solid #e4e4e4; 1670 border-top: 1px solid #e4e4e4; 1671 } 1672 1673 div.post p.postmetadata { 1674 margin-top: 15px; 1675 clear: left; 1676 overflow: hidden; 1677 } 1678 1679 div.post .tags { float: left; } 1680 div.post .comments { float: right; } 1681 1682 div.post img { margin-bottom: 15px; } 1683 div.post img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; } 1684 1685 div.post img.centered, img.aligncenter { 1686 display: block; 1687 margin-left: auto; 1688 margin-right: auto; 1689 } 1690 1691 div.post img.alignright { 1692 padding: 4px; 1693 margin: 0 0 2px 7px; 1694 display: inline; 1695 } 1696 1697 div.post img.alignleft { 1698 padding: 4px; 1699 margin: 0 7px 2px 0; 1700 display: inline; 1701 } 1702 1703 div.post .aligncenter, div.post div.aligncenter { 1704 display: block; 1705 margin-left: auto; 1706 margin-right: auto; 1707 } 1708 1709 div.post .wp-caption { 1710 border: 1px solid #ddd; 1711 text-align: center; 1712 background-color: #f3f3f3; 1713 padding-top: 4px; 1714 -moz-border-radius: 3px; 1715 -webkit-border-radius: 3px; 1716 border-radius: 3px; 1717 } 1718 1719 div.post .wp-caption img { 1720 margin: 0; 1721 padding: 0; 1722 border: 0 none; 1723 } 1724 1725 div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text { 1726 font-size: 0.9em; 1727 line-height: 17px; 1728 padding: 0 4px 5px 0; 1729 margin: 0; 1730 } 1816 1817 div.post h2.pagetitle, 1818 div.post h2.posttitle { 1819 margin: 0; 1820 line-height: 120%; 1821 } 1822 1823 div.post h2.pagetitle a, 1824 div.post h2.posttitle a { 1825 color: #666; 1826 text-decoration: none; 1827 } 1828 1829 .navigation, 1830 .paged-navigation, 1831 .comment-navigation { 1832 overflow: hidden; 1833 font-family: georgia, times, serif; 1834 font-style: italic; 1835 font-size: 14px; 1836 padding: 5px 0; 1837 margin: 5px 0 25px 0; 1838 } 1839 1840 .alignright { 1841 float: right; 1842 margin-left: 15px; 1843 } 1844 1845 .alignleft { 1846 float: left; 1847 margin-right: 15px; 1848 } 1849 1850 div.post p { 1851 margin: 0 0 20px 0; 1852 } 1853 1854 div.post ul, 1855 div.post ol, 1856 div.post dl { 1857 margin: 0 0 18px 1.5em; 1858 } 1859 1860 div.post ul { 1861 list-style: square; 1862 } 1863 1864 div.post ol { 1865 list-style: decimal; 1866 } 1867 1868 div.post ol ol { 1869 list-style: upper-alpha; 1870 } 1871 1872 div.post dl { 1873 margin-left: 0; 1874 } 1875 1876 div.post dt { 1877 font-size: 14px; 1878 font-weight: bold; 1879 } 1880 1881 div.post dd { 1882 margin: 0 0 15px 0; 1883 } 1884 1885 div.post pre, 1886 div.post code p { 1887 padding: 15px; 1888 background: #f4f4f4; 1889 -moz-border-radius: 3px; 1890 -webkit-border-radius: 3px; 1891 border-radius: 3px; 1892 } 1893 1894 div.post code { 1895 font-family: "Monaco", courier, sans-serif; 1896 } 1897 1898 div.post blockquote { 1899 quotes: none; 1900 font-style:italic; 1901 padding:0 3em; 1902 font-family: georgia, times, serif; 1903 font-size: 16px; 1904 line-height: 150%; 1905 } 1906 1907 div.post table { 1908 border-collapse:collapse; 1909 border-spacing:0; 1910 border: 1px solid #eee; 1911 } 1912 1913 div.post table th { 1914 border-top: 1px solid #eee; 1915 text-align: left; 1916 } 1917 1918 div.post table td { 1919 border-top: 1px solid #eee; 1920 } 1921 1922 div.post div.author-box, 1923 div.comment-avatar-box { 1924 background: #f0f0f0; 1925 padding: 10px; 1926 float: left; 1927 margin: 0 15px 15px 0; 1928 font-family: georgia, times, serif; 1929 font-style: italic; 1930 text-align: center; 1931 width: 70px; 1932 -moz-border-radius: 3px; 1933 -webkit-border-radius: 3px; 1934 border-radius: 3px; 1935 } 1936 1937 div.author-box p, 1938 div.comment-avatar-box p { 1939 margin: 5px 0 0; 1940 } 1941 1942 div.author-box a, 1943 div.comment-avatar-box a { 1944 text-decoration: none; 1945 } 1946 1947 div.post div.author-box img, 1948 div.comment-avatar-box img { 1949 float: none; 1950 border: 4px solid #fff; 1951 margin: 0; 1952 } 1953 1954 div.post div.post-content, 1955 div.comment-content { 1956 margin-left: 105px; 1957 } 1958 1959 div.post p.date, div.post p.postmetadata, 1960 div.comment-meta, div.comment-options { 1961 color: #888; 1962 font-size: 12px; 1963 font-family: Georgia, times, serif; 1964 padding: 3px 0; 1965 margin: 10px 0; 1966 border-bottom: 1px solid #e4e4e4; 1967 border-top: 1px solid #e4e4e4; 1968 } 1969 1970 div.post p.postmetadata { 1971 margin-top: 15px; 1972 clear: left; 1973 overflow: hidden; 1974 } 1975 1976 div.post .tags { 1977 float: left; 1978 } 1979 1980 div.post .comments { 1981 float: right; 1982 } 1983 1984 div.post img { 1985 margin-bottom: 15px; 1986 } 1987 1988 div.post img.wp-smiley { 1989 padding: 0 !important; 1990 margin: 0 !important; 1991 border: none !important; 1992 float: none !important; 1993 clear: none !important; 1994 } 1995 1996 div.post img.centered, img.aligncenter { 1997 display: block; 1998 margin-left: auto; 1999 margin-right: auto; 2000 } 2001 2002 div.post img.alignright { 2003 padding: 4px; 2004 margin: 0 0 2px 7px; 2005 display: inline; 2006 } 2007 2008 div.post img.alignleft { 2009 padding: 4px; 2010 margin: 0 7px 2px 0; 2011 display: inline; 2012 } 2013 2014 div.post .aligncenter, 2015 div.post div.aligncenter { 2016 display: block; 2017 margin-left: auto; 2018 margin-right: auto; 2019 } 2020 2021 div.post .wp-caption { 2022 border: 1px solid #ddd; 2023 text-align: center; 2024 background-color: #f3f3f3; 2025 padding-top: 4px; 2026 -moz-border-radius: 3px; 2027 -webkit-border-radius: 3px; 2028 border-radius: 3px; 2029 } 2030 2031 div.post .wp-caption img { 2032 margin: 0; 2033 padding: 0; 2034 border: 0 none; 2035 } 2036 2037 div.post dd.wp-caption p.wp-caption-text, 2038 div.post .wp-caption p.wp-caption-text { 2039 font-size: 0.9em; 2040 line-height: 17px; 2041 padding: 0 4px 5px 0; 2042 margin: 0; 2043 } 2044 1731 2045 1732 2046 /* > WordPress Blog Comment Styles … … 1737 2051 } 1738 2052 1739 #comments h3, #trackbacks h3, #respond h3 { 2053 #comments h3, 2054 #trackbacks h3, 2055 #respond h3 { 1740 2056 font-size: 20px; 1741 2057 margin: 5px 0 25px 0; … … 1744 2060 } 1745 2061 1746 #comments span.title, #trackbacks span.title { 2062 #comments span.title, 2063 #trackbacks span.title { 1747 2064 color: #aaa; 1748 2065 } … … 1752 2069 } 1753 2070 1754 div.comment-meta { 1755 border-top: none; 1756 padding-top: 0; 1757 } 1758 1759 div.comment-meta h5 { 1760 font-weight: normal; 1761 } 1762 1763 div.comment-meta em { 1764 float: right; 1765 } 1766 1767 div.comment-options { 1768 border-bottom: none; 1769 } 1770 1771 ol.commentlist ul.children { margin-left: 105px; } 2071 div.comment-meta { 2072 border-top: none; 2073 padding-top: 0; 2074 } 2075 2076 div.comment-meta h5 { 2077 font-weight: normal; 2078 } 2079 2080 div.comment-meta em { 2081 float: right; 2082 } 2083 2084 div.comment-options { 2085 border-bottom: none; 2086 } 2087 2088 ol.commentlist ul.children { 2089 margin-left: 105px; 2090 } 2091 1772 2092 1773 2093 /* > Footer … … 1784 2104 background: #fff; 1785 2105 } 1786 #site-generator { 1787 text-align: center; 1788 color: #bbb; 1789 text-shadow: #fafafa 1px 1px 0; 1790 } 1791 1792 #footer-widget-area { 1793 margin-bottom: 20px; 1794 overflow: hidden; 1795 } 1796 #footer-widget-area div.widget-area > ul { 1797 float: left; 1798 margin-right: 19px; 1799 width: 23%; 1800 } 1801 1802 #footer-widget-area h3.widgettitle { 1803 margin-top: 19px; 1804 margin-left: 0; 1805 margin-right: 0; 1806 } 1807 1808 #footer-widget-area div div.item-options { 1809 margin-left: 0; 1810 margin-right: 0; 1811 } 1812 1813 #footer-widget-area ul.item-list li img.avatar { 1814 margin-left: 15px; /* border is 4px */ 1815 } 2106 2107 #site-generator { 2108 text-align: center; 2109 color: #bbb; 2110 text-shadow: #fafafa 1px 1px 0; 2111 } 2112 2113 #footer-widget-area { 2114 margin-bottom: 20px; 2115 overflow: hidden; 2116 } 2117 2118 #footer-widget-area div.widget-area > ul { 2119 float: left; 2120 margin-right: 19px; 2121 width: 23%; 2122 } 2123 2124 #footer-widget-area h3.widgettitle { 2125 margin-top: 19px; 2126 margin-left: 0; 2127 margin-right: 0; 2128 } 2129 2130 #footer-widget-area div div.item-options { 2131 margin-left: 0; 2132 margin-right: 0; 2133 } 2134 2135 #footer-widget-area ul.item-list li img.avatar { 2136 margin-left: 15px; /* border is 4px */ 2137 } 2138 1816 2139 1817 2140 /* Menu … … 1824 2147 right: 0; 1825 2148 } 1826 #nav li:hover > ul { 1827 display: block; 1828 } 1829 1830 #nav ul li { 1831 margin-right: 0; 1832 min-width: 186px; 1833 } 2149 2150 #nav li:hover > ul { 2151 display: block; 2152 } 2153 2154 #nav ul li { 2155 margin-right: 0; 2156 min-width: 186px; 2157 }
Note: See TracChangeset
for help on using the changeset viewer.