Changeset ad5759b in OpenWorkouts-current


Ignore:
Timestamp:
Jan 15, 2019, 11:01:05 PM (5 years ago)
Author:
borja <borja@…>
Branches:
current, feature/docs, master
Children:
02048a6, e0e2c10
Parents:
0be1b0d
Message:

Fixed indentation of main.css

File:
1 edited

Legend:

Unmodified
Added
Removed

  • ow/static/css/main.css

    r0be1b0d rad5759b  
    11img,legend {
    2         border:0
     2    border:0
    33}
    44
    55legend,td,th {
    6         padding:0
     6    padding:0
    77}
    88
    99.add-workout,.button,sub,sup {
    10         position:relative
     10    position:relative
    1111}
    1212
    1313.button,.header-content a,.workout-resume ul a,.workout-title a {
    14         text-decoration:none
     14    text-decoration:none
    1515}
    1616
    1717@font-face {
    18         font-family:'Open Sans';
    19         font-style:normal;
    20         font-weight:300;
    21         src:local('Open Sans Light'),local('OpenSans-Light'),url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
     18    font-family:'Open Sans';
     19    font-style:normal;
     20    font-weight:300;
     21    src:local('Open Sans Light'),local('OpenSans-Light'),url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
    2222}
    2323
    2424@font-face {
    25         font-family:'Open Sans';
    26         font-style:normal;
    27         font-weight:400;
    28         src:local('Open Sans'),local('OpenSans'),url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
     25    font-family:'Open Sans';
     26    font-style:normal;
     27    font-weight:400;
     28    src:local('Open Sans'),local('OpenSans'),url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
    2929}
    3030
    3131@font-face {
    32         font-family:'Open Sans';
    33         font-style:normal;
    34         font-weight:700;
    35         src:local('Open Sans Bold'),local('OpenSans-Bold'),url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
     32    font-family:'Open Sans';
     33    font-style:normal;
     34    font-weight:700;
     35    src:local('Open Sans Bold'),local('OpenSans-Bold'),url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
    3636}
    3737
    3838@font-face {
    39         font-family:'Open Sans';
    40         font-style:normal;
    41         font-weight:800;
    42         src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
     39    font-family:'Open Sans';
     40    font-style:normal;
     41    font-weight:800;
     42    src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
    4343}
    4444
    4545@font-face {
    46         font-family:'Open Sans';
    47         font-style:italic;
    48         font-weight:300;
    49         src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxrfB31yxOzP-czbf6AAKCVo.ttf) format('truetype')
     46    font-family:'Open Sans';
     47    font-style:italic;
     48    font-weight:300;
     49    src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxrfB31yxOzP-czbf6AAKCVo.ttf) format('truetype')
    5050}
    5151
    5252@font-face {
    53         font-family:'Open Sans';
    54         font-style:italic;
    55         font-weight:400;
    56         src:local('Open Sans Italic'),local('OpenSans-Italic'),url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
     53    font-family:'Open Sans';
     54    font-style:italic;
     55    font-weight:400;
     56    src:local('Open Sans Italic'),local('OpenSans-Italic'),url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
    5757}
    5858
    5959@font-face {
    60         font-family:'Open Sans';
    61         font-style:italic;
    62         font-weight:700;
    63         src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')
     60    font-family:'Open Sans';
     61    font-style:italic;
     62    font-weight:700;
     63    src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')
    6464}
    6565
    6666html {
    67         font-family:sans-serif;
    68         -ms-text-size-adjust:100%;
    69         -webkit-text-size-adjust:100%;
    70         box-sizing:border-box
     67    font-family:sans-serif;
     68    -ms-text-size-adjust:100%;
     69    -webkit-text-size-adjust:100%;
     70    box-sizing:border-box
    7171}
    7272
    7373article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    74         display:block
     74    display:block
    7575}
    7676
    7777audio,canvas,progress,video {
    78         display:inline-block;
    79         vertical-align:baseline
     78    display:inline-block;
     79    vertical-align:baseline
    8080}
    8181
    8282audio:not([controls]) {
    83         display:none;
    84         height:0
     83    display:none;
     84    height:0
    8585}
    8686
    8787.hide,[hidden],template {
    88         display:none
     88    display:none
    8989}
    9090
    9191a {
    92         background-color:transparent
     92    background-color:transparent
    9393}
    9494
    9595a:active,a:hover {
    96         outline:0
     96    outline:0
    9797}
    9898
    9999abbr[title] {
    100         border-bottom:1px dotted
     100    border-bottom:1px dotted
    101101}
    102102
    103103b,optgroup,strong {
    104         font-weight:700
     104    font-weight:700
    105105}
    106106
    107107dfn {
    108         font-style:italic
     108    font-style:italic
    109109}
    110110
    111111h1 {
    112         font-size:2em;
    113         margin:.67em 0
     112    font-size:2em;
     113    margin:.67em 0
    114114}
    115115
    116116mark {
    117         background:#ff0;
    118         color:#000
     117    background:#ff0;
     118    color:#000
    119119}
    120120
    121121small {
    122         font-size:80%
     122    font-size:80%
    123123}
    124124
    125125sub,sup {
    126         font-size:75%;
    127         line-height:0;
    128         vertical-align:baseline
     126    font-size:75%;
     127    line-height:0;
     128    vertical-align:baseline
    129129}
    130130
    131131sup {
    132         top:-.5em
     132    top:-.5em
    133133}
    134134
    135135sub {
    136         bottom:-.25em
     136    bottom:-.25em
    137137}
    138138
    139139svg:not(:root) {
    140         overflow:hidden
     140    overflow:hidden
    141141}
    142142
    143143figure {
    144         margin:1em 40px
     144    margin:1em 40px
    145145}
    146146
    147147hr {
    148         box-sizing:content-box;
    149         height:0
     148    box-sizing:content-box;
     149    height:0
    150150}
    151151
    152152pre,textarea {
    153         overflow:auto
     153    overflow:auto
    154154}
    155155
    156156code,kbd,pre,samp {
    157         font-family:monospace,monospace;
    158         font-size:1em
     157    font-family:monospace,monospace;
     158    font-size:1em
    159159}
    160160
    161161button,input,optgroup,select,textarea {
    162         color:inherit;
    163         font:inherit;
    164         margin:0
     162    color:inherit;
     163    font:inherit;
     164    margin:0
    165165}
    166166
    167167button {
    168         overflow:visible
     168    overflow:visible
    169169}
    170170
    171171button,select {
    172         text-transform:none
     172    text-transform:none
    173173}
    174174
    175175button,html input[type=button],input[type=reset],input[type=submit] {
    176         -webkit-appearance:button;
    177         cursor:pointer
     176    -webkit-appearance:button;
     177    cursor:pointer
    178178}
    179179
    180180button[disabled],html input[disabled] {
    181         cursor:default
     181    cursor:default
    182182}
    183183
    184184button::-moz-focus-inner,input::-moz-focus-inner {
    185         border:0;
    186         padding:0
     185    border:0;
     186    padding:0
    187187}
    188188
    189189input {
    190         line-height:normal
     190    line-height:normal
    191191}
    192192
    193193input[type=checkbox],input[type=radio] {
    194         box-sizing:border-box;
    195         padding:0
     194    box-sizing:border-box;
     195    padding:0
    196196}
    197197
    198198input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    199         height:auto
     199    height:auto
    200200}
    201201
    202202input[type=search] {
    203         -webkit-appearance:textfield;
    204         box-sizing:content-box
     203    -webkit-appearance:textfield;
     204    box-sizing:content-box
    205205}
    206206
    207207input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    208         -webkit-appearance:none
     208    -webkit-appearance:none
    209209}
    210210
    211211fieldset {
    212         border:1px solid silver;
    213         margin:0 2px;
    214         padding:.35em .625em .75em
     212    border:1px solid silver;
     213    margin:0 2px;
     214    padding:.35em .625em .75em
    215215}
    216216
    217217table {
    218         border-collapse:collapse;
    219         border-spacing:0
     218    border-collapse:collapse;
     219    border-spacing:0
    220220}
    221221
    222222body {
    223         margin:0;
    224         font-family:'Open Sans',sans-serif
     223    margin:0;
     224    font-family:'Open Sans',sans-serif
    225225}
    226226
    227227*,:after,:before {
    228         box-sizing:inherit
     228    box-sizing:inherit
    229229}
    230230
    231231.button {
    232         box-sizing:border-box;
    233         display:inline-block;
    234         text-align:center;
    235         vertical-align:middle;
    236         cursor:pointer;
    237         border:1px solid transparent;
    238         font-style:normal;
    239         white-space:nowrap;
    240         text-overflow:ellipsis;
    241         padding:.3em 1em;
    242         margin:0;
    243         overflow:hidden;
    244         background:#e1e1e1;
    245         color:#151515;
    246         font-size:1em;
    247         line-height:1.25;
    248         max-width:100%
     232    box-sizing:border-box;
     233    display:inline-block;
     234    text-align:center;
     235    vertical-align:middle;
     236    cursor:pointer;
     237    border:1px solid transparent;
     238    font-style:normal;
     239    white-space:nowrap;
     240    text-overflow:ellipsis;
     241    padding:.3em 1em;
     242    margin:0;
     243    overflow:hidden;
     244    background:#e1e1e1;
     245    color:#151515;
     246    font-size:1em;
     247    line-height:1.25;
     248    max-width:100%
    249249}
    250250
    251251.login-content {
    252         background-image:url(../media/img/back-01.jpg);
    253         background-size:cover;
    254         display:-webkit-flex;
    255         display:-ms-flexbox;
    256         display:flex;
    257         -webkit-justify-content:center;
    258         -ms-flex-pack:center;
    259         justify-content:center;
    260         -webkit-align-items:center;
    261         -ms-flex-align:center;
    262         align-items:center;
    263         min-height:300px;
    264         padding:1em 0;
    265         transition:all 250ms ease-in-out
     252    background-image:url(../media/img/back-01.jpg);
     253    background-size:cover;
     254    display:-webkit-flex;
     255    display:-ms-flexbox;
     256    display:flex;
     257    -webkit-justify-content:center;
     258    -ms-flex-pack:center;
     259    justify-content:center;
     260    -webkit-align-items:center;
     261    -ms-flex-align:center;
     262    align-items:center;
     263    min-height:300px;
     264    padding:1em 0;
     265    transition:all 250ms ease-in-out
    266266}
    267267
    268268@media (min-width:1024px) {
    269         .login-content {
     269    .login-content {
    270270        min-height:550px
    271 }
     271    }
    272272
    273273
    … …  
    275275
    276276@media (min-width:1440px) {
    277         .login-content {
     277    .login-content {
    278278        min-height:650px
    279 }
     279    }
    280280
    281281
    … …  
    283283
    284284.login-content .message {
    285         padding:.5em;
    286         margin:0;
    287         text-align:center;
    288         font-size:13px;
    289         font-size:.8125rem
     285    padding:.5em;
     286    margin:0;
     287    text-align:center;
     288    font-size:13px;
     289    font-size:.8125rem
    290290}
    291291
    292292.login-content .message.message-error {
    293         color:#fff;
    294         background-color:red
     293    color:#fff;
     294    background-color:red
    295295}
    296296
    297297.login-content form {
    298         width:100%;
    299         max-width:350px
     298    width:100%;
     299    max-width:350px
    300300}
    301301
    302302.login-content legend {
    303         display:none
     303    display:none
    304304}
    305305
    306306.login-content fieldset {
    307         border:none;
    308         background-color:rgba(21,21,21,.6);
    309         border-radius:6px;
    310         padding:2em
     307    border:none;
     308    background-color:rgba(21,21,21,.6);
     309    border-radius:6px;
     310    padding:2em
    311311}
    312312
    313313.login-content fieldset>div {
    314         margin-bottom:1.5em
     314    margin-bottom:1.5em
    315315}
    316316
    317317.login-content input {
    318         width:100%;
    319         padding:.5em .75em;
    320         border:1px solid transparent;
    321         border-radius:2px
     318    width:100%;
     319    padding:.5em .75em;
     320    border:1px solid transparent;
     321    border-radius:2px
    322322}
    323323
    324324.login-content input:focus {
    325         border-color:#EE4056
     325    border-color:#EE4056
    326326}
    327327
    328328.login-content label {
    329         display:block;
    330         font-size:14px;
    331         font-size:.875rem;
    332         color:#959595;
    333         margin-bottom:.25em
     329    display:block;
     330    font-size:14px;
     331    font-size:.875rem;
     332    color:#959595;
     333    margin-bottom:.25em
    334334}
    335335
    336336.login-content .button {
    337         transition:all .5s ease-in-out;
    338         background-color:#EE4056;
    339         color:#fff;
    340         margin-bottom:1em;
    341         text-transform:uppercase
     337    transition:all .5s ease-in-out;
     338    background-color:#EE4056;
     339    color:#fff;
     340    margin-bottom:1em;
     341    text-transform:uppercase
    342342}
    343343
    344344.login-content .button:hover {
    345         background-color:#e6152f
     345    background-color:#e6152f
    346346}
    347347
    348348.signup-content {
    349         background-image:url(../media/img/signup-01.jpg);
    350         background-size:cover;
    351         display:-webkit-flex;
    352         display:-ms-flexbox;
    353         display:flex;
    354         -webkit-justify-content:center;
    355         -ms-flex-pack:center;
    356         justify-content:center;
    357         -webkit-align-items:center;
    358         -ms-flex-align:center;
    359         align-items:center;
    360         min-height:300px;
    361         padding:1em 0;
    362         transition:all 250ms ease-in-out
     349    background-image:url(../media/img/signup-01.jpg);
     350    background-size:cover;
     351    display:-webkit-flex;
     352    display:-ms-flexbox;
     353    display:flex;
     354    -webkit-justify-content:center;
     355    -ms-flex-pack:center;
     356    justify-content:center;
     357    -webkit-align-items:center;
     358    -ms-flex-align:center;
     359    align-items:center;
     360    min-height:300px;
     361    padding:1em 0;
     362    transition:all 250ms ease-in-out
    363363}
    364364
    365365@media (min-width:1024px) {
    366         .signup-content {
     366    .signup-content {
    367367        min-height:550px
    368 }
     368    }
    369369
    370370
    … …  
    372372
    373373@media (min-width:1440px) {
    374         .signup-content {
     374    .signup-content {
    375375        min-height:650px
    376 }
     376    }
    377377
    378378
    … …  
    380380
    381381.signup-content form {
    382         width:100%;
    383         max-width:40%
     382    width:100%;
     383    max-width:40%
    384384}
    385385
    386386.signup-content ul.error li {
    387         color:#fff;
    388         background-color:red
     387    color:#fff;
     388    background-color:red
    389389}
    390390
    391391.signup-content legend {
    392         display:none
     392    display:none
    393393}
    394394
    395395.signup-content fieldset {
    396         border:none;
    397         background-color:rgba(21,21,21,.6);
    398         border-radius:6px;
    399         padding:2em
     396    border:none;
     397    background-color:rgba(21,21,21,.6);
     398    border-radius:6px;
     399    padding:2em
    400400}
    401401
    402402.signup-content fieldset>div {
    403         margin-bottom:1.5em
     403    margin-bottom:1.5em
    404404}
    405405
    406406.signup-content input {
    407         width:100%;
    408         padding:.5em .75em;
    409         border:1px solid transparent;
    410         border-radius:2px
     407    width:100%;
     408    padding:.5em .75em;
     409    border:1px solid transparent;
     410    border-radius:2px
    411411}
    412412
    413413.signup-content input:focus {
    414         border-color:#EE4056
     414    border-color:#EE4056
    415415}
    416416
    417417.signup-content label {
    418         display:block;
    419         font-size:14px;
    420         font-size:.875rem;
    421         color:#959595;
    422         margin-bottom:.25em
     418    display:block;
     419    font-size:14px;
     420    font-size:.875rem;
     421    color:#959595;
     422    margin-bottom:.25em
    423423}
    424424
    425425.signup-content .button {
    426         transition:all .5s ease-in-out;
    427         background-color:#EE4056;
    428         color:#fff;
    429         margin-bottom:1em;
    430         text-transform:uppercase
     426    transition:all .5s ease-in-out;
     427    background-color:#EE4056;
     428    color:#fff;
     429    margin-bottom:1em;
     430    text-transform:uppercase
    431431}
    432432
    433433.logo span,.workout-title:before {
    434         transition:all 250ms ease-in-out
     434    transition:all 250ms ease-in-out
    435435}
    436436
    437437.logo-open,.logo:hover span {
    438         color:#EE4056
     438    color:#EE4056
    439439}
    440440
    441441.header-content .description,.logo {
    442         margin:0
     442    margin:0
    443443}
    444444
    445445.signup-content .button:hover {
    446         background-color:#e6152f
     446    background-color:#e6152f
    447447}
    448448
    449449.header-content {
    450         padding:1em 1.5em
     450    padding:1em 1.5em
    451451}
    452452
    453453.logo {
    454         font-size:24px;
    455         font-size:1.5rem;
    456         line-height:1em;
    457         font-weight:800;
    458         text-transform:uppercase;
    459         display:inline-block
     454    font-size:24px;
     455    font-size:1.5rem;
     456    line-height:1em;
     457    font-weight:800;
     458    text-transform:uppercase;
     459    display:inline-block
    460460}
    461461
    462462.logo-open {
    463         display:block
     463    display:block
    464464}
    465465
    466466.logo-outs,.logo-work {
    467         color:#f8b5be
     467    color:#f8b5be
    468468}
    469469
    470470.nav-site {
    471         font-size:13px;
    472         font-size:.8125rem
     471    font-size:13px;
     472    font-size:.8125rem
    473473}
    474474
    475475.nav-site ul {
    476         list-style-type:none;
    477         padding:0;
    478         margin:0;
    479         display:-webkit-flex;
    480         display:-ms-flexbox;
    481         display:flex;
    482         -webkit-flex-direction:row;
    483         -ms-flex-direction:row;
    484         flex-direction:row;
    485         -webkit-justify-content:space-between;
    486         -ms-flex-pack:justify;
    487         justify-content:space-between
     476    list-style-type:none;
     477    padding:0;
     478    margin:0;
     479    display:-webkit-flex;
     480    display:-ms-flexbox;
     481    display:flex;
     482    -webkit-flex-direction:row;
     483    -ms-flex-direction:row;
     484    flex-direction:row;
     485    -webkit-justify-content:space-between;
     486    -ms-flex-pack:justify;
     487    justify-content:space-between
    488488}
    489489
    490490.nav-site li {
    491         border-left:1px solid #e1e1e1;
    492         -webkit-flex-grow:1;
    493         -ms-flex-positive:1;
    494         flex-grow:1;
    495         text-align:center
     491    border-left:1px solid #e1e1e1;
     492    -webkit-flex-grow:1;
     493    -ms-flex-positive:1;
     494    flex-grow:1;
     495    text-align:center
    496496}
    497497
    498498.nav-site a {
    499         color:#959595;
    500         padding:1.25em;
    501         display:block
     499    color:#959595;
     500    padding:1.25em;
     501    display:block
    502502}
    503503
    504504.nav-site .is-active a,.nav-site a:hover {
    505         color:#151515
     505    color:#151515
    506506}
    507507
    508508.add-workout>a {
    509         color:#EE4056
     509    color:#EE4056
    510510}
    511511
    512512.add-workout>a:before {
    513         content:"+";
    514         font-weight:800;
    515         font-size:32px;
    516         font-size:2rem;
    517         line-height:0;
    518         position:relative;
    519         top:8px
     513    content:"+";
     514    font-weight:800;
     515    font-size:32px;
     516    font-size:2rem;
     517    line-height:0;
     518    position:relative;
     519    top:8px
    520520}
    521521
    522522.add-workout:hover:after,.bike:before {
    523         content:""
     523    content:""
    524524}
    525525
    526526.add-workout>a span {
    527         display:none
     527    display:none
    528528}
    529529
    530530.add-workout>a:hover {
    531         background-color:#EE4056;
    532         color:#fff
     531    background-color:#EE4056;
     532    color:#fff
    533533}
    534534
    535535.add-workout:hover:after {
    536         position:absolute;
    537         background-color:#fff;
    538         bottom:-1px;
    539         width:100%;
    540         height:1px;
    541         display:block;
    542         z-index:20
     536    position:absolute;
     537    background-color:#fff;
     538    bottom:-1px;
     539    width:100%;
     540    height:1px;
     541    display:block;
     542    z-index:20
    543543}
    544544
    545545.add-workout:hover ul {
    546         display:inline-block
     546    display:inline-block
    547547}
    548548
    549549.add-workout ul {
    550         display:none;
    551         -webkit-flex-direction:column;
    552         -ms-flex-direction:column;
    553         flex-direction:column;
    554         position:absolute;
    555         background-color:rgba(255,255,255,.95);
    556         right:-1px;
    557         border:1px solid #e1e1e1;
    558         width:153px;
    559         z-index:10;
     550    display:none;
     551    -webkit-flex-direction:column;
     552    -ms-flex-direction:column;
     553    flex-direction:column;
     554    position:absolute;
     555    background-color:rgba(255,255,255,.95);
     556    right:-1px;
     557    border:1px solid #e1e1e1;
     558    width:153px;
     559    z-index:10;
    560560}
    561561
    562562.add-workout ul li {
    563         border-left:transparent;
    564         text-align:left
     563    border-left:transparent;
     564    text-align:left
    565565}
    566566
    567567.add-workout ul a:hover {
    568         background-color:#fbfbfb
     568    background-color:#fbfbfb
    569569}
    570570
    571571.description {
    572         font-size:14px;
    573         font-size:.875rem;
    574         font-weight:300;
    575         letter-spacing:.025em;
    576         color:#959595
     572    font-size:14px;
     573    font-size:.875rem;
     574    font-weight:300;
     575    letter-spacing:.025em;
     576    color:#959595
    577577}
    578578
    579579.is-login .header-content {
    580         border-bottom:1px solid #e1e1e1;
    581         display:-webkit-flex;
    582         display:-ms-flexbox;
    583         display:flex;
    584         padding:0 1.5em;
    585         -webkit-justify-content:space-between;
    586         -ms-flex-pack:justify;
    587         justify-content:space-between;
    588         -webkit-align-items:center;
    589         -ms-flex-align:center;
    590         align-items:center
     580    border-bottom:1px solid #e1e1e1;
     581    display:-webkit-flex;
     582    display:-ms-flexbox;
     583    display:flex;
     584    padding:0 1.5em;
     585    -webkit-justify-content:space-between;
     586    -ms-flex-pack:justify;
     587    justify-content:space-between;
     588    -webkit-align-items:center;
     589    -ms-flex-align:center;
     590    align-items:center
    591591}
    592592
    593593.is-login .description {
    594         display:none
     594    display:none
    595595}
    596596
    597597.is-login .logo-open {
    598         display:inline-block
     598    display:inline-block
    599599}
    600600
    601601.workout-content {
    602         padding:2em 1em
     602    padding:2em 1em
    603603}
    604604
    605605@media (min-width:480px) {
    606         .workout-content {
     606    .workout-content {
    607607        padding:2em 6em
    608 }
     608    }
    609609
    610610
    … …  
    612612
    613613.workout-list {
    614         margin-right:2em
     614    margin-right:2em
    615615}
    616616
    617617.workout-list>h2 {
    618         font-weight:300;
    619         margin:0 0 1.5em
     618    font-weight:300;
     619    margin:0 0 1.5em
    620620}
    621621
    622622.workout-resume {
    623         max-width:540px;
    624         padding:1.5em 0;
    625         position:relative
     623    max-width:540px;
     624    padding:1.5em 0;
     625    position:relative
    626626}
    627627
    628628@media (min-width:800px) {
    629         .workout-content {
     629    .workout-content {
    630630        display:-webkit-flex;
    631631        display:-ms-flexbox;
    … …  
    634634        -ms-flex-pack:justify;
    635635        justify-content:space-between
    636 }
    637 
    638 .workout-resume {
     636    }
     637
     638    .workout-resume {
    639639        padding-left:2em;
    640640        border-left:1px solid #e1e1e1;
    641641        transition:all 250ms ease-in-out
    642 }
     642    }
    643643
    644644
    … …  
    646646
    647647.workout-resume:hover {
    648         border-color:#151515
     648    border-color:#151515
    649649}
    650650
    651651.workout-resume:hover .workout-title:before {
    652         color:#151515
     652    color:#151515
    653653}
    654654
    655655.workout-resume ul {
    656         padding:0;
    657         list-style-type:none;
    658         font-size:13px;
    659         font-size:.8125rem
     656    padding:0;
     657    list-style-type:none;
     658    font-size:13px;
     659    font-size:.8125rem
    660660}
    661661
    662662.workout-resume ul a {
    663         display:block
     663    display:block
    664664}
    665665
    666666.bike:before {
    667         display:block;
    668         width:30px;
    669         height:30px;
    670         background-image:url(../media/img/bike.svg);
    671         background-size:100%
     667    display:block;
     668    width:30px;
     669    height:30px;
     670    background-image:url(../media/img/bike.svg);
     671    background-size:100%
    672672}
    673673
    674674.workout-title {
    675         font-size:14px;
    676         font-size:.875rem;
    677         margin:0;
    678         position:relative
     675    font-size:14px;
     676    font-size:.875rem;
     677    margin:0;
     678    position:relative
    679679}
    680680
    681681.workout-title:before {
    682         content:"▶";
    683         position:absolute;
    684         left:-3.25em;
    685         top:.35em;
    686         color:#e1e1e1;
    687         font-size:10px;
    688         font-size:.625rem
     682    content:"▶";
     683    position:absolute;
     684    left:-3.25em;
     685    top:.35em;
     686    color:#e1e1e1;
     687    font-size:10px;
     688    font-size:.625rem
    689689}
    690690
    691691.workout-title a {
    692         color:#151515
     692    color:#151515
    693693}
    694694
    695695.workout-title a:hover {
    696         color:#EE4056
     696    color:#EE4056
    697697}
    698698
    699699.workout-info {
    700         display:-webkit-flex;
    701         display:-ms-flexbox;
    702         display:flex;
    703         -webkit-align-items:center;
    704         -ms-flex-align:center;
    705         align-items:center;
    706         margin:.25em 0
     700    display:-webkit-flex;
     701    display:-ms-flexbox;
     702    display:flex;
     703    -webkit-align-items:center;
     704    -ms-flex-align:center;
     705    align-items:center;
     706    margin:.25em 0
    707707}
    708708
    709709.workout-info li {
    710         color:#959595
     710    color:#959595
    711711}
    712712
    713713.workout-info li:after {
    714         content:"|";
    715         margin:0 .5em
     714    content:"|";
     715    margin:0 .5em
    716716}
    717717
    718718.workout-info li:last-child:after {
    719         content:"";
    720         margin:0
     719    content:"";
     720    margin:0
    721721}
    722722
    723723.workout-intro {
    724         font-size:13px;
    725         font-size:.8125rem;
    726         color:#151515
     724    font-size:13px;
     725    font-size:.8125rem;
     726    color:#151515
    727727}
    728728
    729729.workout-options {
    730         display:inline-block;
    731         border:1px solid #e1e1e1;
    732         margin-bottom:0;
    733         border-radius:4px
     730    display:inline-block;
     731    border:1px solid #e1e1e1;
     732    margin-bottom:0;
     733    border-radius:4px
    734734}
    735735
    736736.workout-options li {
    737         display:inline-block;
    738         border-right:1px solid #e1e1e1
     737    display:inline-block;
     738    border-right:1px solid #e1e1e1
    739739}
    740740
    741741.workout-options li:last-child {
    742         border-right:none
     742    border-right:none
    743743}
    744744
    745745.workout-options a {
    746         color:#959595;
    747         padding:.5em .75em
     746    color:#959595;
     747    padding:.5em .75em
    748748}
    749749
    750750.workout-options a:hover {
    751         color:#151515
     751    color:#151515
    752752}
    753753
    754754.owo-del a:hover {
    755         color:red
     755    color:red
    756756}
    757757
    758758.workout-aside {
    759         width:100%
     759    width:100%
    760760}
    761761
    … …  
    764764    list-style-type: none;
    765765    transition:all 250ms ease-in-out
    766     list-style-type:none;
     766                   list-style-type:none;
    767767    font-size:13px;
    768768    font-size:.8125rem;
    … …  
    828828
    829829@media (min-width:800px) {
    830         .workout-aside {
     830    .workout-aside {
    831831        max-width:300px;
    832832        padding-left:1.5em;
    833833        border-left:1px solid #e1e1e1
    834 }
    835 
    836 
    837 }
     834    }
     835
     836
     837}
Note: See TracChangeset for help on using the changeset viewer.