css/playscreen.css
author veltr
Tue, 19 Mar 2013 12:25:46 +0100
changeset 9 5b743d461f99
parent 7 a2d5b669f663
child 11 9833f3e24105
permissions -rw-r--r--
Clickable tagcloud + tweet request limiting
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     1
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     2
.play-head, .play-second-line {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     3
    clear: both;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     4
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     6
.play-head {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     7
    margin-top: 8px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     8
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     9
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    10
.title-block {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    11
    float: left; width: 248px; margin: 0 0 8px 8px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    12
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    13
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    14
.play-head h1 {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    15
    font-size: 28px; line-height: 30px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    16
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    17
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    18
.play-block {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    19
    width: 248px; height: 30px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    20
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    21
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    22
.play-button {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    23
    float: left; margin: 5px; font-size: 18px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    24
    line-height: 20px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    25
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    26
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    27
.duration {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    28
    float: right; font-size: 20px; margin: 0 8px; line-height: 30px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    29
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    30
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    31
.explain-block {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    32
    width: 494px; height: 30px; padding: 0 5px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    33
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    34
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    35
.keyword-search {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    36
    line-height: 20px; padding: 0 5px; margin-top: 4px; border: 1px solid #000000; width: 300px; font-size: 18px;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    37
    background: #666666;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    38
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    39
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    40
.keyword-search a {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    41
	color: #FFFFFF; text-decoration: none;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    42
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    43
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    44
a.placeholder {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    45
    color: #cccccc;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    46
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    47
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    48
.shadow-block {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    49
    float: left; background: #333333; /*box-shadow: 1px 1px 2px #000;*/ margin: 0 8px 8px 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    50
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    51
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    52
.play-bottom {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    53
    position: absolute; top: 86px; bottom: 8px; overflow: hidden; width: 100%;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    54
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    55
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    56
.play-dataviz {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    57
    float: left; height: 672px; width: 100%; position: relative; margin-left: 8px; overflow: hidden;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    58
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    59
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    60
.play-svg {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    61
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    62
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    63
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    64
.topics-block {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    65
    float: left; clear: both; width: 10000px; padding-left: 8px; height: 40px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    66
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    67
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    68
.topic {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    69
    float: left; padding: 6px; cursor: pointer; background: #333333;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    70
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    71
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    72
.topic-words li {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    73
    display: inline-block; color: #fff; padding: 0 4px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    74
    font-size: 14px; line-height: 16px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    75
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    76
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    77
.highlight {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    78
    color: #333333; background: #ffff00;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    79
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    80
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    81
.play-images {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    82
	left: 155px; position: absolute;
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    83
}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    84
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    85
.play-images img {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    86
	position: absolute; left: 0; width: 80px; height: 45px;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    87
}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    88
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    89
.play-localtweets {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
    90
    left: 390px;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    91
    position: absolute;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    92
    z-index: 2;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    93
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    94
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    95
.play-localtweets .tweet {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    96
	width: 320px; background: #666666; font-size: 12px; padding: 4px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    97
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    98
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    99
.play-localtweets img {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   100
	width: 20px; height: 20px; float: left;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   101
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   102
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   103
.play-localtweets p {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   104
	margin-left: 24px;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   105
}
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   106
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   107
.play-tagcloud {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   108
	left: 720px;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   109
	top: 5px;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   110
    position: absolute;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   111
    width: 296px;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   112
}
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   113
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   114
.play-tagcloud li {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   115
	float: left; width: 98px; height: 10px;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   116
	line-height: 10px;
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   117
    text-align: center; cursor: pointer;
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   118
}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   119
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   120
.play-tagcloud li.selected {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   121
	background: #FFFF00; color: #000000;
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   122
}
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   123
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   124
.play-tagcloud li:nth-child(3n+2) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   125
	margin-top: 5px;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   126
}
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   127
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   128
.play-tagcloud li:nth-child(3n) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   129
	margin-top: 10px;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   130
}
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   131