Skip to:
Content

bbPress.org

Ticket #1933: 1933.patch

File 1933.patch, 14.7 KB (added by mercime, 12 years ago)

media queries added to bbpress.css and bbpress-rtl.css

  • templates/default/bbpress/loop-single-reply.php

     
    4242
    4343                <?php do_action( 'bbp_theme_before_reply_author_details' ); ?>
    4444
    45                 <?php bbp_reply_author_link( array( 'sep' => '<br />', 'show_role' => true ) ); ?>
     45                <?php bbp_reply_author_link( array( 'sep' => '', 'show_role' => true ) ); ?>
    4646
    4747                <?php if ( is_super_admin() ) : ?>
    4848
  • templates/default/css/bbpress-rtl.css

     
    185185        display: inline-block;
    186186}
    187187
     188#bbpress-forums div.bbp-reply-author a.bbp-author-name {
     189        clear: right;
     190        display: block;
     191}
     192
    188193#bbpress-forums div.bbp-forum-author .bbp-author-role,
    189194#bbpress-forums div.bbp-topic-author .bbp-author-role,
    190195#bbpress-forums div.bbp-reply-author .bbp-author-role {
     
    469474
    470475#bbpress-forums .bbp-forum-info .bbp-forum-content,
    471476#bbpress-forums p.bbp-topic-meta {
     477        font-size: 11px;
    472478        margin: 5px 0 5px;
    473479        padding: 0;
    474         font-size: 11px;
     480        word-wrap: break-word;
    475481}
    476482
    477483#bbpress-forums p.bbp-topic-meta span {
     
    919925#bbpress-forums ul.bbp-topic-revision-log img.avatar,
    920926#bbpress-forums div.bbp-template-notice img.avatar,
    921927#bbpress-forums .widget_display_topics img.avatar,
    922 #bbpress-forums .widget_display_replies img.avatar,
    923 #bbpress-forums p.bbp-topic-meta img.avatar {
     928#bbpress-forums .widget_display_replies img.avatar {
    924929        float: none;
    925930        margin-bottom: -7px;
    926931        border: 3px double #ddd;
     
    10601065#bbpress-forums li:hover > div.row-actions {
    10611066        visibility: visible;
    10621067}
     1068
     1069/*--------------------------------------------------------------
     1070 Media Queries
     1071--------------------------------------------------------------*/
     1072
     1073/* =iPhone/Android landscape (and really narrow browser windows)
     1074-------------------------------------------------------------- */
     1075@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
     1076        -webkit-text-size-adjust: none;
     1077}
     1078@media only screen and (max-width: 480px) {
     1079        #bbpress-forums div.bbp-topic-tags {
     1080                clear: right;
     1081                float: right;
     1082        }
     1083        div.bbp-search-form input,
     1084        div.bbp-search-form button {
     1085                font-size: 11px;
     1086                padding: 2px;
     1087        }
     1088        li.bbp-forum-info,
     1089        li.bbp-topic-title {
     1090                width: 45%;
     1091        }
     1092        li.bbp-forum-topic-count,
     1093        li.bbp-forum-reply-count,
     1094        li.bbp-topic-voice-count,
     1095        li.bbp-topic-reply-count {
     1096                width: 15%;
     1097        }
     1098        span.bbp-reply-post-date {
     1099                float: right;
     1100        }
     1101        span.bbp-admin-links {
     1102                clear: right;
     1103                float: right;
     1104        }
     1105        li.bbp-body div.hentry {
     1106                padding: 12px;
     1107        }
     1108        #bbpress-forums .bbp-forums-list li {
     1109                display: block;
     1110                font-size: 11px;
     1111        }
     1112        #bbpress-forums div.bbp-reply-author a.bbp-author-name {
     1113                clear: none;
     1114                display: inline-block;
     1115        }
     1116        #bbpress-forums li.bbp-body div.bbp-reply-author {
     1117                margin-bottom: 15px;
     1118                text-align: left;
     1119                width: 100%;
     1120        }
     1121        #bbpress-forums li.bbp-body div.bbp-reply-author img.avatar {
     1122                margin-bottom: -5px;
     1123                width: 20px;
     1124                height: auto;
     1125        }
     1126        #bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-role {
     1127                font-size: 12px;
     1128                font-style: normal;
     1129        }
     1130        #bbpress-forums li.bbp-body div.bbp-reply-author div {
     1131                display: inline-block;
     1132                margin-left: 12px;
     1133        }
     1134        #bbpress-forums li.bbp-body div.bbp-reply-content {
     1135                clear: both;
     1136                margin-right: 0;
     1137                padding: 0;
     1138        }
     1139        #bbpress-forums li.bbp-body div.bbp-reply-content p {
     1140                margin-bottom: 1em;
     1141        }
     1142        div.bbp-submit-wrapper {
     1143                float: right;
     1144        }
     1145        #bbpress-forums fieldset.bbp-form {
     1146                padding: 10px 2px;
     1147        }
     1148        #bbpress-forums #bbp-user-body {
     1149                clear: both;
     1150                margin-right: 0;
     1151                word-wrap: break-word;
     1152        }
     1153}
     1154
     1155/* =iPhone/Android portrait
     1156-------------------------------------------------------------- */
     1157@media only screen and (max-width: 320px) {
     1158        #bbpress-forums div.bbp-search-form {
     1159                margin-bottom: 10px;
     1160        }
     1161        #bbpress-forums li.bbp-header li.bbp-forum-info,
     1162        #bbpress-forums li.bbp-body li.bbp-forum-info,
     1163        #bbpress-forums li.bbp-header li.bbp-topic-title,
     1164        #bbpress-forums li.bbp-body li.bbp-topic-title {
     1165                width: 100%;
     1166        }
     1167        #bbpress-forums li.bbp-header li.bbp-forum-info,
     1168        #bbpress-forums li.bbp-header li.bbp-topic-title {
     1169                text-align: center;
     1170                text-transform: uppercase;
     1171        }
     1172        #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
     1173        #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
     1174        #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
     1175        #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
     1176        #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
     1177        #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
     1178        #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
     1179        #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
     1180                width: 20%;
     1181        }
     1182        #bbpress-forums li.bbp-header li.bbp-forum-freshness,
     1183        #bbpress-forums li.bbp-body li.bbp-forum-freshness,
     1184        #bbpress-forums li.bbp-header li.bbp-topic-freshness,
     1185        #bbpress-forums li.bbp-body li.bbp-topic-freshness {
     1186                width: 58%;
     1187        }
     1188       
     1189        #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
     1190        #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
     1191        #bbpress-forums li.bbp-body li.bbp-forum-freshness,
     1192        #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
     1193        #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
     1194        #bbpress-forums li.bbp-body li.bbp-topic-freshness {
     1195                margin-top: 7px;
     1196        }       
     1197        #bbpress-forums li.bbp-header .bbp-reply-author {
     1198                text-align: right;
     1199                width: 20%;
     1200        }
     1201        #bbpress-forums li.bbp-header .bbp-reply-content{
     1202                margin-right: 22%;
     1203        }
     1204        #bbpress-forums div.bbp-template-notice img.avatar,
     1205        #bbpress-forums p.bbp-topic-meta img.avatar {
     1206                width: 14x;
     1207                height: auto;
     1208        }
     1209        #bbpress-forums fieldset.bbp-form {
     1210                padding: 10px 3px;
     1211                width: 95%;
     1212        }
     1213        #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
     1214                padding: 1px;
     1215        }
     1216        #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
     1217                width: 20px;
     1218                height: 20px;
     1219        }
     1220        #bbpress-forums div.wp-editor-container {
     1221                width: 100%;
     1222                overflow: auto;
     1223        }
     1224        #bbpress-forums fieldset.bbp-form input,
     1225        input#bbp_topic_tags {
     1226                width: 95%;
     1227        }
     1228}
     1229
     1230/* =Styles for smaller device
     1231-------------------------------------------------------------- */
     1232@media only screen and (max-width: 240px) {
     1233        #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
     1234        #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
     1235        #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
     1236        #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
     1237        #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
     1238        #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
     1239        #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
     1240        #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
     1241        #bbpress-forums li.bbp-footer .bbp-reply-content,
     1242        #bbpress-forums li.bbp-footer .bbp-reply-content {
     1243                width: 49%;
     1244        }
     1245        #bbpress-forums li.bbp-header li.bbp-forum-freshness,
     1246        #bbpress-forums li.bbp-body li.bbp-forum-freshness,
     1247        #bbpress-forums li.bbp-header li.bbp-topic-freshness,
     1248        #bbpress-forums li.bbp-body li.bbp-topic-freshness {
     1249                clear: both;
     1250                width: 100%;
     1251        }
     1252        #bbpress-forums li.bbp-header li.bbp-forum-freshness,
     1253        #bbpress-forums li.bbp-header li.bbp-topic-freshness { 
     1254                text-align: center;
     1255        }
     1256        #bbpress-forums li.bbp-header .bbp-reply-author {
     1257                text-align: right;
     1258                width: 100%;
     1259        }
     1260        #bbpress-forums li.bbp-header .bbp-reply-content {
     1261                clear: right;
     1262                margin-right: 0;
     1263        }
     1264        #bbpress-forums li.bbp-header {
     1265                overflow: hidden;
     1266        }
     1267        #bbpress-forums fieldset.bbp-form input,
     1268        input#bbp_topic_tags {
     1269                width: 90%;
     1270        }
     1271}
     1272 No newline at end of file
  • templates/default/css/bbpress.css

     
    185185        display: inline-block;
    186186}
    187187
     188#bbpress-forums div.bbp-reply-author a.bbp-author-name {
     189        clear: left;
     190        display: block;
     191}
     192
    188193#bbpress-forums div.bbp-forum-author .bbp-author-role,
    189194#bbpress-forums div.bbp-topic-author .bbp-author-role,
    190195#bbpress-forums div.bbp-reply-author .bbp-author-role {
     
    470475
    471476#bbpress-forums .bbp-forum-info .bbp-forum-content,
    472477#bbpress-forums p.bbp-topic-meta {
     478        font-size: 11px;
    473479        margin: 5px 0 5px;
    474480        padding: 0;
    475         font-size: 11px;
     481        word-wrap: break-word;
    476482}
    477483
    478484#bbpress-forums p.bbp-topic-meta span {
     
    920926#bbpress-forums ul.bbp-topic-revision-log img.avatar,
    921927#bbpress-forums div.bbp-template-notice img.avatar,
    922928#bbpress-forums .widget_display_topics img.avatar,
    923 #bbpress-forums .widget_display_replies img.avatar,
    924 #bbpress-forums p.bbp-topic-meta img.avatar {
     929#bbpress-forums .widget_display_replies img.avatar {
    925930        float: none;
    926931        margin-bottom: -7px;
    927932        border: 3px double #ddd;
     
    10611066#bbpress-forums li:hover > div.row-actions {
    10621067        visibility: visible;
    10631068}
     1069
     1070/*--------------------------------------------------------------
     1071 Media Queries
     1072--------------------------------------------------------------*/
     1073
     1074/* =iPhone/Android landscape (and really narrow browser windows)
     1075-------------------------------------------------------------- */
     1076@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
     1077        -webkit-text-size-adjust: none;
     1078}
     1079@media only screen and (max-width: 480px) {
     1080        #bbpress-forums div.bbp-topic-tags {
     1081                clear: left;
     1082                float: left;
     1083        }
     1084        div.bbp-search-form input,
     1085        div.bbp-search-form button {
     1086                font-size: 11px;
     1087                padding: 2px;
     1088        }
     1089        li.bbp-forum-info,
     1090        li.bbp-topic-title {
     1091                width: 45%;
     1092        }
     1093        li.bbp-forum-topic-count,
     1094        li.bbp-forum-reply-count,
     1095        li.bbp-topic-voice-count,
     1096        li.bbp-topic-reply-count {
     1097                width: 15%;
     1098        }
     1099        span.bbp-reply-post-date {
     1100                float: left;
     1101        }
     1102        span.bbp-admin-links {
     1103                clear: left;
     1104                float: left;
     1105        }
     1106        li.bbp-body div.hentry {
     1107                padding: 12px;
     1108        }
     1109        #bbpress-forums .bbp-forums-list li {
     1110                display: block;
     1111                font-size: 11px;
     1112        }
     1113        #bbpress-forums div.bbp-reply-author a.bbp-author-name {
     1114        clear: none;
     1115        display: inline-block;
     1116        }
     1117        #bbpress-forums li.bbp-body div.bbp-reply-author {
     1118                margin-bottom: 15px;
     1119                text-align: left;
     1120                width: 100%;
     1121        }
     1122       
     1123        #bbpress-forums li.bbp-body div.bbp-reply-author img.avatar {
     1124                margin-bottom: -5px;
     1125                width: 20px;
     1126                height: auto;
     1127        }
     1128        #bbpress-forums li.bbp-body div.bbp-reply-author .bbp-author-role {
     1129                font-size: 12px;
     1130                font-style: normal;
     1131        }
     1132        #bbpress-forums li.bbp-body div.bbp-reply-author div {
     1133                display: inline-block;
     1134                margin-right: 12px;
     1135        }
     1136        #bbpress-forums li.bbp-body div.bbp-reply-content {
     1137                clear: both;
     1138                margin-left: 0;
     1139                padding: 0;
     1140        }
     1141        #bbpress-forums li.bbp-body div.bbp-reply-content p {
     1142                margin-bottom: 1em;
     1143        }
     1144        div.bbp-submit-wrapper {
     1145                float: left;
     1146        }
     1147        #bbpress-forums fieldset.bbp-form {
     1148                padding: 10px 2px;
     1149        }
     1150        #bbpress-forums #bbp-user-body {
     1151                clear: both;
     1152                margin-left: 0;
     1153                word-wrap: break-word;
     1154        }
     1155}
     1156
     1157/* =iPhone/Android portrait
     1158-------------------------------------------------------------- */
     1159@media only screen and (max-width: 320px) {
     1160        #bbpress-forums div.bbp-search-form {
     1161                margin-bottom: 10px;
     1162        }
     1163        #bbpress-forums li.bbp-header li.bbp-forum-info,
     1164        #bbpress-forums li.bbp-body li.bbp-forum-info,
     1165        #bbpress-forums li.bbp-header li.bbp-topic-title,
     1166        #bbpress-forums li.bbp-body li.bbp-topic-title {
     1167                width: 100%;
     1168        }
     1169        #bbpress-forums li.bbp-header li.bbp-forum-info,
     1170        #bbpress-forums li.bbp-header li.bbp-topic-title {
     1171                text-align: center;
     1172                text-transform: uppercase;
     1173        }
     1174        #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
     1175        #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
     1176        #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
     1177        #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
     1178        #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
     1179        #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
     1180        #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
     1181        #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
     1182                width: 20%;
     1183        }
     1184        #bbpress-forums li.bbp-header li.bbp-forum-freshness,
     1185        #bbpress-forums li.bbp-body li.bbp-forum-freshness,
     1186        #bbpress-forums li.bbp-header li.bbp-topic-freshness,
     1187        #bbpress-forums li.bbp-body li.bbp-topic-freshness {
     1188                width: 58%;
     1189        }
     1190       
     1191        #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
     1192        #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
     1193        #bbpress-forums li.bbp-body li.bbp-forum-freshness,
     1194        #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
     1195        #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
     1196        #bbpress-forums li.bbp-body li.bbp-topic-freshness {
     1197                margin-top: 7px;
     1198        }       
     1199        #bbpress-forums li.bbp-header .bbp-reply-author {
     1200                text-align: left;
     1201                width: 20%;
     1202        }
     1203        #bbpress-forums li.bbp-header .bbp-reply-content {
     1204                margin-left: 22%;
     1205        }
     1206        #bbpress-forums div.bbp-template-notice img.avatar,
     1207        #bbpress-forums p.bbp-topic-meta img.avatar {
     1208                width: 14x;
     1209                height: auto;
     1210        }
     1211        #bbpress-forums fieldset.bbp-form {
     1212                padding: 10px 3px;
     1213                width: 95%;
     1214        }
     1215        #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
     1216                padding: 1px;
     1217        }
     1218        #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
     1219                width: 20px;
     1220                height: 20px;
     1221        }
     1222        #bbpress-forums div.wp-editor-container {
     1223                width: 100%;
     1224                overflow: auto;
     1225        }
     1226        #bbpress-forums fieldset.bbp-form input,
     1227        input#bbp_topic_tags {
     1228                width: 95%;
     1229        }
     1230}
     1231
     1232/* =Styles for smaller device
     1233-------------------------------------------------------------- */
     1234@media only screen and (max-width: 240px) {
     1235        #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
     1236        #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
     1237        #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
     1238        #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
     1239        #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
     1240        #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
     1241        #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
     1242        #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
     1243        #bbpress-forums li.bbp-footer .bbp-reply-content,
     1244        #bbpress-forums li.bbp-footer .bbp-reply-content {
     1245                width: 49%;
     1246        }
     1247        #bbpress-forums li.bbp-header li.bbp-forum-freshness,
     1248        #bbpress-forums li.bbp-body li.bbp-forum-freshness,
     1249        #bbpress-forums li.bbp-header li.bbp-topic-freshness,
     1250        #bbpress-forums li.bbp-body li.bbp-topic-freshness {
     1251                clear: both;
     1252                width: 100%;
     1253        }
     1254        #bbpress-forums li.bbp-header li.bbp-forum-freshness,
     1255        #bbpress-forums li.bbp-header li.bbp-topic-freshness { 
     1256                text-align: center;
     1257        }
     1258        #bbpress-forums li.bbp-header .bbp-reply-author {
     1259                text-align: left;
     1260                width: 100%;
     1261        }
     1262        #bbpress-forums li.bbp-header .bbp-reply-content {
     1263                clear: left;
     1264                margin-left: 0;
     1265        }
     1266        #bbpress-forums li.bbp-header {
     1267                overflow: hidden;
     1268        }
     1269        #bbpress-forums fieldset.bbp-form input,
     1270        input#bbp_topic_tags {
     1271                width: 90%;
     1272        }
     1273}
     1274 No newline at end of file