Skip to:
Content

bbPress.org

Changeset 4598


Ignore:
Timestamp:
12/20/2012 11:04:29 AM (9 years ago)
Author:
johnjamesjacoby
Message:

Improved styling for inner topic and reply content elements, merged with recent changes and includes RTL. Props jaredatch. Fixes #2054.

Location:
trunk/templates/default/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/templates/default/css/bbpress-rtl.css

    r4596 r4598  
    117117}
    118118
    119 #bbpress-forums .bbp-topic-content img,
    120 #bbpress-forums .bbp-reply-content img {
    121     max-width: 100%;
    122 }
    123 
    124 #bbpress-forums .bbp-topic-content ul,
    125 #bbpress-forums .bbp-reply-content ul,
    126 #bbpress-forums .bbp-topic-content ol,
    127 #bbpress-forums .bbp-reply-content ol {
    128     margin: 15px;
    129 }
    130 
    131 #bbpress-forums .bbp-topic-content ol li,
    132 #bbpress-forums .bbp-reply-content ol li {
    133     list-style: decimal;
    134 }
    135 
    136 #bbpress-forums .bbp-topic-content ul li,
    137 #bbpress-forums .bbp-reply-content ul li {
    138     list-style: square;
    139 }
    140 
    141119li.bbp-forum-info,
    142120li.bbp-topic-title {
     
    211189    font-size: 11px;
    212190    font-style: italic;
    213 }
    214 
    215 #bbpress-forums div.bbp-forum-content,
    216 #bbpress-forums div.bbp-topic-content,
    217 #bbpress-forums div.bbp-reply-content {
    218     margin-right: 140px;
    219     padding: 12px 12px 12px 0;
    220     text-align: right;
    221191}
    222192
     
    269239    font-weight: bold;
    270240    color: #aaa;
     241}
     242
     243/* =Topic and reply content
     244-------------------------------------------------------------- */
     245
     246#bbpress-forums div.bbp-forum-content,
     247#bbpress-forums div.bbp-topic-content,
     248#bbpress-forums div.bbp-reply-content {
     249    margin-left: 140px;
     250    padding: 12px 12px 12px 0;
     251    text-align: left;
     252}
     253
     254#bbpress-forums div.bbp-topic-content a,
     255#bbpress-forums div.bbp-reply-content a {
     256    background: none;
     257    border: none;
     258    display: inline;
     259    font-weight: normal;
     260    margin: 0;
     261    padding: 0;
     262}
     263
     264#bbpress-forums div.bbp-topic-content h1,
     265#bbpress-forums div.bbp-reply-content h1,
     266#bbpress-forums div.bbp-topic-content h2,
     267#bbpress-forums div.bbp-reply-content h2,
     268#bbpress-forums div.bbp-topic-content h3,
     269#bbpress-forums div.bbp-reply-content h3,
     270#bbpress-forums div.bbp-topic-content h4,
     271#bbpress-forums div.bbp-reply-content h4,
     272#bbpress-forums div.bbp-topic-content h5,
     273#bbpress-forums div.bbp-reply-content h5,
     274#bbpress-forums div.bbp-topic-content h6,
     275#bbpress-forums div.bbp-reply-content h6 {
     276    clear: none;
     277    line-height: 1em;
     278    margin: 24px 0;
     279    padding: 0;
     280}
     281
     282#bbpress-forums div.bbp-topic-content img,
     283#bbpress-forums div.bbp-reply-content img {
     284    max-width: 100%;
     285}
     286
     287#bbpress-forums div.bbp-topic-content ul,
     288#bbpress-forums div.bbp-reply-content ul,
     289#bbpress-forums div.bbp-topic-content ol,
     290#bbpress-forums div.bbp-reply-content ol {
     291    margin: 0 15px 15px;
     292    padding: 0;
     293}
     294
     295#bbpress-forums div.bbp-topic-content ul li,
     296#bbpress-forums div.bbp-reply-content ul li {
     297    list-style-type: disc;
     298}
     299
     300#bbpress-forums div.bbp-topic-content ol li,
     301#bbpress-forums div.bbp-reply-content ol li {
     302    list-style-type: decimal;
     303}
     304
     305#bbpress-forums div.bbp-topic-content ol li li,
     306#bbpress-forums div.bbp-reply-content ol li li {
     307    list-style-type: lower-alpha;
     308}
     309
     310#bbpress-forums div.bbp-topic-content ol li li li,
     311#bbpress-forums div.bbp-reply-content ol li li li {
     312    list-style-type: upper-roman;
     313}
     314
     315#bbpress-forums div.bbp-topic-content code,
     316#bbpress-forums div.bbp-reply-content code,
     317#bbpress-forums div.bbp-topic-content pre,
     318#bbpress-forums div.bbp-reply-content pre {
     319    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
     320    display: inline;
     321}
     322
     323#bbpress-forums div.bbp-topic-content pre,
     324#bbpress-forums div.bbp-reply-content pre {
     325    background-color: #f9f9f9;
     326    border: 1px solid #ddd;
     327    display: block;
     328    line-height: 18px;
     329    margin: 24px 0;
     330    padding: 10px;
     331    white-space: pre;
     332    white-space: pre-wrap;
     333    word-wrap: break-word;
    271334}
    272335
  • trunk/templates/default/css/bbpress.css

    r4596 r4598  
    117117}
    118118
    119 #bbpress-forums .bbp-topic-content img,
    120 #bbpress-forums .bbp-reply-content img {
    121     max-width: 100%;
    122 }
    123 
    124 #bbpress-forums .bbp-topic-content ul,
    125 #bbpress-forums .bbp-reply-content ul,
    126 #bbpress-forums .bbp-topic-content ol,
    127 #bbpress-forums .bbp-reply-content ol {
    128     margin: 15px;
    129 }
    130 
    131 #bbpress-forums .bbp-topic-content ol li,
    132 #bbpress-forums .bbp-reply-content ol li {
    133     list-style: decimal;
    134 }
    135 
    136 #bbpress-forums .bbp-topic-content ul li,
    137 #bbpress-forums .bbp-reply-content ul li {
    138     list-style: square;
    139 }
    140 
    141119li.bbp-forum-info,
    142120li.bbp-topic-title {
     
    212190    font-size: 11px;
    213191    font-style: italic;
    214 }
    215 
    216 #bbpress-forums div.bbp-forum-content,
    217 #bbpress-forums div.bbp-topic-content,
    218 #bbpress-forums div.bbp-reply-content {
    219     margin-left: 140px;
    220     padding: 12px 12px 12px 0;
    221     text-align: left;
    222192}
    223193
     
    270240    font-weight: bold;
    271241    color: #aaa;
     242}
     243
     244/* =Topic and reply content
     245-------------------------------------------------------------- */
     246
     247#bbpress-forums div.bbp-forum-content,
     248#bbpress-forums div.bbp-topic-content,
     249#bbpress-forums div.bbp-reply-content {
     250    margin-left: 140px;
     251    padding: 12px 12px 12px 0;
     252    text-align: left;
     253}
     254
     255#bbpress-forums div.bbp-topic-content a,
     256#bbpress-forums div.bbp-reply-content a {
     257    background: none;
     258    border: none;
     259    display: inline;
     260    font-weight: normal;
     261    margin: 0;
     262    padding: 0;
     263}
     264
     265#bbpress-forums div.bbp-topic-content h1,
     266#bbpress-forums div.bbp-reply-content h1,
     267#bbpress-forums div.bbp-topic-content h2,
     268#bbpress-forums div.bbp-reply-content h2,
     269#bbpress-forums div.bbp-topic-content h3,
     270#bbpress-forums div.bbp-reply-content h3,
     271#bbpress-forums div.bbp-topic-content h4,
     272#bbpress-forums div.bbp-reply-content h4,
     273#bbpress-forums div.bbp-topic-content h5,
     274#bbpress-forums div.bbp-reply-content h5,
     275#bbpress-forums div.bbp-topic-content h6,
     276#bbpress-forums div.bbp-reply-content h6 {
     277    clear: none;
     278    line-height: 1em;
     279    margin: 24px 0;
     280    padding: 0;
     281}
     282
     283#bbpress-forums div.bbp-topic-content img,
     284#bbpress-forums div.bbp-reply-content img {
     285    max-width: 100%;
     286}
     287
     288#bbpress-forums div.bbp-topic-content ul,
     289#bbpress-forums div.bbp-reply-content ul,
     290#bbpress-forums div.bbp-topic-content ol,
     291#bbpress-forums div.bbp-reply-content ol {
     292    margin: 0 15px 15px;
     293    padding: 0;
     294}
     295
     296#bbpress-forums div.bbp-topic-content ul li,
     297#bbpress-forums div.bbp-reply-content ul li {
     298    list-style-type: disc;
     299}
     300
     301#bbpress-forums div.bbp-topic-content ol li,
     302#bbpress-forums div.bbp-reply-content ol li {
     303    list-style-type: decimal;
     304}
     305
     306#bbpress-forums div.bbp-topic-content ol li li,
     307#bbpress-forums div.bbp-reply-content ol li li {
     308    list-style-type: lower-alpha;
     309}
     310
     311#bbpress-forums div.bbp-topic-content ol li li li,
     312#bbpress-forums div.bbp-reply-content ol li li li {
     313    list-style-type: upper-roman;
     314}
     315
     316#bbpress-forums div.bbp-topic-content code,
     317#bbpress-forums div.bbp-reply-content code,
     318#bbpress-forums div.bbp-topic-content pre,
     319#bbpress-forums div.bbp-reply-content pre {
     320    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
     321    display: inline;
     322}
     323
     324#bbpress-forums div.bbp-topic-content pre,
     325#bbpress-forums div.bbp-reply-content pre {
     326    background-color: #f9f9f9;
     327    border: 1px solid #ddd;
     328    display: block;
     329    line-height: 18px;
     330    margin: 24px 0;
     331    padding: 10px;
     332    white-space: pre;
     333    white-space: pre-wrap;
     334    word-wrap: break-word;
    272335}
    273336
Note: See TracChangeset for help on using the changeset viewer.