web/sweet-tweet/style.css
author Raphael Velt <raph.velt@gmail.com>
Fri, 16 Dec 2011 19:17:47 +0100
changeset 423 9bd7cd237153
parent 421 c8db83b70def
child 433 8c6aa7ec5f78
permissions -rw-r--r--
Added Knowtex Frame Support
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     1
body {
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     2
    margin: 0; font-family: Helvetica, Arial, sans-serif;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     3
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     4
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
     5
body.jour {
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
     6
    background: #ffffff;
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
     7
}
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
     8
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
     9
body.nuit {
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    10
    background: #000000;
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    11
}
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    12
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    13
img {
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    14
    border: none;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    15
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    16
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    17
.highlight {
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    18
    font-weight: bold; padding: 0 2px; color: #ffffff;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    19
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    20
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    21
#container {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    22
    width: 960px;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    23
    height: 1280px;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    24
    margin: 0 auto;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    25
    position: relative;
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    26
    overflow: hidden;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    27
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    28
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    29
#tweetcont {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    30
    float: left; width: 920px; height: 96px; background: #dddddd;
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    31
    padding: 20px;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    32
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    33
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    34
#tweetcont img {
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    35
    float: left; width: 96px; height: 96px;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    36
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    37
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    38
#tweetcont p {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    39
    margin: -4px 5px 10px 106px; padding: 0; font-size: 26px;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    40
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    41
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    42
p.tweet_text {
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    43
    color: #666;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    44
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    45
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    46
#ptimg {
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    47
    position: absolute; top: -5px; right: -10px;
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    48
}
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    49
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    50
#columncont {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    51
    float: left; width: 960px; margin-top: 12px;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    52
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    53
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    54
.column {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    55
    float: left; width: 900px; height: 70px; margin: 8px 30px; position: relative;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    56
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    57
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    58
.column-tube {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    59
    float: left; width: 442px; height: 70px;
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    60
}
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    61
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    62
.tube {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    63
    width: 1000px; height: 35px; margin-left: -558px; overflow: hidden;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    64
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    65
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    66
.column-title {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    67
    float: left; margin-left: 16px; width: 442px; height: 70px;
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    68
}
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    69
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    70
.polemicvol {
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    71
    float: right; height: 70px;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    72
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    73
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    74
.column-title h3 {
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    75
    position: absolute; margin: 10px; padding: 0; font-size: 40px; line-height: 50px;
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    76
    height: 50px; text-transform: uppercase;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    77
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    78
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    79
.jour .column-tube, .jour .column-title {
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    80
    background: #cccccc; color: #ffffff;
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    81
}
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    82
 
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    83
.nuit .column-tube, .nuit .column-title {
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    84
    background: #eeeeee; color: #000000;
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    85
}
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    86
   
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    87
div.avatar {
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    88
   float: right; width: 35px; height: 35px; overflow: hidden;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    89
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    90
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    91
.avatar img {
420
eb7c2cff1816 Modifs pour ENMI
Raphael Velt <raph.velt@gmail.com>
parents: 415
diff changeset
    92
    width: 100%; height: 100%;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    93
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    94
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    95
div#logos {
421
c8db83b70def Added "sweet-tweet" & Knowtex iframes in client
Raphael Velt <raph.velt@gmail.com>
parents: 420
diff changeset
    96
    width: 960px; height: 87px; background: #dddddd; position: absolute; left: 0; bottom: 0;
415
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    97
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    98
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    99
#logos img {
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   100
    margin : 10px;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   101
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   102
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   103
.fl {
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   104
    float: left;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   105
}
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   106
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   107
.fr {
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   108
    float: right;
593250f3a286 Sweet Tweet modifications
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   109
}