Making WordPress.org

Changeset 445


Ignore:
Timestamp:
02/28/2014 07:41:49 AM (11 years ago)
Author:
netweb
Message:

WPBBP:

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums/style.css

    r443 r445  
    3434body #headline h2 a:before { content: '\f110'; }
    3535
     36section.wporg-support-forumlist article h2:before {
     37    font-family: 'dashicons';
     38    content: '\f110';
     39    margin-right: 0.4em;
     40    vertical-align: -3px;
     41    font-weight:normal;
     42}
     43
     44section.wporg-support-forumlist article.forums-id-tags  h2:before { content: '\f323'; }
     45section.wporg-support-forumlist article.forums-id-views h2:before { content: '\f177'; }
     46section.wporg-support-forumlist article.forums-id-7     h2:before { content: '\f107'; }
     47section.wporg-support-forumlist article.forums-id-17    h2:before { content: '\f339'; }
     48section.wporg-support-forumlist article.forums-id-19    h2:before { content: '\f100'; }
     49section.wporg-support-forumlist article.forums-id-21    h2:before { content: '\f106'; }
     50section.wporg-support-forumlist article.forums-id-23    h2:before { content: '\f308'; }
     51section.wporg-support-forumlist article.forums-id-25    h2:before { content: '\f118'; }
     52section.wporg-support-forumlist article.forums-id-27    h2:before { content: '\f112'; }
     53section.wporg-support-forumlist article.forums-id-29    h2:before { content: '\f102'; }
     54section.wporg-support-forumlist article.forums-id-31    h2:before { content: '\f120'; }
     55section.wporg-support-forumlist article.forums-id-33    h2:before { content: '\f223'; }
     56section.wporg-support-forumlist article.forums-id-35    h2:before { content: '\f175'; }
     57section.wporg-support-forumlist article.forums-id-37    h2:before { content: '\f220'; }
     58section.wporg-support-forumlist article.forums-id-39    h2:before { content: '\f307'; }
     59section.wporg-support-forumlist article.forums-id-41    h2:before { content: '\f473'; }
     60
    3661/**
    3762* 2.0 Accesability
     
    6388    display: inline-block;
    6489}
     90/* start commented backslash hack \*/
     91* html .wrapper { height: 1%; }
     92.wrapper { display: block; }
     93/* close commented backslash hack */
     94
     95/**
     96* 4.0 header.masthead
     97*/
     98header.masthead {
     99    clear: both;
     100    background: rgb(1, 116, 162);
     101    border: 1px solid rgb(6, 122, 166);
     102    border-width: 1px 0;
     103    position: relative;
     104    overflow: hidden;
     105}
     106
     107header.masthead > .wrap {
     108    max-width: 950px;
     109    padding: 20px 10px;
     110    margin: 0 auto;
     111    overflow: hidden;
     112    position: relative;
     113    z-index: 1;
     114}
     115
     116header.masthead img {
     117    float: right;
     118    display: block;
     119    border: 3px solid #fff;
     120    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     121    margin-left: 40px;
     122    max-width: 98%;
     123    max-width: calc( 100% - 6px );
     124    height: auto;
     125}
     126
     127header.masthead h1 {
     128    float: left;
     129    font-size: 24px;
     130    line-height: 1.5;
     131    color: #fff;
     132    font-family: 'Open Sans', sans-serif;
     133    font-weight: 100;
     134    max-width: 48%;
     135    margin: 0;
     136}
     137
     138header.masthead h5 {
     139    float: left;
     140    margin: 0 5px 10px;
     141    font-family: 'Open Sans', sans-serif;
     142    font-weight: 300;
     143    color: #fff;
     144    font-size: 16px;
     145    line-height: 1.5;
     146    width: 450px;
     147    width: calc( 100% / 2 - 10px );
     148}
     149
     150header.masthead ul {
     151    font-size: 14px;
     152    line-height: 1.5;
     153    font-family: 'Open Sans', sans-serif;
     154    font-weight: 100;
     155    padding: 0px 20px;
     156}
     157
     158header.masthead ul li {
     159    margin-right: 10px;
     160}
     161
     162header.masthead ul li a {
     163    color: #fff;
     164    font-weight: 100;
     165}
     166
     167header.masthead ul li a:hover {
     168    opacity: 0.8;
     169}
     170
     171header.masthead ul ul {
     172    display: none;
     173}
     174
     175/**
     176* 5.0 nav.subhead ===
     177*/
     178
     179nav.subhead {
     180    background: rgb(51, 51, 51);
     181    border-top: 1px solid #0a4c6b;
     182    border-bottom: 1px solid #003245;
     183    position: relative;
     184}
     185
     186nav.subhead .nav-menu ul {
     187    float: left;
     188    padding: 5px 0;
     189    margin: 0 auto;
     190    font-family: 'Open Sans', sans-serif;
     191    font-weight: 300;
     192    font-size: 16px;
     193}
     194
     195nav.subhead .nav-menu ul li {
     196    display: inline-block;
     197    margin-right: 10px;
     198}
     199
     200nav.subhead .nav-menu ul li a {
     201    color: #fff;
     202    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
     203    text-decoration: none;
     204    display: inline-block;
     205    padding: 5px 10px;
     206}
     207
     208nav.subhead .nav-menu ul li a:hover {
     209    opacity: 0.8;
     210}
     211
     212nav.subhead .nav-menu ul ul {
     213    display: none;
     214}
     215
     216nav.subhead form {
     217    float: right;
     218    display: block;
     219    padding: 2px 10px 8px;
     220}
     221
     222nav.subhead form fieldset {
     223    display: block;
     224    height: 23px;
     225    padding-bottom: 9px;
     226}
     227
     228nav.subhead form label {
     229    color: #fff;
     230    display: inline-block;
     231    font-size: 14px;
     232    padding: 9px 5px 0;
     233}
     234
     235nav.subhead input[type=text] {
     236    display: inline-block;
     237    background: rgb(18, 18, 18);
     238    border: 0;
     239    border-bottom: 1px solid rgb(78, 78, 78);
     240    color: #aaa;
     241    padding: 5px;
     242    font-size: 12px;
     243    vertical-align: baseline;
     244}
     245
     246nav.subhead button {
     247    display: inline-block;
     248}
     249
     250/**
     251* 6.0 section.wporg-support-forumlist
     252*/
     253
     254section.wporg-support-forumlist {
     255    padding: 20px 0 60px;
     256}
     257
     258section.wporg-support-forumlist h2 {
     259    font-family: "Open Sans", sans-serif;
     260    font-weight: 600;
     261    padding-bottom: 0.5em;
     262}
     263
     264section.wporg-support-forumlist h2.section-title {
     265    padding: 20px 10px;
     266}
     267
     268section.wporg-support-forumlist article {
     269    margin: 10px;
     270    padding: 20px;
     271    width: 420px;
     272    width: calc( 100% / 2 - 60px );
     273    font-size: 1.5em;
     274    background: #fff;
     275    float: left;
     276    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
     277    -webkit-transition: none 0.4s ease;
     278    -moz-transition: none 0.4s ease;
     279    -ms-transition: none 0.4s ease;
     280    -o-transition: none 0.4s ease;
     281    transition: none 0.4s ease;
     282    -webkit-transition-property: background, box-shadow;
     283    -moz-transition-property: background, box-shadow;
     284    -ms-transition-property: background, box-shadow;
     285    -o-transition-property: background, box-shadow;
     286    transition-property: background, box-shadow;
     287}
     288
     289section.wporg-support-forumlist article:hover {
     290    background: #fcfcfc;
     291    box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
     292}
     293
     294section.wporg-support-forumlist article:nth-of-type(odd) {
     295    clear: left;
     296}
     297
     298section.wporg-support-forumlist article h2 a {
     299    font-weight: 600;
     300    color: #444444;
     301}
     302
     303section.wporg-support-forumlist article div.tag-description p,
     304section.wporg-support-forumlist article div.view-description p {
     305    display: inline;
     306    font-size: 1em;
     307    line-height: 1.5;
     308}
     309
     310section.wporg-support-forumlist article div.count-description p {
     311    display: inline;
     312    font-size: 1em;
     313    line-height: 1.5;
     314}
     315
     316section.wporg-support-forumlist article small {
     317    display: block;
     318    font-size: 0.8em;
     319    font-style: italic;
     320    opacity: 0.5;
     321    padding-top: 0.5em;
     322}
     323
     324section.wporg-support-forumlist article small p {
     325    line-height: 1.5;
     326}
     327
     328@media ( max-width: 960px ) {
     329    section.wporg-support-forumlist article {
     330        width: 43%;
     331        width: calc( 100% / 2 - 60px );
     332    }
     333}
     334
     335@media ( max-width: 600px ) {
     336
     337    header.masthead img {
     338        float: none;
     339        margin: 0 auto 10px;
     340    }
     341
     342    header.masthead h5 {
     343        width: 90%;
     344        width: calc( 100% - 60px );
     345        float: none;
     346    }
     347
     348    nav.subhead ul,
     349    nav.subhead form {
     350        float: none;
     351        text-align: center;
     352    }
     353
     354    nav.subhead form fieldset {
     355        height: auto;
     356    }
     357
     358    nav.subhead form label {
     359        display: block;
     360    }
     361
     362    section.wporg-support-forumlist article {
     363        width: 90%;
     364        width: calc( 100% - 60px );
     365        float: none;
     366    }
     367}
Note: See TracChangeset for help on using the changeset viewer.