jtulach@0
|
1 |
/**
|
jtulach@0
|
2 |
* The MIT License (MIT)
|
jtulach@0
|
3 |
*
|
jtulach@0
|
4 |
* Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
|
jtulach@0
|
5 |
*
|
jtulach@0
|
6 |
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
jtulach@0
|
7 |
* of this software and associated documentation files (the "Software"), to deal
|
jtulach@0
|
8 |
* in the Software without restriction, including without limitation the rights
|
jtulach@0
|
9 |
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
jtulach@0
|
10 |
* copies of the Software, and to permit persons to whom the Software is
|
jtulach@0
|
11 |
* furnished to do so, subject to the following conditions:
|
jtulach@0
|
12 |
*
|
jtulach@0
|
13 |
* The above copyright notice and this permission notice shall be included in
|
jtulach@0
|
14 |
* all copies or substantial portions of the Software.
|
jtulach@0
|
15 |
*
|
jtulach@0
|
16 |
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
jtulach@0
|
17 |
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
jtulach@0
|
18 |
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
jtulach@0
|
19 |
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
jtulach@0
|
20 |
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
jtulach@0
|
21 |
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
jtulach@0
|
22 |
* THE SOFTWARE.
|
jtulach@0
|
23 |
*/
|
jtulach@0
|
24 |
|
jtulach@0
|
25 |
|
jtulach@0
|
26 |
|
jtulach@0
|
27 |
/*
|
jtulach@0
|
28 |
Copied from knockout.js Twitter example:
|
jtulach@0
|
29 |
http://knockoutjs.com/examples/twitter.html
|
jtulach@0
|
30 |
*/
|
jtulach@0
|
31 |
|
jtulach@0
|
32 |
.configuration, .tweets, .tweets td { font-family: Verdana; font-size: 13px; }
|
jtulach@0
|
33 |
.configuration { background-color: #DEDEDE; border: 2px solid gray; float:left; height: 40em; width: 40%; padding: 0.5em; border-right-width:0; }
|
jtulach@0
|
34 |
.tweets { width: 55%; border: 2px solid gray; height: 40em; overflow: scroll; overflow-x: hidden; background-color: Black; color: White; padding: 0.5em; position: relative; }
|
jtulach@0
|
35 |
.tweets table { border-width: 0;}
|
jtulach@0
|
36 |
.tweets tr { vertical-align: top; }
|
jtulach@0
|
37 |
.tweets td { padding: 0.4em 0.3em 1em 0.4em; border-width: 0; }
|
jtulach@0
|
38 |
.tweets img { width: 4em; }
|
jtulach@0
|
39 |
.tweetInfo { color: Gray; font-size: 0.9em; }
|
jtulach@0
|
40 |
.twitterUser { color: #77AAFF; text-decoration: none; font-size: 1.1em; font-weight: bold; }
|
jtulach@0
|
41 |
input.invalid { border: 1px solid red !important; background-color: #FFAAAA !important; }
|
jtulach@0
|
42 |
|
jtulach@0
|
43 |
.listChooser select, .listChooser button { vertical-align:top; }
|
jtulach@0
|
44 |
.listChooser select { width: 60%; font-size:1.2em; height:1.4em; }
|
jtulach@0
|
45 |
.listChooser button { width: 19%; height:1.68em; float:right; }
|
jtulach@0
|
46 |
|
jtulach@0
|
47 |
.currentUsers { height: 28em; overflow-y: auto; overflow-x: hidden; }
|
jtulach@0
|
48 |
.currentUsers button { float: right; height: 2.5em; margin: 0.1em; padding-left: 1em; padding-right: 1em; }
|
jtulach@0
|
49 |
.currentUsers ul, .configuration li { list-style: none; margin: 0; padding: 0 }
|
jtulach@0
|
50 |
.currentUsers li { height: 2.4em; font-size: 1.2em; background-color: #A7D0E3; border: 1px solid gray; margin-bottom: 0.3em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0.2em 0.5em gray; -moz-box-shadow: 0 0.2em 0.5em gray; }
|
jtulach@0
|
51 |
.currentUsers li div { padding: 0.6em; }
|
jtulach@0
|
52 |
.currentUsers li:hover { background-color: #EEC; }
|
jtulach@0
|
53 |
|
jtulach@0
|
54 |
.configuration form label { width: 25%; display: inline-block; text-align:right; overflow: hidden; }
|
jtulach@0
|
55 |
.configuration form input { width:40%; font-size: 1.3em; border:1px solid silver; background-color: White; padding: 0.1em; }
|
jtulach@0
|
56 |
.configuration form button { width: 20%; margin-left: 0.3em; height: 2em; }
|
jtulach@0
|
57 |
|
jtulach@16
|
58 |
.loadingIndicator { position: absolute; top: 0.1em; left: 0.1em; font: 0.8em Arial; background-color: #229; color: White; padding: 0.2em 0.5em 0.2em 0.5em; }
|