Skip to:
Content

BuddyPress.org

Changeset 4433


Ignore:
Timestamp:
05/28/2011 06:36:56 PM (14 years ago)
Author:
djpaul
Message:

Add table of contents to BP Default's stylesheet and reorganise file. Merge reset styles. See #3243, huge props karmatosed

Location:
trunk/bp-themes/bp-default
Files:
1 deleted
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/bp-themes/bp-default/_inc/css/default.css

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

  • trunk/bp-themes/bp-default/functions.php

    r4429 r4433  
    169169 */
    170170function bp_dtheme_enqueue_styles() {
    171     wp_enqueue_style( 'bp-default-reset', get_template_directory_uri() . '/_inc/css/reset.css', '', BP_VERSION );
    172     wp_enqueue_style( 'bp-default-main',  get_template_directory_uri() . '/_inc/css/default.css', array( 'bp-default-reset' ), BP_VERSION );
     171    wp_enqueue_style( 'bp-default-main',  get_template_directory_uri() . '/_inc/css/default.css', array(), BP_VERSION );
    173172}
    174173add_action( 'wp_print_styles', 'bp_dtheme_enqueue_styles' );
Note: See TracChangeset for help on using the changeset viewer.