html ultimul 2

Upload: alexandruspataru

Post on 19-Feb-2018

249 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/23/2019 HTML Ultimul 2

    1/125

    /*

    Theme Name: Twenty Thirteen

    Theme URI: https://wordpress.org/themes/twentythirteen/

    Author: the WordPress team

    Author URI: https://wordpress.org/

    Description: The !"# theme $or WordPress ta%es us &ac% to the &'og( $eaturing a

    $u'' range o$ post $ormats( each disp'ayed &eauti$u''y in their own uni)ue way.

    Design detai's a&ound( starting with a i&rant co'or scheme and matching header

    images( &eauti$u' typography and icons( and a +e,i&'e 'ayout that 'oo%s great on

    any deice( &ig or sma''.

    -ersion: ".

    icense: 0NU 0enera' Pu&'ic icense or 'ater

    icense URI: http://www.gnu.org/'icenses/gp'1.!.htm'

    Tags: &'ac%( &rown( orange( tan( white( ye''ow( 'ight( one1co'umn( two1co'umns(

    right1side&ar( +uid1'ayout( responsie1'ayout( custom1header( custom1menu( editor1

    sty'e( $eatured1images( micro$ormats( post1$ormats( rt'1'anguage1support( stic%y1

    post( trans'ation1ready( accessi&i'ity1ready

    Te,t Domain: twentythirteen

    This theme( 'i%e WordPress( is 'icensed under the 0P.

    Use it to ma%e something coo'( hae $un( and share what you2e 'earned with

    others.

    */

    /**

    * Ta&'e o$ 3ontents:

    *

    * ".! 1 Reset

  • 7/23/2019 HTML Ultimul 2

    2/125

    * .! 1 Repeata&'e Patterns

    * #.! 1 4asic 5tructure

    * 6.! 1 7eader

    * 6." 1 5ite 7eader

    * 6. 1 Naigation

    * 8.! 1 3ontent

    * 8." 1 9ntry 7eader

    * 8. 1 9ntry eta

    * 8.# 1 9ntry 3ontent

    * 8.6 1 0a''eries

    * 8.8 1 Post ;ormats

    * 8. 1 Attachments

    * 8.< 1 Post/Paging Naigation

    * 8.= 1 Author 4io

    * 8.> 1 Archies

    * 8."! 1 5earch Resu'ts/No posts

    * 8."" 1 6!6

    * 8." 1 3omments

    * 8."# 1 u'tisite

    * .! 1 5ide&ar

    * ." 1 Widgets

    * .! 1 Print

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

  • 7/23/2019 HTML Ultimul 2

    3/125

    /**

    * ".! Reset

    *

    * odi@ed $rom Norma'ie.css to proide cross1&rowser consistency and a smart

    * de$au't sty'ing o$ 7T e'ements.

    *

    * Bsee http://git.io/norma'ie

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    * C

    1we&%it1&o,1siing: &order1&o,

    1mo1&o,1siing: &order1&o,

    &o,1siing: &order1&o,

    E

    artic'e(

    aside(

    detai's(

    @gcaption(

    @gure(

    $ooter(

    header(

    na(

  • 7/23/2019 HTML Ultimul 2

    4/125

    section(

    summary C

    disp'ay: &'oc%

    E

    audio(

    canas(

    ideo C

    disp'ay: in'ine1&'oc%

    E

    audio:notFGcontro'sH C

    disp'ay: none

    height: !

    E

    GhiddenH C

    disp'ay: none

    E

    htm' C

    $ont1sie: "!!J

    oer+ow1y: scro''

    1we&%it1te,t1sie1adKust: "!!J

    1ms1te,t1sie1adKust: "!!J

    E

  • 7/23/2019 HTML Ultimul 2

    5/125

    htm'(

    &utton(

    input(

    se'ect(

    te,tarea C

    $ont1$ami'y: L5ource 5ans ProL( 7e'etica( sans1seri$

    E

    &ody C

    co'or: M"6"6"

    'ine1height: ".8

    margin: !

    E

    a C

    co'or: Mca#c!=

    te,t1decoration: none

    E

    a:isited C

    co'or: Mac!6!6

    E

    a:$ocus C

    out'ine: thin dotted

  • 7/23/2019 HTML Ultimul 2

    6/125

    E

    a:actie(

    a:hoer C

    co'or: Mea>>

    out'ine: !

    E

    a:hoer C

    te,t1decoration: under'ine

    E

    h"(

    h(

    h#(

    h6(

    h8(

    h C

    c'ear: &oth

    $ont1$ami'y: 4itter( 0eorgia( seri$

    'ine1height: ".#

    E

    h" C

    $ont1sie: 6=p,

    margin: ##p, !

  • 7/23/2019 HTML Ultimul 2

    7/125

    E

    h C

    $ont1sie: #!p,

    margin: 8p, !

    E

    h# C

    $ont1sie: p,

    margin: p, !

    E

    h6 C

    $ont1sie: !p,

    margin: 8p, !

    E

    h8 C

    $ont1sie: "=p,

    margin: #!p, !

    E

    h C

    $ont1sie: "p,

    margin: #p, !

    E

  • 7/23/2019 HTML Ultimul 2

    8/125

    address C

    $ont1sty'e: ita'ic

    margin: ! ! 6p,

    E

    a&&rGtit'eH C

    &order1&ottom: "p, dotted

    E

    &(

    strong C

    $ont1weight: &o'd

    E

    d$n C

    $ont1sty'e: ita'ic

    E

    mar% C

    &ac%ground: M!

    co'or: M!!!

    E

    p C

    margin: ! ! 6p,

  • 7/23/2019 HTML Ultimul 2

    9/125

    E

    code(

    %&d(

    pre(

    samp C

    $ont1$ami'y: monospace( seri$

    $ont1sie: "6p,

    1we&%it1hyphens: none

    1mo1hyphens: none

    1ms1hyphens: none

    hyphens: none

    E

    pre C

    &ac%ground: M$8$8$8

    co'or: M

    $ont1$ami'y: monospace

    $ont1sie: "6p,

    margin: !p, !

    oer+ow: auto

    padding: !p,

    white1space: pre

    white1space: pre1wrap

    word1wrap: &rea%1word

    E

  • 7/23/2019 HTML Ultimul 2

    10/125

    &'oc%)uote(

    ) C

    1we&%it1hyphens: none

    1mo1hyphens: none

    1ms1hyphens: none

    hyphens: none

    )uotes: none

    E

    &'oc%)uote:&e$ore(

    &'oc%)uote:a$ter(

    ):&e$ore(

    ):a$ter C

    content: LL

    content: none

    E

    &'oc%)uote C

    $ont1sie: "=p,

    $ont1sty'e: ita'ic

    $ont1weight: #!!

    margin: 6p, 6!p,

    E

    &'oc%)uote &'oc%)uote C

  • 7/23/2019 HTML Ultimul 2

    11/125

    margin1right: !

    E

    &'oc%)uote cite(

    &'oc%)uote sma'' C

    $ont1sie: "6p,

    $ont1weight: norma'

    te,t1trans$orm: uppercase

    E

    &'oc%)uote em(

    &'oc%)uote i C

    $ont1sty'e: norma'

    $ont1weight: #!!

    E

    &'oc%)uote strong(

    &'oc%)uote & C

    $ont1weight: 6!!

    E

    sma'' C

    $ont1sie: sma''er

    E

    su&(

  • 7/23/2019 HTML Ultimul 2

    12/125

    sup C

    $ont1sie:

  • 7/23/2019 HTML Ultimul 2

    13/125

    menu(

    o'(

    u' C

    margin: "p, !

    padding: ! ! ! 6!p,

    E

    u' C

    'ist1sty'e1type: s)uare

    E

    na u'(

    na o' C

    'ist1sty'e: none

    'ist1sty'e1image: none

    E

    'i O u'(

    'i O o' C

    margin: !

    E

    img C

    1ms1interpo'ation1mode: &icu&ic

    &order: !

  • 7/23/2019 HTML Ultimul 2

    14/125

    ertica'1a'ign: midd'e

    E

    sg:notF:root C

    oer+ow: hidden

    E

    @gure C

    margin: !

    E

    $orm C

    margin: !

    E

    @e'dset C

    &order: "p, so'id Mc!c!c!

    margin: ! p,

    padding: !.#8em !.8em !.

  • 7/23/2019 HTML Ultimul 2

    15/125

    &utton(

    input(

    se'ect(

    te,tarea C

    $ont1sie: "!!J

    margin: !

    ma,1width: "!!J

    ertica'1a'ign: &ase'ine

    E

    &utton(

    input C

    'ine1height: norma'

    E

    &utton(

    htm' inputGtypeL&uttonLH(

    inputGtypeLresetLH(

    inputGtypeLsu&mitLH C

    1we&%it1appearance: &utton

    cursor: pointer

    E

    &uttonGdisa&'edH(

    inputGdisa&'edH C

  • 7/23/2019 HTML Ultimul 2

    16/125

    cursor: de$au't

    E

    inputGtypeLchec%&o,LH(

    inputGtypeLradioLH C

    padding: !

    E

    inputGtypeLsearchLH C

    1we&%it1appearance: te,t@e'd

    padding1right: p, /* Don2t cut o the we&%it search cance' &utton */

    width:

    E

    inputGtypeLsearchLH::1we&%it1search1decoration C

    1we&%it1appearance: none

    E

    &utton::1mo1$ocus1inner(

    input::1mo1$ocus1inner C

    &order: !

    padding: !

    E

    te,tarea C

    oer+ow: auto

  • 7/23/2019 HTML Ultimul 2

    17/125

    ertica'1a'ign: top

    E

    ta&'e C

    &order1&ottom: "p, so'id Mededed

    &order1co''apse: co''apse

    &order1spacing: !

    $ont1sie: "6p,

    'ine1height:

    margin: ! ! !p,

    width: "!!J

    E

    caption(

    th(

    td C

    $ont1weight: norma'

    te,t1a'ign: 'e$t

    E

    caption C

    $ont1sie: "p,

    margin: !p, !

    E

    th C

  • 7/23/2019 HTML Ultimul 2

    18/125

    $ont1weight: &o'd

    te,t1trans$orm: uppercase

    E

    td C

    &order1top: "p, so'id Mededed

    padding: p, "!p, p, !

    E

    de' C

    co'or: M###

    E

    ins C

    &ac%ground: M$>c!

    te,t1decoration: none

    E

    hr C

    &ac%ground: ur'Fimages/dotted1'ine.png repeat center top

    &ac%ground1sie: 6p, 6p,

    &order: !

    height: "p,

    margin: ! ! 6p,

    E

  • 7/23/2019 HTML Ultimul 2

    19/125

    /**

    * .! Repeata&'e Patterns

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .genericon:&e$ore(

    .menu1togg'e:a$ter(

    .$eatured1post:&e$ore(

    .date a:&e$ore(

    .entry1meta .author a:&e$ore(

    .$ormat1audio .entry1content:&e$ore(

    .comments1'in% a:&e$ore(

    .tags1'in%s a:@rst1chi'd:&e$ore(

    .categories1'in%s a:@rst1chi'd:&e$ore(

    .edit1'in% a:&e$ore(

    .attachment .entry1tit'e:&e$ore(

    .attachment1meta:&e$ore(

    .attachment1meta a:&e$ore(

    .comment1awaiting1moderation:&e$ore(

    .comment1rep'y1'in%:&e$ore(

    .comment1rep'y1'ogin:&e$ore(

    .comment1rep'y1tit'e sma'' a:&e$ore(

    .&ypostauthor O .comment1&ody .$n:&e$ore(

    .error6!6 .page1tit'e:&e$ore C

    1we&%it1$ont1smoothing: antia'iased

  • 7/23/2019 HTML Ultimul 2

    20/125

    disp'ay: in'ine1&'oc%

    $ont: norma' "p,/" 0enericons

    ertica'1a'ign: te,t1&ottom

    E

    /* 3'earing +oats */

    .c'ear:a$ter(

    .attachment .entry1header:a$ter(

    .site1$ooter .widget1area:a$ter(

    .entry1content:a$ter(

    .page1content:a$ter(

    .naigation:a$ter(

    .na1'in%s:a$ter(

    .ga''ery:a$ter(

    .comment1$orm1author:a$ter(

    .comment1$orm1emai':a$ter(

    .comment1$orm1ur':a$ter(

    .comment1&ody:a$ter C

    c'ear: &oth

    E

    .c'ear:&e$ore(

    .c'ear:a$ter(

    .attachment .entry1header:&e$ore(

    .attachment .entry1header:a$ter(

    .site1$ooter .widget1area:&e$ore(

  • 7/23/2019 HTML Ultimul 2

    21/125

    .site1$ooter .widget1area:a$ter(

    .entry1content:&e$ore(

    .entry1content:a$ter(

    .page1content:&e$ore(

    .page1content:a$ter(

    .naigation:&e$ore(

    .naigation:a$ter(

    .na1'in%s:&e$ore(

    .na1'in%s:a$ter(

    .ga''ery:&e$ore(

    .ga''ery:a$ter(

    .comment1$orm1author:&e$ore(

    .comment1$orm1author:a$ter(

    .comment1$orm1emai':&e$ore(

    .comment1$orm1emai':a$ter(

    .comment1$orm1ur':&e$ore(

    .comment1$orm1ur':a$ter(

    .comment1&ody:&e$ore(

    .comment1&ody:a$ter C

    content: LL

    disp'ay: ta&'e

    E

    /* Assistie te,t */

    .screen1reader1te,t C

    c'ip: rectF"p,( "p,( "p,( "p,

  • 7/23/2019 HTML Ultimul 2

    22/125

    oer+ow: hidden

    position: a&so'ute Qimportant

    height: "p,

    width: "p,

    E

    .screen1reader1te,t:$ocus C

    &ac%ground1co'or: M$"$"$"

    &order1radius: #p,

    &o,1shadow: ! ! p, p, rg&aF!( !( !( !.

    c'ip: auto Qimportant

    co'or: M"&

    disp'ay: &'oc%

    $ont1sie: "6p,

    $ont1weight: &o'd

    height: auto

    'ine1height: norma'

    padding: "8p, #p, "6p,

    position: a&so'ute

    'e$t: 8p,

    top: 8p,

    te,t1decoration: none

    width: auto

    1inde,: "!!!!! /* A&oe WP too'&ar */

    E

  • 7/23/2019 HTML Ultimul 2

    23/125

    /* ;orm @e'ds( genera' sty'es @rst. */

    &utton(

    input(

    te,tarea C

    &order: p, so'id Md6d!&a

    $ont1$ami'y: inherit

    padding: 8p,

    E

    input(

    te,tarea C

    co'or: M"6"6"

    E

    input:$ocus(

    te,tarea:$ocus C

    &order: p, so'id Mc#c!a&

    out'ine: !

    E

    /* 4uttons */

    &utton(

    inputGtypeLsu&mitLH(

    inputGtypeL&uttonLH(

    inputGtypeLresetLH C

    &ac%ground: Me!8d /* 'd &rowsers */

  • 7/23/2019 HTML Ultimul 2

    24/125

    &ac%ground: 1we&%it1'inear1gradientFtop( Me!8d !J( Md>66" "!!J /*

    3hrome "!S( 5a$ari 8."S */

    &ac%ground: 'inear1gradientFto &ottom( Me!8d !J( Md>66" "!!J /*

    W#3 */

    &order: none

    &order1&ottom: #p, so'id M&>#!

  • 7/23/2019 HTML Ultimul 2

    25/125

    &utton:actie(

    inputGtypeLsu&mitLH:actie(

    inputGtypeL&uttonLH:actie(

    inputGtypeLresetLH:actie C

    &ac%ground: Md>66" /* 'd &rowsers */

    &ac%ground: 1we&%it1'inear1gradientFtop( Md>66" !J( Me!8d "!!J /*

    3hrome "!S( 5a$ari 8."S */

    &ac%ground: 'inear1gradientFto &ottom( Md>66" !J( Me!8d "!!J /*

    W#3 */

    &order: none

    &order1top: #p, so'id M&>#!

  • 7/23/2019 HTML Ultimul 2

    26/125

    E

    :1mo1p'aceho'der C

    co'or: M

  • 7/23/2019 HTML Ultimul 2

    27/125

    /* a%e sure images with WordPress1added height and width attri&utes are sca'ed

    correct'y. */

    .entry1content img(

    .entry1summary img(

    .comment1content imgGheightH(

    imgGc'ass*La'ignLH(

    imgGc'ass*Lwp1image1LH(

    imgGc'ass*Lattachment1LH C

    height: auto

    E

    img.sie1$u''(

    img.sie1'arge(

    img.wp1post1image C

    height: auto

    ma,1width: "!!J

    E

    /* a%e sure ideos and em&eds @t their containers. */

    em&ed(

    i$rame(

    o&Kect(

    ideo C

    ma,1width: "!!J

    E

  • 7/23/2019 HTML Ultimul 2

    28/125

    /* erride the Twitter em&ed @,ed width. */

    .entry1content .twitter1tweet1rendered C

    ma,1width: "!!J Qimportant

    E

    /* Images */

    .a'ign'e$t C

    +oat: 'e$t

    E

    .a'ignright C

    +oat: right

    E

    .a'igncenter C

    disp'ay: &'oc%

    margin1'e$t: auto

    margin1right: auto

    E

    @gure.wp1caption.a'ign'e$t(

    img.a'ign'e$t C

    margin: 8p, !p, 8p, !

    E

    .wp1caption.a'ign'e$t C

  • 7/23/2019 HTML Ultimul 2

    29/125

    margin: 8p, "!p, 8p, !

    E

    @gure.wp1caption.a'ignright(

    img.a'ignright C

    margin: 8p, ! 8p, !p,

    E

    .wp1caption.a'ignright C

    margin: 8p, ! 8p, "!p,

    E

    img.a'igncenter C

    margin: 8p, auto

    E

    img.a'ignnone C

    margin: 8p, !

    E

    .wp1caption .wp1caption1te,t(

    .entry1caption(

    .ga''ery1caption C

    co'or: M!e"!

    $ont1sie: "=p,

    $ont1sty'e: ita'ic

  • 7/23/2019 HTML Ultimul 2

    30/125

    $ont1weight: #!!

    margin: ! ! 6p,

    E

    di.wp1caption.a'ignright imgGc'ass*Lwp1image1LH C

    +oat: right

    E

    di.wp1caption.a'ignright .wp1caption1te,t C

    padding1'e$t: "!p,

    E

    img.wp1smi'ey(

    .rsswidget img C

    &order: !

    &order1radius: !

    &o,1shadow: none

    margin1&ottom: !

    margin1top: !

    padding: !

    E

    .wp1caption.a'ign'e$t S u'(

    .wp1caption.a'ign'e$t S o' C

    'ist1sty'e1position: inside

    E

  • 7/23/2019 HTML Ultimul 2

    31/125

    /**

    * #.! 4asic 5tructure

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .site C

    &ac%ground1co'or: M$

    &order1'e$t: "p, so'id M$$$

    &order1right: "p, so'id M$$$

    margin: ! auto

    ma,1width: "!!p,

    width: "!!J

    E

    .site1main C

    position: re'atie

    E

    .site1main .side&ar1container C

    height: !

    position: a&so'ute

    top: 6!p,

    width: "!!J

    1inde,: "

  • 7/23/2019 HTML Ultimul 2

    32/125

    E

    .site1main .side&ar1inner C

    margin: ! auto

    ma,1width: "!6!p,

    E

    /**

    * 6.! 7eader

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    /**

    * 6." 5ite 7eader

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .site1header C

    position: re'atie

    E

    .site1header .home1'in% C

    co'or: M"6"6"

    disp'ay: &'oc%

    margin: ! auto

  • 7/23/2019 HTML Ultimul 2

    33/125

    ma,1width: "!=!p,

    min1height: #!p,

    padding: ! =!p,

    te,t1decoration: none

    width: "!!J

    E

    .site1header .site1tit'e:hoer C

    te,t1decoration: under'ine

    E

    .site1tit'e C

    $ont1sie: !p,

    $ont1weight: &o'd

    'ine1height: "

    margin: !

    padding: 8!p, ! "!p,

    E

    .site1description C

    $ont: #!! ita'ic 6p, L5ource 5ans ProL( 7e'etica( sans1seri$

    margin: !

    E

    /**

  • 7/23/2019 HTML Ultimul 2

    34/125

    * 6. Naigation

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .main1naigation C

    c'ear: &oth

    margin: ! auto

    ma,1width: "!=!p,

    min1height: 68p,

    position: 'e$t

    E

    u'.na1menu(

    di.na1menu O u' C

    margin: !

    padding: "8p, =!p,

    E

    .na1menu 'i C

    disp'ay: in'ine1&'oc%

    position: re'atie

    E

    .na1menu 'i a C

    co'or: M"6"6"

    disp'ay: &'oc%

  • 7/23/2019 HTML Ultimul 2

    35/125

    $ont1sie: "8p,

    'ine1height: "

    padding: "8p, !p,

    te,t1decoration: none

    E

    .na1menu 'i:hoer O a(

    .na1menu 'i a:hoer(

    .na1menu 'i:$ocus O a(

    .na1menu 'i a:$ocus C

    &ac%ground1co'or: M!e"!

    co'or: M$

    E

    .na1menu .su&1menu(

    .na1menu .chi'dren C

    &ac%ground1co'or: M!e"!

    &order: p, so'id M$>>>>

    height: "p,

    width: "p,

    oer+ow: hidden

  • 7/23/2019 HTML Ultimul 2

    36/125

    c'ip: rectF"p,( "p,( "p,( "p,

    E

    .na1menu .su&1menu u'(

    .na1menu .chi'dren u' C

    &order1'e$t: !

    'e$t: "!!J

    top: !

    E

    u'.na1menu u' a(

    .na1menu u' u' a C

    co'or: M$

    margin: !

    width: !!p,

    E

    u'.na1menu u' a:hoer(

    .na1menu u' u' a:hoer(

    u'.na1menu u' a:$ocus(

    .na1menu u' u' a:$ocus C

    &ac%ground1co'or: Md&8

  • 7/23/2019 HTML Ultimul 2

    37/125

    u'.na1menu .$ocus O u'(

    .na1menu .$ocus O u' C

    c'ip: inherit

    oer+ow: inherit

    height: inherit

    width: inherit

    E

    .na1menu .currentpageitem O a(

    .na1menu .currentpageancestor O a(

    .na1menu .current1menu1item O a(

    .na1menu .current1menu1ancestor O a C

    co'or: M&c#!a

    $ont1sty'e: ita'ic

    E

    .menu1togg'e C

    disp'ay: none

    E

    /* Na&ar */

    .na&ar C

    &ac%ground1co'or: M$

  • 7/23/2019 HTML Ultimul 2

    38/125

    width: "!!J

    E

    .site1header .search1$orm C

    position: a&so'ute

    right: !p,

    top: "p,

    E

    .site1header .search1@e'd C

    &ac%ground1co'or: transparent

    &ac%ground1image: ur'Fimages/search1icon.png

    &ac%ground1position: 8p, center

    &ac%ground1repeat: no1repeat

    &ac%ground1sie: 6p, 6p,

    &order: none

    cursor: pointer

    height: #

  • 7/23/2019 HTML Ultimul 2

    39/125

    .site1header .search1@e'd:$ocus C

    &ac%ground1co'or: M$

    &order: p, so'id Mc#c!a&

    cursor: te,t

    out'ine: !

    width: #!p,

    E

    /**

    * 8.! 3ontent

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .hentry C

    padding: 6!p, !

    E

    .entry1header(

    .entry1content(

    .entry1summary(

    .entry1meta C

    margin: ! auto

    ma,1width: !6p,

    width: "!!J

    E

  • 7/23/2019 HTML Ultimul 2

    40/125

    .side&ar .entry1header(

    .side&ar .entry1content(

    .side&ar .entry1summary(

    .side&ar .entry1meta C

    ma,1width: "!6!p,

    padding: ! #

  • 7/23/2019 HTML Ultimul 2

    41/125

    E

    .entry1tit'e C

    $ont1sie: p,

    $ont1weight: norma'

    margin: ! ! 8p,

    E

    .entry1tit'e a C

    co'or: M"6"6"

    E

    .entry1tit'e a:hoer C

    co'or: Mea>>

    E

    /**

    * 8. 9ntry eta

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .entry1meta C

    c'ear: &oth

    $ont1sie: "6p,

    E

  • 7/23/2019 HTML Ultimul 2

    42/125

    .entry1meta a C

    co'or: M&c#!a

    E

    .entry1meta a:hoer C

    co'or: M&c#!a

    E

    .entry1meta O span C

    margin1right: !p,

    E

    .entry1meta O span:'ast1chi'd C

    margin1right: !

    E

    .$eatured1post:&e$ore C

    content: L$#!=L

    margin1right: p,

    E

    .entry1meta .date a:&e$ore C

    content: L$#!#L

    E

  • 7/23/2019 HTML Ultimul 2

    43/125

    .comments1'in% a:&e$ore C

    content: L$#!!L

    margin1right: p,

    position: re'atie

    top: 1"p,

    E

    .entry1meta .author a:&e$ore C

    content: L$#!6L

    position: re'atie

    top: 1"p,

    E

    .categories1'in%s a:@rst1chi'd:&e$ore C

    content: L$#!"L

    E

    .tags1'in%s a:@rst1chi'd:&e$ore C

    content: L$#!L

    position: re'atie

    top: 1"p,

    E

    .edit1'in% a:&e$ore C

    content: L$6""L

    position: re'atie

  • 7/23/2019 HTML Ultimul 2

    44/125

    top: 1"p,

    E

    .sing'e1author .entry1meta .author(

    .stic%y.$ormat1standard .entry1meta .date(

    .stic%y.$ormat1audio .entry1meta .date(

    .stic%y.$ormat1chat .entry1meta .date(

    .stic%y.$ormat1image .entry1meta .date(

    .stic%y.$ormat1ga''ery .entry1meta .date C

    disp'ay: none

    E

    /**

    * 8.# 9ntry 3ontent

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .entry1content C

    1we&%it1hyphens: auto

    1mo1hyphens: auto

    1ms1hyphens: auto

    hyphens: auto

    word1wrap: &rea%1word

    E

  • 7/23/2019 HTML Ultimul 2

    45/125

    .entry1content a(

    .comment1content a C

    co'or: M&c#!a

    E

    .entry1content a:hoer(

    .comment1content a:hoer C

    co'or: Mea>>

    E

    .entry1content .more1'in% C

    white1space: nowrap

    E

    .entry1content &'oc%)uote C

    $ont1sie: 6p,

    E

    .entry1content &'oc%)uote cite(

    .entry1content &'oc%)uote sma'' C

    $ont1sie: "p,

    E

    .entry1content img.a'ign'e$t(

    .entry1content .wp1caption.a'ign'e$t C

    margin1'e$t: 1"p,

  • 7/23/2019 HTML Ultimul 2

    46/125

    E

    .entry1content img.a'ignright(

    .entry1content .wp1caption.a'ignright C

    margin1right: 1!p,

    E

    $ooter.entry1meta C

    margin1top: 6p,

    E

    .$ormat1standard $ooter.entry1meta C

    margin1top: !

    E

    /* Page 'in%s */

    .page1'in%s C

    c'ear: &oth

    $ont1sie: "p,

    $ont1sty'e: ita'ic

    $ont1weight: norma'

    'ine1height: .

    margin: !p, !

    te,t1trans$orm: uppercase

    E

  • 7/23/2019 HTML Ultimul 2

    47/125

    .page1'in%s a(

    .page1'in%s O span C

    &ac%ground: M$

    &order: "p, so'id M$

    padding: 8p, "!p,

    te,t1decoration: none

    E

    .$ormat1status .entry1content .page1'in%s a(

    .$ormat1ga''ery .entry1content .page1'in%s a(

    .$ormat1chat .entry1content .page1'in%s a(

    .$ormat1)uote .entry1content .page1'in%s a(

    .page1'in%s a C

    &ac%ground: Me#$a

    &order: "p, so'id Me#$a

    co'or: M$

    E

    .$ormat1ga''ery .entry1content .page1'in%s a:hoer(

    .$ormat1audio .entry1content .page1'in%s a:hoer(

    .$ormat1status .entry1content .page1'in%s a:hoer(

    .$ormat1ideo .entry1content .page1'in%s a:hoer(

    .$ormat1chat .entry1content .page1'in%s a:hoer(

    .$ormat1)uote .entry1content .page1'in%s a:hoer(

    .page1'in%s a:hoer C

    &ac%ground: M$

  • 7/23/2019 HTML Ultimul 2

    48/125

    co'or: Me#$a

    E

    .$ormat1status .entry1content .page1'in%s O span(

    .$ormat1)uote .entry1content .page1'in%s O span C

    &ac%ground: none

    E

    .page1'in%s .page1'in%s1tit'e C

    &ac%ground: transparent

    &order: none

    margin1right: !p,

    padding: !

    E

    /* ediae'ements */

    .hentry .meKs1mediae'ement(

    .hentry .meKs1container .meKs1contro's C

    &ac%ground: M!e"!

    E

    .hentry .meKs1contro's .meKs1time1rai' .meKs1time1'oaded(

    .hentry .meKs1contro's .meKs1horionta'1o'ume1s'ider .meKs1horionta'1o'ume1

    current C

    &ac%ground: M$

    E

  • 7/23/2019 HTML Ultimul 2

    49/125

    .hentry .meKs1contro's .meKs1time1rai' .meKs1time1current C

    &ac%ground: Mea>>

    E

    .hentry .meKs1contro's .meKs1time1rai' .meKs1time1tota'(

    .hentry .meKs1contro's .meKs1horionta'1o'ume1s'ider .meKs1horionta'1o'ume1tota' C

    &ac%ground: M8>8>8>

    E

    .hentry .meKs1contro's .meKs1time1rai' span(

    .hentry .meKs1contro's .meKs1horionta'1o'ume1s'ider .meKs1horionta'1o'ume1tota'(

    .hentry .meKs1contro's .meKs1horionta'1o'ume1s'ider .meKs1horionta'1o'ume1

    current C

    &order1radius: !

    E

    /**

    * 8.6 0a''eries

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .ga''ery C

    margin1&ottom: !p,

    margin1'e$t: 16p,

    E

  • 7/23/2019 HTML Ultimul 2

    50/125

    .ga''ery1item C

    +oat: 'e$t

    margin: ! 6p, 6p, !

    oer+ow: hidden

    position: re'atie

    E

    .ga''ery1co'umns1".ga''ery1sie1medium(

    .ga''ery1co'umns1".ga''ery1sie1thum&nai'(

    .ga''ery1co'umns1.ga''ery1sie1thum&nai'(

    .ga''ery1co'umns1#.ga''ery1sie1thum&nai' C

    disp'ay: ta&'e

    margin: ! auto !p,

    E

    .ga''ery1co'umns1" .ga''ery1item(

    .ga''ery1co'umns1 .ga''ery1item(

    .ga''ery1co'umns1# .ga''ery1item C

    te,t1a'ign: center

    E

    .ga''ery1co'umns16 .ga''ery1item C

    ma,1width: #J

    ma,1width: 1we&%it1ca'cF8J 1 6p,

    ma,1width: ca'cF8J 1 6p,

    E

  • 7/23/2019 HTML Ultimul 2

    51/125

    .ga''ery1co'umns18 .ga''ery1item C

    ma,1width: ">J

    ma,1width: 1we&%it1ca'cF!J 1 6p,

    ma,1width: ca'cF!J 1 6p,

    E

    .ga''ery1co'umns1 .ga''ery1item C

    ma,1width: "8J

    ma,1width: 1we&%it1ca'cF".

  • 7/23/2019 HTML Ultimul 2

    52/125

    ma,1width: >J

    ma,1width: 1we&%it1ca'cF""."J 1 6p,

    ma,1width: ca'cF""."J 1 6p,

    E

    .ga''ery1co'umns1" .ga''ery1item:nth1o$1typeF"n(

    .ga''ery1co'umns1 .ga''ery1item:nth1o$1typeFn(

    .ga''ery1co'umns1# .ga''ery1item:nth1o$1typeF#n(

    .ga''ery1co'umns16 .ga''ery1item:nth1o$1typeF6n(

    .ga''ery1co'umns18 .ga''ery1item:nth1o$1typeF8n(

    .ga''ery1co'umns1 .ga''ery1item:nth1o$1typeFn(

    .ga''ery1co'umns1< .ga''ery1item:nth1o$1typeF .ga''ery1item:nth1o$1typeF>n C

    margin1right: !

    E

    .ga''ery1co'umns1".ga''ery1sie1medium @gure.ga''ery1item:nth1o$1typeF"nS"(

    .ga''ery1co'umns1".ga''ery1sie1thum&nai' @gure.ga''ery1item:nth1o$1typeF"nS"(

    .ga''ery1co'umns1.ga''ery1sie1thum&nai' @gure.ga''ery1item:nth1o$1typeFnS"(

    .ga''ery1co'umns1#.ga''ery1sie1thum&nai' @gure.ga''ery1item:nth1o$1typeF#nS" C

    c'ear: 'e$t

    E

    .ga''ery1caption C

    &ac%ground1co'or: rg&aF!( !( !( !.

  • 7/23/2019 HTML Ultimul 2

    53/125

    &o,1siing: &order1&o,

    co'or: M$

    $ont1sie: "6p,

    'ine1height: ".#

    margin: !

    ma,1height: 8!J

    opacity: !

    padding: p, =p,

    position: a&so'ute

    &ottom: !

    'e$t: !

    te,t1a'ign: 'e$t

    1we&%it1transition: opacity 6!!ms ease

    transition: opacity 6!!ms ease

    width: "!!J

    E

    .ga''ery1caption:&e$ore C

    &o,1shadow: ! 1"!p, "8p, M!!! inset

    content: LL

    height: "!!J

    min1height: 6>p,

    position: a&so'ute

    'e$t: !

    top: !

    width: "!!J

  • 7/23/2019 HTML Ultimul 2

    54/125

    E

    .ga''ery1item:hoer .ga''ery1caption C

    opacity: "

    E

    .ga''ery1co'umns1< .ga''ery1caption(

    .ga''ery1co'umns1= .ga''ery1caption(

    .ga''ery1co'umns1> .ga''ery1caption C

    disp'ay: none

    E

    /**

    * 8.8 Post ;ormats

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    /* Aside */

    .$ormat1aside C

    &ac%ground1co'or: M$

  • 7/23/2019 HTML Ultimul 2

    55/125

    .$ormat1aside S .$ormat1'in%(

    .$ormat1'in% S .$ormat1aside C

    &o,1shadow: inset ! p, p, rg&aF"

  • 7/23/2019 HTML Ultimul 2

    56/125

    &ac%ground1co'or: Md&8

  • 7/23/2019 HTML Ultimul 2

    57/125

    +oat: right

    padding1'e$t: #8p,

    width: =!J

    width: 1we&%it1ca'cF"!!J 1 =8p,

    width: ca'cF"!!J 1 =8p,

    E

    .$ormat1audio .wp1audio1shortcode C

    height: #!p, Qimportant /* erride mediae'ement.Ks sty'e */

    margin: !p, !

    ma,1width: 6!!p, Qimportant /* erride mediae'ement.Ks sty'e */

    E

    .$ormat1audio audio C

    ma,1width: "!!J Qimportant /* Aoid p'ayer width oer+ow. */

    E

    /* 3hat */

    .$ormat1chat C

    &ac%ground1co'or: Meadaa

    E

    .$ormat1chat .entry1tit'e C

    $ont1sie: =p,

    $ont1weight: &o'd

    E

  • 7/23/2019 HTML Ultimul 2

    58/125

    .$ormat1chat .entry1meta a(

    .$ormat1chat .entry1content a C

    co'or: M

  • 7/23/2019 HTML Ultimul 2

    59/125

    .$ormat1chat .chat .$n C

    $ont1sty'e: norma'

    E

    /* 0a''ery */

    .$ormat1ga''ery C

    &ac%ground1co'or: M$&ca#c

    E

    .$ormat1ga''ery .entry1header C

    margin1&ottom: "8p,

    E

    .$ormat1ga''ery .entry1tit'e C

    $ont1sie: 8!p,

    $ont1weight: 6!!

    margin: !

    E

    .$ormat1ga''ery .entry1meta a(

    .$ormat1ga''ery .entry1content a C

    co'or: M

  • 7/23/2019 HTML Ultimul 2

    60/125

    .$ormat1image .entry1tit'e C

    $ont1sie: =p,

    $ont1weight: &o'd

    E

    .$ormat1image .categories1'in%s(

    .$ormat1image .tags1'in%s C

    disp'ay: none

    E

    /* in% */

    .$ormat1'in% C

    &ac%ground1co'or: M$

  • 7/23/2019 HTML Ultimul 2

    61/125

    co'or: Mca#c!=

    disp'ay: in'ine

    $ont: #!! ita'ic !p, L5ource 5ans ProL( 7e'etica( sans1seri$

    margin1right: !p,

    E

    .$ormat1'in% .entry1tit'e a C

    co'or: M&c#!a

    E

    .$ormat1'in% di.entry1meta C

    disp'ay: in'ine

    E

    /* 5tandard */

    .$ormat1standard .wp1ideo(

    .$ormat1standard .wp1audio1shortcode(

    .$ormat1audio .wp1audio1shortcode(

    .$ormat1standard .ideo1p'ayer C

    margin1&ottom: 6p,

    E

    /* ?uote */

    .$ormat1)uote C

    &ac%ground1co'or: M"!d"!

    E

  • 7/23/2019 HTML Ultimul 2

    62/125

    .$ormat1)uote .entry1content(

    .$ormat1)uote .entry1meta C

    co'or: M$

  • 7/23/2019 HTML Ultimul 2

    63/125

    .$ormat1)uote &'oc%)uote sma''(

    .$ormat1)uote &'oc%)uote cite C

    disp'ay: &'oc%

    $ont1sie: "p,

    E

    .$ormat1)uote &'oc%)uote C

    $ont1sty'e: ita'ic

    $ont1weight: #!!

    padding1'e$t:

  • 7/23/2019 HTML Ultimul 2

    64/125

    E

    /* 5tatus */

    .$ormat1status C

    &ac%ground1co'or: M

  • 7/23/2019 HTML Ultimul 2

    65/125

    .$ormat1status .entry1content:&e$ore(

    .$ormat1status .entry1meta:&e$ore C

    &ac%ground: ur'Fimages/dotted1'ine.png repeat1y 'e$t &ottom

    &ac%ground1sie: 6p, 6p,

    content: LL

    disp'ay: &'oc%

    height: "!!J

    position: a&so'ute

    'e$t: "!p,

    top: !

    width: "p,

    E

    .side&ar .$ormat1status .entry1content:&e$ore(

    .side&ar .$ormat1status .entry1meta:&e$ore C

    'e$t:

    E

    .$ormat1status .categories1'in%s(

    .$ormat1status .tags1'in%s C

    disp'ay: none

    E

    /* 9nsures the dots in the dot &ac%ground are in 'oc%step. */

    .$ormat1status .entry1meta:&e$ore C

  • 7/23/2019 HTML Ultimul 2

    66/125

    &ac%ground1position: 'e$t top

    E

    .$ormat1status .entry1content C

    co'or: M$

  • 7/23/2019 HTML Ultimul 2

    67/125

    .$ormat1status .entry1content p:'ast1chi'd C

    margin1&ottom: !

    E

    .$ormat1status .entry1meta C

    margin1top: !

    padding1&ottom: 6!p,

    E

    .$ormat1status .entry1meta .date a:&e$ore C

    content: L$"!8L

    E

    /* -ideo */

    .$ormat1ideo C

    &ac%ground1co'or: Md&8

  • 7/23/2019 HTML Ultimul 2

    68/125

    .$ormat1ideo .entry1tit'e C

    $ont1sie: 8!p,

    $ont1weight: 6!!

    E

    .$ormat1ideo .entry1meta C

    co'or: M!e"!

    E

    /**

    * 8. Attachments

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .attachment .hentry C

    &ac%ground1co'or: Me=e8ce

    margin: !

    padding: !

    E

    .attachment .entry1header C

    margin1&ottom: !

    ma,1width: "!6!p,

    padding: #!p, !

    E

  • 7/23/2019 HTML Ultimul 2

    69/125

    .attachment .entry1tit'e C

    disp'ay: in'ine1&'oc%

    +oat: 'e$t

    $ont: #!! ita'ic #!p, L5ource 5ans ProL( 7e'etica( sans1seri$

    margin: !

    E

    .attachment .entry1tit'e:&e$ore C

    content: L$6"L

    $ont1sie: #p,

    margin1right: "!p,

    E

    .attachment .entry1meta C

    c'ear: none

    co'or: inherit

    +oat: right

    ma,1width: !6p,

    padding: >p, ! !

    te,t1a'ign: right

    E

    .hentry.attachment:notF.image1attachment .entry1meta C

    ma,1width: "!6p,

    E

  • 7/23/2019 HTML Ultimul 2

    70/125

    .attachment $ooter.entry1meta C

    disp'ay: none

    E

    .attachment1meta:&e$ore C

    content: L$#!

  • 7/23/2019 HTML Ultimul 2

    71/125

    padding: 6!p, !

    E

    .image1naigation C

    margin: ! auto

    ma,1width: "!6!p,

    position: re'atie

    E

    .image1naigation a:hoer C

    te,t1decoration: none

    E

    .image1naigation .na1preious(

    .image1naigation .na1ne,t C

    position: a&so'ute

    top: 8!p,

    E

    .image1naigation .na1preious C

    'e$t: !

    E

    .image1naigation .na1ne,t C

    right: !

    E

  • 7/23/2019 HTML Ultimul 2

    72/125

    .image1naigation .meta1na C

    $ont1sie: #p,

    $ont1weight: #!!

    ertica'1a'ign: 16p,

    E

    .attachment .entry1attachment(

    .attachment .type1attachment p C

    margin: ! auto

    ma,1width:

  • 7/23/2019 HTML Ultimul 2

    73/125

    .attachment .entry1caption p:'ast1chi'd(

    .attachment .entry1description p:'ast1chi'd C

    margin: !

    E

    .attachment .site1main .side&ar1container C

    disp'ay: none

    E

    .attachment .entry1content .meKs1audio C

    ma,1width: 6!!p,

    margin: ! auto

    E

    .attachment .entry1content .wp1ideo C

    margin: ! auto

    E

    .attachment .entry1content .meKs1container C

    margin1&ottom: 6p,

    E

    /**

    * 8.< Post/Paging Naigation

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

  • 7/23/2019 HTML Ultimul 2

    74/125

    */

    .naigation .na1preious C

    +oat: 'e$t

    E

    .naigation .na1ne,t C

    +oat: right

    E

    .naigation a C

    co'or: M&c#!a

    E

    .naigation a:hoer C

    co'or: Mea>>

    te,t1decoration: none

    E

    .paging1naigation C

    &ac%ground1co'or: Me=e8ce

    padding: 6!p, !

    E

    .paging1naigation .na1'in%s C

    margin: ! auto

  • 7/23/2019 HTML Ultimul 2

    75/125

    ma,1width: !6p,

    width: "!!J

    E

    .side&ar .paging1naigation .na1'in%s C

    ma,1width: "!6!p,

    padding: ! #

  • 7/23/2019 HTML Ultimul 2

    76/125

    te,t1a'ign: center

    width: 8!p,

    E

    .paging1naigation .na1preious .meta1na C

    margin1right: "!p,

    padding: ">

    te,t1decoration: none

    E

    .post1naigation C

    &ac%ground1co'or: M$

    co'or: Mca#c!=

    $ont1sie: !p,

    $ont1sty'e: ita'ic

    $ont1weight: #!!

    padding: !p, !

  • 7/23/2019 HTML Ultimul 2

    77/125

    E

    .post1naigation .na1'in%s C

    margin: ! auto

    ma,1width: "!6!p,

    E

    .side&ar .post1naigation .na1'in%s C

    padding: ! #

  • 7/23/2019 HTML Ultimul 2

    78/125

    te,t1a'ign: 'e$t /* ga''ery V ideo post $ormats */

    width: "!!J

    E

    .author.side&ar .author1in$o C

    ma,1width: "!6!p,

    padding: #!p, #

  • 7/23/2019 HTML Ultimul 2

    79/125

    E

    .author1'in% C

    co'or: Mca#c!=

    margin1'e$t: p,

    E

    .author.archie .author1'in% C

    disp'ay: none

    E

    /**

    * 8.> Archies

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .archie1header C

    &ac%ground1co'or: Me=e8ce

    E

    .archie1tit'e(

    .archie1meta C

    $ont: #!! ita'ic #!p, L5ource 5ans ProL( 7e'etica( sans1seri$

    margin: ! auto

    ma,1width: "!6!p,

  • 7/23/2019 HTML Ultimul 2

    80/125

    padding: #!p, !

    width: "!!J

    E

    .archie1meta C

    $ont1sie: "p,

    $ont1sty'e: norma'

    $ont1weight: norma'

    margin1top: 1"8p,

    padding: ! ! ""p,

    E

    .side&ar .archie1meta C

    padding1right: #"p,

    E

    /**

    * 8."! 5earch Resu'ts/No posts

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .page1header C

    &ac%ground1co'or: Me=e8ce

    E

  • 7/23/2019 HTML Ultimul 2

    81/125

    .page1tit'e C

    $ont: #!! ita'ic #!p, L5ource 5ans ProL( 7e'etica( sans1seri$

    margin: ! auto

    ma,1width: "!6!p,

    padding: #!p, !

    width: "!!J

    E

    .page1content C

    margin: ! auto

    ma,1width: !6p,

    padding: 6!p, !

    width: "!!J

    E

    .side&ar .page1content C

    margin: ! auto

    ma,1width: "!6!p,

    padding: 6!p, #

  • 7/23/2019 HTML Ultimul 2

    82/125

    .error6!6 .page1header C

    &ac%ground1co'or: M$

    E

    .error6!6 .page1tit'e C

    'ine1height: !.

    margin: !

    padding: #!!p,

    position: re'atie

    te,t1a'ign: center

    width: auto

    E

    .error6!6 .page1tit'e:&e$ore C

    co'or: Me=e8ce

    content: L$6#L

    $ont1sie: >6p,

    'ine1height: !.

    oer+ow: hidden

    position: a&so'ute

    'e$t:

  • 7/23/2019 HTML Ultimul 2

    83/125

    &ac%ground1co'or: Me=e8ce

    E

    .error6!6 .page1header(

    .error6!6 .page1content C

    margin: ! auto

    ma,1width: "!6!p,

    padding1&ottom: 6!p,

    width: "!!J

    E

    /**

    * 8." 3omments

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .comments1tit'e(

    .comment1'ist(

    .comment1rep'y1tit'e(

    .must1'og1in(

    .comment1respond .comment1$orm(

    .comment1respond i$rame C

    disp'ay: &'oc%

    margin1'e$t: auto

    margin1right: auto

  • 7/23/2019 HTML Ultimul 2

    84/125

    ma,1width: !6p,

    width: "!!J

    E

    .side&ar .comments1tit'e(

    .side&ar .comment1'ist(

    .side&ar .must1'og1in(

    .side&ar .comment1rep'y1tit'e(

    .side&ar .comment1naigation(

    .side&ar .comment1respond .comment1$orm C

    ma,1width: "!6!p,

    padding1'e$t: !p,

    padding1right: #

  • 7/23/2019 HTML Ultimul 2

    85/125

    margin1'e$t: !p,

    E

    .comment1'ist O 'i:a$ter(

    .comment1'ist .chi'dren O 'i:&e$ore C

    &ac%ground: ur'Fimages/dotted1'ine.png repeat 'e$t top

    &ac%ground1sie: 6p, 6p,

    content: LL

    disp'ay: &'oc%

    height: "p,

    width: "!!J

    E

    .comment1'ist O 'i:'ast1chi'd:a$ter C

    disp'ay: none

    E

    .comment1&ody C

    padding: 6p, !

    position: re'atie

    E

    .comment1author C

    +oat: 'e$t

    ma,1width:

  • 7/23/2019 HTML Ultimul 2

    86/125

    .comment1author .aatar C

    disp'ay: &'oc%

    margin1&ottom: "!p,

    E

    .comment1author .$n C

    word1wrap: &rea%1word

    E

    .comment1author .$n(

    .comment1author .ur'(

    .comment1rep'y1'in%(

    .comment1rep'y1'ogin C

    co'or: M&c#!a

    $ont1sie: "6p,

    $ont1sty'e: norma'

    $ont1weight: norma'

    E

    .says C

    disp'ay: none

    E

    .no1aatars .comment1author C

    margin: ! ! 8p,

  • 7/23/2019 HTML Ultimul 2

    87/125

    ma,1width: "!!J

    position: re'atie

    E

    .no1aatars .comment1metadata(

    .no1aatars .comment1content(

    .no1aatars .comment1'ist .rep'y C

    width: "!!J

    E

    .&ypostauthor O .comment1&ody .$n:&e$ore C

    content: L$6!=L

    ertica'1a'ign: te,t1top

    E

    .comment1'ist .edit1'in% C

    margin1'e$t: !p,

    E

    .comment1metadata(

    .comment1awaiting1moderation(

    .comment1content(

    .comment1'ist .rep'y C

    +oat: right

    width: J

    width: 1we&%it1ca'cF"!!J 1 "6p,

  • 7/23/2019 HTML Ultimul 2

    88/125

    width: ca'cF"!!J 1 "6p,

    word1wrap: &rea%1word

    E

    .comment1meta(

    .comment1meta a C

    co'or: Maaa

    $ont1sie: "#p,

    E

    .comment1meta a:hoer C

    co'or: Mea>>

    E

    .comment1metadata C

    margin1&ottom: !p,

    E

    .ping1meta C

    co'or: Maaa

    $ont1sie: "#p,

    'ine1height:

    E

    .comment1awaiting1moderation C

    co'or: Maaa

  • 7/23/2019 HTML Ultimul 2

    89/125

    E

    .comment1awaiting1moderation:&e$ore C

    content: L$6"6L

    margin1right: 8p,

    position: re'atie

    top: 1p,

    E

    .comment1rep'y1'in%:&e$ore(

    .comment1rep'y1'ogin:&e$ore C

    content: L$6"L

    margin1right: #p,

    E

    /* 3omment $orm */

    .comment1respond C

    &ac%ground1co'or: M$

  • 7/23/2019 HTML Ultimul 2

    90/125

    .comment1rep'y1tit'e C

    $ont: #!! ita'ic =p, L5ource 5ans ProL( 7e'etica( sans1seri$

    E

    .comment1rep'y1tit'e sma'' a C

    co'or: M"#"#"!

    disp'ay: in'ine1&'oc%

    +oat: right

    height: "p,

    oer+ow: hidden

    width: "p,

    E

    .comment1rep'y1tit'e sma'' a:hoer C

    co'or: Med##"c

    te,t1decoration: none

    E

    .comment1rep'y1tit'e sma'' a:&e$ore C

    content: L$6!L

    ertica'1a'ign: top

    E

    .side&ar .comment1'ist .comment1rep'y1tit'e(

    .side&ar .comment1'ist .comment1respond .comment1$orm C

    padding: !

  • 7/23/2019 HTML Ultimul 2

    91/125

    E

    .comment1$orm .comment1notes C

    margin1&ottom: "8p,

    E

    .comment1$orm .comment1$orm1author(

    .comment1$orm .comment1$orm1emai'(

    .comment1$orm .comment1$orm1ur' C

    margin1&ottom: =p,

    E

    .comment1$orm G$orLauthorLH(

    .comment1$orm G$orLemai'LH(

    .comment1$orm G$orLur'LH(

    .comment1$orm G$orLcommentLH C

    +oat: 'e$t

    padding: 8p, !

    width: "!p,

    E

    .comment1$orm .re)uired C

    co'or: Med##"c

    E

    .comment1$orm inputGtypeLte,tLH(

  • 7/23/2019 HTML Ultimul 2

    92/125

    .comment1$orm inputGtypeLemai'LH(

    .comment1$orm inputGtypeLur'LH C

    ma,1width:

    width: !J

    E

    .comment1$orm te,tarea C

    width: "!!J

    E

    .$orm1a''owed1tags(

    .$orm1a''owed1tags code C

    co'or: M=

  • 7/23/2019 HTML Ultimul 2

    93/125

    .comment1naigation C

    $ont1sie: !p,

    $ont1sty'e: ita'ic

    $ont1weight: #!!

    margin: ! auto

    ma,1width: !6p,

    padding: !p, ! #!p,

    width: "!!J

    E

    .no1comments C

    &ac%ground1co'or: M$

  • 7/23/2019 HTML Ultimul 2

    94/125

    /**

    * 8."# u'tisite

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .site1main .muregister C

    margin: ! auto

    ma,1width: !6p,

    width: "!!J

    E

    .mua'ert C

    margin1top: 8p,

    E

    .site1main .muregister inputGtypeLsu&mitLH(

    .site1main .muregister M&'ogtit'e(

    .site1main .muregister Museremai'(

    .site1main .muregister M&'ogname(

    .site1main .muregister Musername C

    $ont1sie: inherit

    width:

    E

    .site1main .muregister inputGtypeLsu&mitLH C

    width: auto

  • 7/23/2019 HTML Ultimul 2

    95/125

    E

    /**

    * .! 5ide&ar

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .site1main .widget1area C

    +oat: right

    width: #!!p,

    E

    /**

    * ." Widgets

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    .widget C

    &ac%ground1co'or: rg&aF6

  • 7/23/2019 HTML Ultimul 2

    96/125

    margin: ! ! 6p,

    padding: !p,

    word1wrap: &rea%1word

    E

    .widget .widget1tit'e C

    $ont: #!! ita'ic !p, L5ource 5ans ProL( 7e'etica( sans1seri$

    margin: ! ! "!p,

    E

    .widget u'(

    .widget o' C

    'ist1sty'e1type: none

    margin: !

    padding: !

    E

    .widget 'i C

    padding: 8p, !

    E

    .widget .chi'dren 'i:'ast1chi'd C

    padding1&ottom: !

    E

    .widget 'i O u'(

  • 7/23/2019 HTML Ultimul 2

    97/125

    .widget 'i O o' C

    margin1'e$t: !p,

    E

    .widget a C

    co'or: M&c#!a

    E

    .widget a:hoer C

    co'or: Mea>>

    E

    /* 5earch widget */

    .search1$orm .search1su&mit C

    disp'ay: none

    E

    /* R55 Widget */

    .widgetrss .rss1date C

    disp'ay: &'oc%

    E

    .widgetrss .rss1date(

    .widgetrss 'i O cite C

    co'or: Maaa

    E

  • 7/23/2019 HTML Ultimul 2

    98/125

    /* 3a'endar Widget */

    .widgetca'endar ta&'e(

    .widgetca'endar td C

    &order: !

    &order1co''apse: separate

    &order1spacing: "p,

    E

    .widgetca'endar caption C

    $ont1sie: "6p,

    margin: !

    E

    .widgetca'endar th(

    .widgetca'endar td C

    padding: !

    te,t1a'ign: center

    E

    .widgetca'endar a C

    disp'ay: &'oc%

    E

    .widgetca'endar a:hoer C

    &ac%ground1co'or: rg&aF!( !( !( !."8

  • 7/23/2019 HTML Ultimul 2

    99/125

    E

    .widgetca'endar t&ody td C

    &ac%ground1co'or: rg&aF88( 88( 88( !.8

    E

    .site1$ooter .widgetca'endar t&ody td C

    &ac%ground1co'or: rg&aF88( 88( 88( !.!8

    E

    .widgetca'endar t&ody .pad( .site1$ooter .widgetca'endar t&ody .pad C

    &ac%ground1co'or: transparent

    E

    /**

    *

  • 7/23/2019 HTML Ultimul 2

    100/125

    .site1$ooter .widget1area(

    .side&ar .site1$ooter C

    te,t1a'ign: right

    E

    .site1$ooter a C

    co'or: M=

  • 7/23/2019 HTML Ultimul 2

    101/125

    .site1$ooter .widget C

    &ac%ground: transparent

    co'or: M$

    +oat: 'e$t

    margin1right: !p,

    width: 68p,

    E

    .side&ar .site1$ooter .widget C

    width: =p,

    E

    .side&ar .site1$ooter .widget:nth1o$1typeF6(

    .side&ar .site1$ooter .widget:nth1o$1typeF# C

    margin1right: !

    E

    .site1$ooter .widget a C

    co'or: Me6!a

    E

    .site1$ooter .widget1tit'e(

    .site1$ooter .widget1tit'e a(

    .site1$ooter .wp1caption1te,t C

    co'or: M$

  • 7/23/2019 HTML Ultimul 2

    102/125

    E

    .site1in$o C

    margin: ! auto

    ma,1width: "!6!p,

    padding: #!p, !

    width: "!!J

    E

    Mwpstats C

    disp'ay: &'oc%

    margin: 1"!p, auto !

    E

    /**

    * =.! edia ?ueries

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    /* Does the same thing as meta nameLiewportL contentLwidthdeice1

    widthLO(

    * &ut in the $uture W#3 standard way. 1ms1 pre@, is re)uired $or I9"!S to

    * render responsie sty'ing in Windows = LsnappedL iews I9"!S does not honor

    * the meta tag. 5ee https://core.trac.wordpress.org/tic%et/8===.

    */

    B1ms1iewport C

  • 7/23/2019 HTML Ultimul 2

    103/125

    width: deice1width

    E

    Biewport C

    width: deice1width

    E

    Bmedia Fma,1width: "8>>p, C

    .site C

    &order: !

    E

    E

    Bmedia Fma,1width: "!>p, C

    .side&ar img.a'ign'e$t(

    .side&ar .wp1caption.a'ign'e$t C

    margin1'e$t: !

    E

    .side&ar img.a'ignright(

    .side&ar .wp1caption.a'ignright C

    margin1right: !

    E

    .error6!6 .page1header C

    margin1'e$t: auto

    ma,1width: !6p,

  • 7/23/2019 HTML Ultimul 2

    104/125

    width: "!!J

    E

    .archie1header(

    .search .page1header(

    .archie .page1header(

    .&'og .page1header(

    .error6!6 .page1content(

    .search .page1content(

    .archie .page1content(

    .attachment .entry1header(

    .attachment .entry1content(

    .post1naigation .na1'in%s(

    .side&ar .site1in$o(

    .site1$ooter .widget1area C

    padding1'e$t: !p,

    padding1right: !p,

    E

    .error6!6 .page1tit'e C

    $ont1sie: 6p,

    padding: "=!p,

    E

    .error6!6 .page1tit'e:&e$ore C

    $ont1sie: 886p,

  • 7/23/2019 HTML Ultimul 2

    105/125

    E

    .attachment .image1naigation C

    ma,1width: >>p, C

    .side&ar .entry1header(

    .side&ar .entry1content(

    .side&ar .entry1summary(

    .side&ar .entry1meta(

    .side&ar .comment1'ist(

    .side&ar .comment1rep'y1tit'e(

    .side&ar .comment1naigation(

    .side&ar .comment1respond .comment1$orm(

    .side&ar .$eatured1ga''ery(

  • 7/23/2019 HTML Ultimul 2

    106/125

    .side&ar .post1naigation .na1'in%s(

    .author.side&ar .author1in$o C

    ma,1width: !6p,

    padding1'e$t: !

    padding1right: !

    E

    .side&ar .site1in$o(

    .search.side&ar .page1content(

    .&'og.side&ar .page1content(

    .attachment .entry1header(

    .side&ar .comments1tit'e C

    ma,1width: !6p,

    E

    .side&ar .archie1meta(

    .attachment .entry1header(

    .search.side&ar .page1content(

    .&'og.side&ar .page1content(

    .side&ar .site1in$o(

    .side&ar .comments1tit'e(

    .side&ar .no1comments C

    padding1'e$t: !

    padding1right: !

    E

  • 7/23/2019 HTML Ultimul 2

    107/125

    .attachment .entry1meta C

    +oat: 'e$t

    te,t1a'ign: 'e$t

    width: "!!J

    E

    .attachment .entry1content C

    ma,1width: "!!J

    padding: 6!p, !

    E

    .$ormat1status .entry1content C

    padding1top: 6!p,

    E

    .$ormat1status .entry1meta C

    padding1&ottom: 6!p,

    E

    .side&ar .$ormat1status .entry1content(

    .side&ar .$ormat1status .entry1meta C

    padding1'e$t: #8p,

    E

    .side&ar .$ormat1status .entry1content:&e$ore(

    .side&ar .$ormat1status .entry1meta:&e$ore C

  • 7/23/2019 HTML Ultimul 2

    108/125

    'e$t: "!p,

    E

    .side&ar .$ormat1status .entry1content p:@rst1chi'd:&e$ore C

    'e$t: 6p,

    E

    .side&ar .paging1naigation .na1'in%s C

    padding: ! !p,

    E

    .site1main .side&ar1container C

    height: auto

    margin: ! auto

    ma,1width: !6p,

    position: re'atie

    top: !p,

    E

    .site1main .widget1area C

    +oat: none

    margin: !

    width: "!!J

    E

    .side&ar .site1$ooter .widget1area C

  • 7/23/2019 HTML Ultimul 2

    109/125

    ma,1width: "!!J

    'e$t: !

    E

    E

    /* 3o''apse oersied image and pu''ed images a$ter iPad &rea%point. */

    Bmedia Fma,1width:

  • 7/23/2019 HTML Ultimul 2

    110/125

    ma,1width: !6p,

    padding: !

    width: "!!J

    E

    .ga''ery1caption C

    disp'ay: none

    E

    E

    Bmedia Fma,1width: 6#p, C

    .site1tit'e C

    $ont1sie: #!p,

    E

    Mcontent .entry1header(

    Mcontent .entry1content(

    Mcontent .entry1summary(

    Mcontent $ooter.entry1meta(

    Mcontent .$eatured1ga''ery(

    .search.side&ar .page1content(

    .&'og.side&ar .page1content(

    .side&ar .post1naigation .na1'in%s(

    .paging1naigation .na1'in%s(

    Mcontent .author1in$o(

    .comments1area .comments1tit'e(

  • 7/23/2019 HTML Ultimul 2

    111/125

    .comments1area .comment1'ist(

    .comments1area .comment1naigation(

    .comment1respond(

    .side&ar .site1in$o(

    .side&ar .paging1naigation .na1'in%s C

    padding1'e$t: !p,

    padding1right: !p,

    E

    Mcontent .$ormat1status .entry1content(

    Mcontent .$ormat1status .entry1met C

    padding1'e$t: #8p,

    E

    /* 5ma'' menu */

    .menu1togg'e C

    cursor: pointer

    disp'ay: in'ine1&'oc%

    $ont: &o'd "p,/".# L5ource 5ans ProL( 7e'etica( sans1seri$

    margin: !

    E

    .menu1togg'e(

    .menu1togg'e:hoer(

    .menu1togg'e:$ocus(

    .menu1togg'e:actie C

  • 7/23/2019 HTML Ultimul 2

    112/125

    &ac%ground: none

    &order: none

    co'or: M"6"6"

    padding: "p, ! "p, !p,

    E

    .menu1togg'e:$ocus C

    out'ine: thin dotted

    E

    .menu1togg'e:a$ter C

    content: L$8!L

    $ont1sie: "p,

    padding1'e$t: =p,

    ertica'1a'ign: 16p,

    E

    .togg'ed1on .menu1togg'e:a$ter C

    content: L$8!!L

    ertica'1a'ign: p,

    E

    .togg'ed1on .na1menu(

    .togg'ed1on .na1menu O u' C

    disp'ay: &'oc%

    margin1'e$t: !

  • 7/23/2019 HTML Ultimul 2

    113/125

    padding: !

    width: "!!J

    E

    .togg'ed1on 'i(

    .togg'ed1on .chi'dren C

    disp'ay: &'oc%

    E

    .togg'ed1on .na1menu 'i O u' C

    &ac%ground1co'or: transparent

    disp'ay: &'oc%

    +oat: none

    margin1'e$t: !p,

    position: re'atie

    'e$t: auto

    top: auto

    E

    .togg'ed1on .na1menu 'i O u' a C

    co'or: M"6"6"

    width: auto

    E

    .togg'ed1on .na1menu 'i:hoer O a(

    .togg'ed1on .na1menu .chi'dren a C

  • 7/23/2019 HTML Ultimul 2

    114/125

    &ac%ground1co'or: transparent

    co'or: M"6"6"

    E

    .togg'ed1on .na1menu O 'i a:hoer(

    .togg'ed1on .na1menu O u' a:hoer C

    &ac%ground1co'or: Md&8

  • 7/23/2019 HTML Ultimul 2

    115/125

    margin1right: !

    width: "!!J

    E

    .entry1tit'e(

    .$ormat1chat .entry1tit'e(

    .$ormat1image .entry1tit'e(

    .$ormat1ga''ery .entry1tit'e(

    .$ormat1ideo .entry1tit'e C

    $ont1sie: p,

    $ont1weight: &o'd

    E

    .$ormat1)uote &'oc%)uote(

    .$ormat1status .entry1content C

    $ont1sie: "=p,

    E

    .$ormat1)uote &'oc%)uote sma''(

    .$ormat1)uote &'oc%)uote cite C

    $ont1sie: "#p,

    E

    .error6!6 .page1tit'e C

    padding: 6!p, ! !

    E

  • 7/23/2019 HTML Ultimul 2

    116/125

    .error6!6 .page1tit'e:&e$ore C

    content: norma'

    E

    .comment1author C

    margin1right: #!p,

    E

    .comment1author .aatar C

    height: auto

    ma,1width: "!!J

    E

    .comment1metadata(

    .comment1content(

    .comment1'ist .rep'y C

    width:

    width: 1we&%it1ca'cF"!!J 1 "!6p,

    width: ca'cF"!!J 1 "!6p,

    E

    .comment1$orm inputGtypeLte,tLH(

    .comment1$orm inputGtypeLemai'LH(

    .comment1$orm inputGtypeLur'LH C

    width: 1we&%it1ca'cF"!!J 1 "!p,

  • 7/23/2019 HTML Ultimul 2

    117/125

    width: ca'cF"!!J 1 "!p,

    E

    .comment1$orm te,tarea C

    height: =!p, /* 5ma''er @e'd $or mo&i'e. */

    E

    /* Audio */

    .$ormat1audio .entry1content:&e$ore C

    disp'ay: none

    E

    .$ormat1audio .audio1content C

    &ac%ground1image: none

    +oat: none

    padding1'e$t: !

    width: auto

    E

    E

    /* o&i'e deices */

    Bmedia Fma,1width: #8>p, C

    .site1tit'e C

    $ont1weight: norma'

    E

    .site1description C

  • 7/23/2019 HTML Ultimul 2

    118/125

    c'ip: rectF"p,( "p,( "p,( "p,

    position: a&so'ute

    E

    .ga''ery C

    margin1'e$t: !

    E

    .ga''ery .ga''ery1item(

    .ga''ery1co'umns1.ga''ery1sie1thum&nai' .ga''ery1item C

    ma,1width: none

    width: 6>J

    width: 1we&%it1ca'cF8!J 1 6p,

    width: ca'cF8!J 1 6p,

    E

    .ga''ery1co'umns1".ga''ery1sie1medium(

    .ga''ery1co'umns1".ga''ery1sie1thum&nai'(

    .ga''ery1co'umns1.ga''ery1sie1thum&nai'(

    .ga''ery1co'umns1#.ga''ery1sie1thum&nai' C

    disp'ay: &'oc%

    E

    .ga''ery1co'umns1" .ga''ery1item(

    .ga''ery1co'umns1".ga''ery1sie1medium .ga''ery1item(

    .ga''ery1co'umns1".ga''ery1sie1thum&nai' .ga''ery1item C

    te,t1a'ign: center

  • 7/23/2019 HTML Ultimul 2

    119/125

    width: >=J

    width: 1we&%it1ca'cF"!!J 1 6p,

    width: ca'cF"!!J 1 6p,

    E

    .ga''ery1co'umns1# .ga''ery1item:nth1o$1typeF#n(

    .ga''ery1co'umns18 .ga''ery1item:nth1o$1typeF8n(

    .ga''ery1co'umns1< .ga''ery1item:nth1o$1typeF

  • 7/23/2019 HTML Ultimul 2

    120/125

    .comment1author .aatar C

    disp'ay: in'ine

    margin: ! 8p, ! !

    ma,1width: !p,

    E

    .comment1metadata(

    .comment1content(

    .comment1'ist .rep'y C

    width: "!!J

    E

    E

    /**

    * >.! Print

    * 1111111111111111111111111111111111111111111111111111111111111111111111111111

    */

    /* Retina1speci@c sty'es. */

    Bmedia print(

    F1o1min1deice1pi,e'1ratio: 8/6(

    F1we&%it1min1deice1pi,e'1ratio: ".8(

    Fmin1reso'ution: "!dpi C

    .site1header .search1@e'd C

  • 7/23/2019 HTML Ultimul 2

    121/125

    &ac%ground1image: ur'Fimages/search1icon1,.png

    E

    .$ormat1audio .audio1content(

    .$ormat1status .entry1content:&e$ore(

    .$ormat1status .entry1meta:&e$ore(

    .comment1'ist O 'i:a$ter(

    .comment1'ist .chi'dren O 'i:&e$ore C

    &ac%ground1image: ur'Fimages/dotted1'ine1,.png

    E

    E

    Bmedia print C

    &ody C

    &ac%ground: none Qimportant

    co'or: M!!!

    $ont1sie: "!pt

    E

    $ooter aGre'L&oo%mar%LH:'in%:a$ter(

    $ooter aGre'L&oo%mar%LH:isited:a$ter C

    content: L GL attrFhre$ LH L /* 5how URs */

    E

    .site C

    ma,1width: >=J

  • 7/23/2019 HTML Ultimul 2

    122/125

    E

    .site1header C

    &ac%ground1image: none Qimportant

    E

    .site1header .home1'in% C

    ma,1width: none

    min1height: !

    E

    .site1tit'e C

    co'or: M!!!

    $ont1sie: "pt

    E

    .site1description C

    $ont1sie: "!pt

    E

    .author1aatar(

    .site1$ooter(

    .comment1respond(

    .comments1area .comment1edit1'in%(

    .comments1area .rep'y(

    .comments1'in%(

  • 7/23/2019 HTML Ultimul 2

    123/125

    .entry1meta .edit1'in%(

    .page1'in%s(

    .site1content na(

    .widget1area(

    .main1naigation(

    .na&ar(

    .more1'in% C

    disp'ay: none

    E

    .entry1header(

    .entry1content(

    .entry1summary(

    .entry1meta C

    margin: !

    width: "!!J

    E

    .page1tit'e(

    .entry1tit'e C

    $ont1sie: "pt

    E

    .entry1meta(

    .entry1meta a C

    co'or: M666

  • 7/23/2019 HTML Ultimul 2

    124/125

    $ont1sie: "!pt

    E

    .entry1content img.a'ign'e$t(

    .entry1content .wp1caption.a'ign'e$t C

    margin1'e$t: !

    E

    .entry1content img.a'ignright(

    .entry1content .wp1caption.a'ignright C

    margin1right: !

    E

    .$ormat1image .entry1content .sie1$u'' C

    margin: !

    E

    /* Remoe co'ors $rom post $ormats */

    .hentry C

    &ac%ground1co'or: M$

    E

    /* 3omments */

    .comments1area O 'i.comment C

    &ac%ground: none

    position: re'atie

  • 7/23/2019 HTML Ultimul 2

    125/125

    width: auto

    E

    .comment1metadata C

    +oat: none

    E

    .comment1author .$n(

    .comment1rep'y1'in%(

    .comment1rep'y1'ogin C

    co'or: M###

    E

    E