cms/app-client/app/styles/app.scss
author Chloe Laisne <chloe.laisne@gmail.com>
Mon, 20 Jun 2016 17:04:59 +0200
changeset 195 9d083636bd99
parent 193 64afd482ac71
child 196 7550cb541901
permissions -rw-r--r--
Layout and style of the /chronologie endpoint
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
     1
#corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
     2
    font-family: sans-serif;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
     3
    font-size: 12px;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
     4
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
     5
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
     6
#corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
     7
    border: 1px solid;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
     8
    width: 1108px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
     9
    height: 600px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    10
    display: block;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    11
    margin-left: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    12
    margin-right: auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    13
    margin-bottom: 10px;
44
6e2c500adca0 update css
nowmad@nowmads-macbook-pro.local
parents: 37
diff changeset
    14
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    15
    @import 'tabs/chrono';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    16
    @import 'tabs/carto';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    17
    @import 'tabs/langues';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    18
    @import 'tabs/discours';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    19
    @import 'tabs/thematiques';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    20
    @import 'tabs/detail';
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    21
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    22
    @import 'components/sorting-component';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    23
    @import 'components/filtering-component';
186
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    24
}
36e5a67656e6 Basic thematiques styling
Chloe Laisne <chloe.laisne@gmail.com>
parents: 98
diff changeset
    25
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    26
h1, h2, h3, h4, h5, h6 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    27
    margin: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    28
    padding: 0;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    29
    font-weight: normal;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    30
    font-size: inherit;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    31
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    32
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    33
h2 {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    34
    color: #ffffff;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    35
    text-transform: uppercase;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    36
    font-size: 14px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    37
    text-align: center;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    38
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    39
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    40
.corpus-app-container {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    41
    background-color: #becfd4;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    42
    padding: 0 20px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    43
    color: #687a84;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    44
    box-sizing: border-box;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    45
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    46
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    47
body.tabs-chrono .corpus-app-container {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    48
    padding: 20px;
193
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    49
}
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    50
64afd482ac71 /thematiques endpoint autocomplete design
Chloe Laisne <chloe.laisne@gmail.com>
parents: 186
diff changeset
    51
.corpus-app-wrapper {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    52
    background-color: #253946;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    53
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    54
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    55
.corpus-app-container {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    56
    overflow: hidden;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    57
    display: block;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    58
    width: 50%;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    59
    height: 600px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    60
    float: left;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    61
    border-top: none;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    62
}
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    63
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    64
.corpus-app-wrapper {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    65
    height: 600px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    66
    display : flex;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    67
    flex-flow: column;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    68
    border: none;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    69
    padding: 0 0 0 10px;
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents: 5
diff changeset
    70
}
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
    71
37
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    72
.mapdiv{
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    73
    width: 470px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    74
    background-color: #FFFFFF;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    75
    height: 500px;
37
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    76
}
343750d4d38e small improvment of style and add forgotten tabs "thematiques"
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    77
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents: 5
diff changeset
    78
.corpus-app {
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    79
    @at-root {
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    80
        @import 'player';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    81
        @import 'results';
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    82
        @import 'modal';
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents: 5
diff changeset
    83
195
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    84
        &-player{
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    85
            flex: 0 1 auto;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    86
            float: left;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    87
            border-left: none;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    88
            border-top: none;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    89
            margin-bottom: 10px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    90
            background-color: #eeeeee;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    91
            padding: 0 10px;
9d083636bd99 Layout and style of the /chronologie endpoint
Chloe Laisne <chloe.laisne@gmail.com>
parents: 193
diff changeset
    92
        }
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents: 5
diff changeset
    93
    }
5
d4b3da0dadc9 init ember app with 2 pages and an images
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
    94
}