Changeset 2263
- Timestamp:
- 01/06/2010 08:30:18 AM (16 years ago)
- Location:
- trunk/bp-themes/bp-default/_inc/css
- Files:
-
- 2 edited
-
adminbar.css (modified) (2 diffs)
-
default.css (modified) (4 diffs)
Legend:
- Unmodified
- Added
- Removed
-
trunk/bp-themes/bp-default/_inc/css/adminbar.css
r2223 r2263 58 58 } 59 59 60 #wp-admin-bar li a span {60 #wp-admin-bar ul li ul li a span { 61 61 display: none; 62 62 } … … 186 186 padding: 0 6px; 187 187 margin-left: 2px; 188 background: #fff; 189 color: #000; 190 -moz-border-radius: 3px; 191 -webkit-border-radius: 3px; 192 border-radius: 3px; 188 193 } -
trunk/bp-themes/bp-default/_inc/css/default.css
r2259 r2263 57 57 padding: 8px; 58 58 display: none; 59 } 60 61 /* > Admin Bar 62 -------------------------------------------------------------- */ 63 64 #wp-admin-bar .padder { 65 width: 90% !important; /* Line up the admin bar with the content body in this theme */ 66 } 67 68 /* > Header 69 -------------------------------------------------------------- */ 70 71 #header { 72 position: relative; 73 color: #fff; 74 background: url( ../images/default_header.jpg); 75 -moz-border-radius-bottomleft: 6px; 76 -webkit-border-bottom-left-radius: 6px; 77 -moz-border-radius-bottomright: 6px; 78 -webkit-border-bottom-right-radius: 6px; 79 margin-bottom: 20px; 80 height: 100px; 81 padding-top: 25px; 82 } 83 body.activity-permalink #header { height: 75px; } 84 85 #header #search-bar { 86 position: absolute; 87 top: 25px; 88 left: 0; 89 width: 100%; 90 text-align: right; 91 } 92 body.activity-permalink #header #search-bar { display: none; } 93 94 #header h1 { 95 line-height: 230%; 96 } 97 98 #header #search-bar .padder { 99 padding: 10px 18px; 100 } 101 102 #header #search-bar input[type=text] { 103 -moz-border-radius: 3px; 104 -webkit-border-radius: 3px; 105 border-radius: 3px; 106 border: 1px inset #888; 107 padding: 2px; 108 margin-right: 4px; 109 } 110 111 #header #search-bar input[type=submit] { 112 font-size: 11px; 113 padding: 1px 4px; 114 margin-left: 4px; 115 } 116 117 #header h1 { 118 position: absolute; 119 bottom: 12px; 120 left: 15px; 121 width: 44%; 122 } 123 #header h1 a { 124 color: #fff; 125 font-size: 26px; 126 text-decoration: none; 127 } 128 129 /* > Navigation 130 -------------------------------------------------------------- */ 131 132 ul#nav { 133 margin: 0; 134 padding: 0; 135 position: absolute; 136 right: 15px; 137 list-style: none; 138 bottom: 4px; 139 } 140 141 ul#nav li { 142 float: left; 143 margin: 0 6px 0 0; 144 } 145 ul#nav li a { 146 color: #fff; 147 text-decoration: none; 148 padding: 7px 15px; 149 background: url( ../images/60pc_black.png ); 150 -moz-border-radius-topleft: 3px; 151 -webkit-border-top-left-radius: 3px; 152 -moz-border-radius-topright: 3px; 153 -webkit-border-top-right-radius: 3px; 154 } 155 ul#nav li.selected a { 156 background: #f5f5f5; 157 color: #555; 158 } 159 160 /* > Container 161 -------------------------------------------------------------- */ 162 163 div#container { 164 position: relative; 165 width: 100%; 166 -moz-border-radius: 6px; 167 -webkit-border-radius: 6px; 168 border-right: 1px solid #e0e0e0; 169 border-bottom: 1px solid #e0e0e0; 170 background: #fff; 171 overflow: hidden; 172 } 173 body.activity-permalink div#container { 174 background: none; 175 border: none; 176 } 177 178 /* > Sidebar 179 -------------------------------------------------------------- */ 180 181 div#sidebar { 182 float: left; 183 width: 224px; 184 margin-left: -226px; 185 margin-top: 1px; 186 border-left: 1px solid #e4e4e4; 187 -moz-border-radius-topright: 3px; 188 -webkit-border-top-right-radius: 3px; 189 background: url( ../images/sidebar_back.gif ) top left repeat-x; 190 } 191 div#sidebar div#sidebar-me img.avatar { 192 float: left; 193 margin: 0 15px 15px 0; 194 } 195 196 div#sidebar div#sidebar-me h3 { 197 padding: 5px 0 0 0; 198 margin: 0 0 8px 0; 199 } 200 div#sidebar div#sidebar-me h3 a { 201 color: #999; 202 text-decoration: none; 203 } 204 205 div#sidebar ul#bp-nav { 206 clear: left; 207 margin: 15px -16px; 208 } 209 div#sidebar ul#bp-nav li { 210 padding: 10px 15px; 211 } 212 213 div#sidebar h3.widgettitle { 214 margin: 25px -15px 10px -14px; 215 background: #eaeaea; 216 padding: 5px 15px; 217 font-size: 12px; 218 clear: left; 219 } 220 221 div#sidebar .widget_search { 222 margin-top: 20px; 223 } 224 div#sidebar .widget_search input[type=text] { 225 width: 110px; 226 padding: 2px; 227 } 228 229 div#sidebar ul#recentcomments li, div#sidebar .widget_recent_entries ul li { 230 margin-bottom: 15px; 231 } 232 233 div#sidebar ul.item-list img.avatar { 234 width: 25px; 235 height: 25px; 236 margin-right: 10px; 237 } 238 div#sidebar div.item-avatar img { 239 width: 40px; 240 height: 40px; 241 margin: 2px; 242 } 243 244 div#sidebar .avatar-block { overflow: hidden; } 245 246 div#sidebar ul.item-list div.item-title { 247 font-size: 12px; 248 } 249 250 div#sidebar div.item-options { 251 margin: -10px -16px 0 -15px; 252 background: #f8f8f8; 253 padding: 5px 15px; 254 font-size: 11px; 255 } 256 257 div#sidebar div.item-meta, div#sidebar div.item-content { 258 margin-left: 38px; 259 font-size: 11px; 260 } 261 262 /* > Content 263 -------------------------------------------------------------- */ 264 265 div#content { 266 float: left; 267 width: 100%; 268 -moz-border-radius-topleft: 6px; 269 -webkit-border-top-left-radius: 6px; 270 -moz-border-radius-bottomleft: 6px; 271 -webkit-border-bottom-left-radius: 6px; 272 } 273 274 div#content .padder { 275 margin-right: 225px; 276 border-right: 1px solid #e4e4e4; 277 -moz-border-radius-topleft: 6px; 278 -webkit-border-top-left-radius: 6px; 279 -moz-border-radius-bottomleft: 6px; 280 -webkit-border-bottom-left-radius: 6px; 281 } 282 div#content .left-menu { 283 float: left; 284 width: 170px; 285 } 286 287 div#content .main-column { 288 margin-left: 190px; 289 } 290 291 /* > Item Headers (Profiles, Groups) 292 -------------------------------------------------------------- */ 293 294 div#item-header { 295 margin-bottom: 20px; 296 overflow: hidden; 297 } 298 div#item-header img.avatar { 299 float: left; 300 margin: 0 15px 0 0; 301 } 302 303 div#item-header h2 { 304 font-size: 32px; 305 margin: 0 0 10px 0; 306 padding-top: 5px; 307 line-height: 100%; 308 } 309 div#item-header h2 a { 310 color: #888; 311 text-decoration: none; 312 } 313 314 div#item-header span.activity { 315 margin: 0 0 -2px 4px; 316 vertical-align: bottom; 317 font-size: 11px; 318 font-weight: normal; 319 line-height: 170%; 320 } 321 322 div#item-header div#item-meta { 323 font-size: 14px; 324 color: #aaa; 325 margin: 15px 0 5px 0; 326 padding-bottom: 10px; 327 overflow: hidden; 328 } 329 330 div#item-header div#item-actions { 331 float: right; 332 width: 20%; 333 margin: 0 0 15px 15px; 334 text-align: right; 335 } 336 div#item-header div#item-actions h3 { 337 font-size: 12px; 338 margin: 0 0 5px 0; 339 } 340 341 div#item-header ul { 342 overflow: hidden; 343 margin-bottom: 15px; 344 } 345 346 div#item-header ul h5, div#item-header ul span, div#item-header ul hr { 347 display: none; 348 } 349 350 div#item-header ul li { 351 float: right; 352 } 353 354 div#item-header ul img.avatar, div#item-header ul.avatars img.avatar { 355 width: 30px; 356 height: 30px; 357 margin: 2px; 358 } 359 360 div#item-header div.generic-button { 361 float: left; 362 margin: 10px 10px 0 0; 363 } 364 365 366 /* > Item Lists (Activity, Friend, Group lists) 367 -------------------------------------------------------------- */ 368 369 ul.item-list { 370 width: 100%; 371 } 372 ul.item-list li { 373 position: relative; 374 padding: 15px 0; 375 border-bottom: 1px solid #eaeaea; 376 } 377 ul.single-line li { border: none; } 378 379 ul.item-list li img.avatar { 380 float: left; 381 margin: 0 10px 10px 0; 382 } 383 384 ul.item-list li div.item-title { 385 font-size: 14px; 386 width: 75%; 387 } 388 ul.item-list li div.item-title span { 389 font-size: 12px; 390 color: #999; 391 } 392 393 ul.item-list li div.item-desc { 394 margin: 10px 0 0 64px; 395 font-size: 11px; 396 color: #888; 397 width: 50%; 398 } 399 400 ul.item-list li div.action { 401 position: absolute; 402 top: 15px; 403 right: 0; 404 text-align: right; 405 } 406 407 ul.item-list li div.meta { 408 margin-top: 10px; 409 color: #888; 410 font-size: 11px; 411 } 412 413 ul.item-list li h5 span.small { 414 font-weight: normal; 415 font-size: 11px; 416 } 417 418 /* > Item Tabs 419 -------------------------------------------------------------- */ 420 421 div.item-list-tabs { 422 clear: left; 423 overflow: auto; 424 margin: 25px -15px 5px -15px; 425 background: #eaeaea; 426 } 427 div.item-list-tabs ul li a { 428 text-decoration: none; 429 } 430 431 div.item-list-tabs#user-nav, 432 div.item-list-tabs#group-nav { 433 margin-top: 15px; 434 margin-bottom: 0; 435 } 436 437 div.item-list-tabs ul { 438 width: 100%; 439 } 440 div.item-list-tabs ul li { 441 float: left; 442 margin: 5px 0 0 5px; 443 } 444 div.item-list-tabs ul li:first-child { 445 margin-left: 15px; 446 } 447 448 div.item-list-tabs ul li.last { 449 float: right; 450 margin: 7px 15px 0 0; 451 } 452 div.item-list-tabs ul li.last select { 453 max-width: 175px; 454 } 455 456 div.item-list-tabs ul li a, 457 div.item-list-tabs ul li span { 458 display: block; 459 padding: 5px 10px; 460 text-decoration: none; 461 } 462 div.item-list-tabs ul li span { 463 color: #aaa; 464 } 465 466 div.item-list-tabs ul li a span { 467 display: inline; 468 padding: 0; 469 color: inherit; 470 } 471 472 div.item-list-tabs ul li.selected a, 473 div.item-list-tabs ul li.current a { 474 background-color: #fff; 475 color: #555; 476 font-weight: bold; 477 -moz-border-radius-topleft: 3px; 478 -webkit-border-top-left-radius: 3px; 479 -moz-border-radius-topright: 3px; 480 -webkit-border-top-right-radius: 3px; 481 } 482 div.item-list-tabs ul li.loading a { 483 background-image: url( ../images/ajax-loader.gif ); 484 background-position: 92% 50%; 485 background-repeat: no-repeat; 486 padding-right: 30px; 487 } 488 489 div.item-list-tabs#user-subnav, 490 div.item-list-tabs#group-subnav { 491 background: #fff; 492 margin: 0 -15px 15px -15px; 493 border-bottom: 1px solid #eaeaea; 494 min-height: 35px; 495 overflow: hidden; 496 } 497 498 /* > Item Body 499 -------------------------------------------------------------- */ 500 501 .item-body { 502 margin: 20px 0; 59 503 } 60 504 … … 75 519 } 76 520 77 /* > Admin Bar78 -------------------------------------------------------------- */79 80 #wp-admin-bar .padder {81 width: 90% !important; /* Line up the admin bar with the content body in this theme */82 }83 84 /* > Header85 -------------------------------------------------------------- */86 87 #header {88 position: relative;89 color: #fff;90 background: url( ../images/default_header.jpg);91 -moz-border-radius-bottomleft: 6px;92 -webkit-border-bottom-left-radius: 6px;93 -moz-border-radius-bottomright: 6px;94 -webkit-border-bottom-right-radius: 6px;95 margin-bottom: 20px;96 height: 100px;97 padding-top: 25px;98 }99 body.activity-permalink #header { height: 65px; }100 101 #header #search-bar {102 position: absolute;103 top: 25px;104 left: 0;105 width: 100%;106 text-align: right;107 }108 body.activity-permalink #header #search-bar { display: none; }109 110 #header h1 {111 line-height: 230%;112 }113 114 #header #search-bar .padder {115 padding: 10px 18px;116 }117 118 #header #search-bar input[type=text] {119 -moz-border-radius: 3px;120 -webkit-border-radius: 3px;121 border-radius: 3px;122 border: 1px inset #888;123 padding: 2px;124 margin-right: 4px;125 }126 127 #header #search-bar input[type=submit] {128 font-size: 11px;129 padding: 1px 4px;130 margin-left: 4px;131 }132 133 #header h1 {134 position: absolute;135 bottom: 12px;136 left: 15px;137 width: 44%;138 }139 #header h1 a {140 color: #fff;141 font-size: 26px;142 text-decoration: none;143 }144 145 /* > Navigation146 -------------------------------------------------------------- */147 148 ul#nav {149 margin: 0;150 padding: 0;151 position: absolute;152 right: 15px;153 list-style: none;154 bottom: 4px;155 }156 body.activity-permalink ul#nav { display: none; }157 158 ul#nav li {159 float: left;160 margin: 0 6px 0 0;161 }162 ul#nav li a {163 color: #fff;164 text-decoration: none;165 padding: 7px 15px;166 background: url( ../images/60pc_black.png );167 -moz-border-radius-topleft: 3px;168 -webkit-border-top-left-radius: 3px;169 -moz-border-radius-topright: 3px;170 -webkit-border-top-right-radius: 3px;171 }172 ul#nav li.selected a {173 background: #f5f5f5;174 color: #555;175 }176 177 /* > Container178 -------------------------------------------------------------- */179 180 div#container {181 position: relative;182 width: 100%;183 -moz-border-radius: 6px;184 -webkit-border-radius: 6px;185 border-right: 1px solid #e0e0e0;186 border-bottom: 1px solid #e0e0e0;187 background: #fff;188 overflow: hidden;189 }190 body.activity-permalink div#container {191 background: none;192 border: none;193 }194 195 /* > Sidebar196 -------------------------------------------------------------- */197 198 div#sidebar {199 float: left;200 width: 224px;201 margin-left: -226px;202 margin-top: 1px;203 border-left: 1px solid #e4e4e4;204 -moz-border-radius-topright: 3px;205 -webkit-border-top-right-radius: 3px;206 background: url( ../images/sidebar_back.gif ) top left repeat-x;207 }208 div#sidebar div#sidebar-me img.avatar {209 float: left;210 margin: 0 15px 15px 0;211 }212 213 div#sidebar div#sidebar-me h3 {214 padding: 5px 0 0 0;215 margin: 0 0 8px 0;216 }217 div#sidebar div#sidebar-me h3 a {218 color: #999;219 text-decoration: none;220 }221 222 div#sidebar ul#bp-nav {223 clear: left;224 margin: 15px -16px;225 }226 div#sidebar ul#bp-nav li {227 padding: 10px 15px;228 }229 230 div#sidebar h3.widgettitle {231 margin: 25px -15px 10px -14px;232 background: #eaeaea;233 padding: 5px 15px;234 font-size: 12px;235 clear: left;236 }237 238 div#sidebar .widget_search {239 margin-top: 20px;240 }241 div#sidebar .widget_search input[type=text] {242 width: 110px;243 padding: 2px;244 }245 246 div#sidebar ul#recentcomments li, div#sidebar .widget_recent_entries ul li {247 margin-bottom: 15px;248 }249 250 div#sidebar ul.item-list img.avatar {251 width: 25px;252 height: 25px;253 margin-right: 10px;254 }255 div#sidebar div.item-avatar img {256 width: 40px;257 height: 40px;258 margin: 2px;259 }260 261 div#sidebar .avatar-block { overflow: hidden; }262 263 div#sidebar ul.item-list div.item-title {264 font-size: 12px;265 }266 267 div#sidebar div.item-options {268 margin: -10px -16px 0 -15px;269 background: #f8f8f8;270 padding: 5px 15px;271 font-size: 11px;272 }273 274 div#sidebar div.item-meta, div#sidebar div.item-content {275 margin-left: 38px;276 font-size: 11px;277 }278 279 /* > Content280 -------------------------------------------------------------- */281 282 div#content {283 float: left;284 width: 100%;285 -moz-border-radius-topleft: 6px;286 -webkit-border-top-left-radius: 6px;287 -moz-border-radius-bottomleft: 6px;288 -webkit-border-bottom-left-radius: 6px;289 }290 291 div#content .padder {292 margin-right: 225px;293 border-right: 1px solid #e4e4e4;294 -moz-border-radius-topleft: 6px;295 -webkit-border-top-left-radius: 6px;296 -moz-border-radius-bottomleft: 6px;297 -webkit-border-bottom-left-radius: 6px;298 }299 div#content .left-menu {300 float: left;301 width: 170px;302 }303 304 div#content .main-column {305 margin-left: 190px;306 }307 308 /* > Item Headers (Profiles, Groups)309 -------------------------------------------------------------- */310 311 div#item-header {312 margin-bottom: 20px;313 overflow: hidden;314 }315 div#item-header img.avatar {316 float: left;317 margin: 0 15px 0 0;318 }319 320 div#item-header h2 {321 font-size: 32px;322 margin: 0 0 10px 0;323 padding-top: 5px;324 line-height: 100%;325 }326 div#item-header h2 a {327 color: #888;328 text-decoration: none;329 }330 331 div#item-header span.activity {332 margin: 0 0 -2px 4px;333 vertical-align: bottom;334 font-size: 11px;335 font-weight: normal;336 line-height: 170%;337 }338 339 div#item-header div#item-meta {340 font-size: 14px;341 color: #aaa;342 margin: 15px 0 5px 0;343 padding-bottom: 10px;344 overflow: hidden;345 }346 347 div#item-header div#item-actions {348 float: right;349 width: 20%;350 margin: 0 0 15px 15px;351 text-align: right;352 }353 div#item-header div#item-actions h3 {354 font-size: 12px;355 margin: 0 0 5px 0;356 }357 358 div#item-header ul {359 overflow: hidden;360 margin-bottom: 15px;361 }362 363 div#item-header ul h5, div#item-header ul span, div#item-header ul hr {364 display: none;365 }366 367 div#item-header ul li {368 float: right;369 }370 371 div#item-header ul img.avatar, div#item-header ul.avatars img.avatar {372 width: 30px;373 height: 30px;374 margin: 2px;375 }376 377 div#item-header div.generic-button {378 float: left;379 margin: 10px 10px 0 0;380 }381 382 383 /* > Item Lists (Activity, Friend, Group lists)384 -------------------------------------------------------------- */385 386 ul.item-list {387 width: 100%;388 }389 ul.item-list li {390 position: relative;391 padding: 15px 0;392 border-bottom: 1px solid #eaeaea;393 }394 ul.single-line li { border: none; }395 396 ul.item-list li img.avatar {397 float: left;398 margin: 0 10px 10px 0;399 }400 401 ul.item-list li div.item-title {402 font-size: 14px;403 width: 75%;404 }405 ul.item-list li div.item-title span {406 font-size: 12px;407 color: #999;408 }409 410 ul.item-list li div.item-desc {411 margin: 10px 0 0 64px;412 font-size: 11px;413 color: #888;414 width: 50%;415 }416 417 ul.item-list li div.action {418 position: absolute;419 top: 15px;420 right: 0;421 text-align: right;422 }423 424 ul.item-list li div.meta {425 margin-top: 10px;426 color: #888;427 font-size: 11px;428 }429 430 ul.item-list li h5 span.small {431 font-weight: normal;432 font-size: 11px;433 }434 435 /* > Item Tabs436 -------------------------------------------------------------- */437 438 div.item-list-tabs {439 clear: left;440 overflow: auto;441 margin: 25px -15px 5px -15px;442 background: #eaeaea;443 }444 div.item-list-tabs ul li a {445 text-decoration: none;446 }447 448 div.item-list-tabs#user-nav,449 div.item-list-tabs#group-nav {450 margin-top: 15px;451 margin-bottom: 0;452 }453 454 div.item-list-tabs ul {455 width: 100%;456 }457 div.item-list-tabs ul li {458 float: left;459 margin: 5px 0 0 5px;460 }461 div.item-list-tabs ul li:first-child {462 margin-left: 15px;463 }464 465 div.item-list-tabs ul li.last {466 float: right;467 margin: 7px 15px 0 0;468 }469 div.item-list-tabs ul li.last select {470 max-width: 175px;471 }472 473 div.item-list-tabs ul li a,474 div.item-list-tabs ul li span {475 display: block;476 padding: 5px 10px;477 text-decoration: none;478 }479 div.item-list-tabs ul li span {480 color: #aaa;481 }482 483 div.item-list-tabs ul li a span {484 display: inline;485 padding: 0;486 color: inherit;487 }488 489 div.item-list-tabs ul li.selected a,490 div.item-list-tabs ul li.current a {491 background-color: #fff;492 color: #555;493 font-weight: bold;494 -moz-border-radius-topleft: 3px;495 -webkit-border-top-left-radius: 3px;496 -moz-border-radius-topright: 3px;497 -webkit-border-top-right-radius: 3px;498 }499 div.item-list-tabs ul li.loading a {500 background-image: url( ../images/ajax-loader.gif );501 background-position: 92% 50%;502 background-repeat: no-repeat;503 padding-right: 30px;504 }505 506 div.item-list-tabs#user-subnav,507 div.item-list-tabs#group-subnav {508 background: #fff;509 margin: 0 -15px 15px -15px;510 border-bottom: 1px solid #eaeaea;511 min-height: 35px;512 overflow: hidden;513 }514 515 /* > Item Body516 -------------------------------------------------------------- */517 518 .item-body {519 margin: 20px 0;520 }521 522 521 /* > Directories (Members, Groups, Blogs, Forums) 523 522 -------------------------------------------------------------- */ … … 1164 1163 1165 1164 div.activity-comments { 1165 position: relative; 1166 1166 margin: 0 0 0 75px; 1167 1167 background: #f5f5f5; … … 1184 1184 list-style: none; 1185 1185 } 1186 1186 1187 div.activity-comments ul { 1187 1188 clear: left;
Note: See TracChangeset
for help on using the changeset viewer.