twitter/src/main/webapp/pages/twitterExample.css
branchNbHtml4J
changeset 57 9984b9f7d8c6
parent 56 68cecf6c3113
child 58 7036237a58cb
     1.1 --- a/twitter/src/main/webapp/pages/twitterExample.css	Fri Dec 20 08:24:57 2013 +0100
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,58 +0,0 @@
     1.4 -/**
     1.5 - * The MIT License (MIT)
     1.6 - *
     1.7 - * Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
     1.8 - *
     1.9 - * Permission is hereby granted, free of charge, to any person obtaining a copy
    1.10 - * of this software and associated documentation files (the "Software"), to deal
    1.11 - * in the Software without restriction, including without limitation the rights
    1.12 - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
    1.13 - * copies of the Software, and to permit persons to whom the Software is
    1.14 - * furnished to do so, subject to the following conditions:
    1.15 - *
    1.16 - * The above copyright notice and this permission notice shall be included in
    1.17 - * all copies or substantial portions of the Software.
    1.18 - *
    1.19 - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    1.20 - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    1.21 - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    1.22 - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    1.23 - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    1.24 - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    1.25 - * THE SOFTWARE.
    1.26 - */
    1.27 -
    1.28 -
    1.29 -
    1.30 -/*
    1.31 -    Copied from knockout.js Twitter example:
    1.32 -    http://knockoutjs.com/examples/twitter.html
    1.33 -*/
    1.34 -
    1.35 -.configuration, .tweets, .tweets td { font-family: Verdana; font-size: 13px; }
    1.36 -.configuration { background-color: #DEDEDE; border: 2px solid gray; float:left; height: 40em; width: 40%; padding: 0.5em; border-right-width:0; }
    1.37 -.tweets { width: 55%; border: 2px solid gray; height: 40em; overflow: scroll; overflow-x: hidden; background-color: Black; color: White; padding: 0.5em; position: relative; }
    1.38 -.tweets table { border-width: 0;}
    1.39 -.tweets tr { vertical-align: top; }
    1.40 -.tweets td { padding: 0.4em 0.3em 1em 0.4em; border-width: 0; }
    1.41 -.tweets img { width: 4em; }
    1.42 -.tweetInfo { color: Gray; font-size: 0.9em; }
    1.43 -.twitterUser { color: #77AAFF; text-decoration: none; font-size: 1.1em; font-weight: bold; }
    1.44 -input.invalid { border: 1px solid red !important; background-color: #FFAAAA !important; }
    1.45 -
    1.46 -.listChooser select, .listChooser button { vertical-align:top; }
    1.47 -.listChooser select { width: 60%; font-size:1.2em; height:1.4em; }
    1.48 -.listChooser button { width: 19%; height:1.68em; float:right; }
    1.49 -
    1.50 -.currentUsers { height: 28em; overflow-y: auto; overflow-x: hidden; }
    1.51 -.currentUsers button { float: right; height: 2.5em; margin: 0.1em; padding-left: 1em; padding-right: 1em; }
    1.52 -.currentUsers ul, .configuration li { list-style: none; margin: 0; padding: 0 }
    1.53 -.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; }
    1.54 -.currentUsers li div { padding: 0.6em; }
    1.55 -.currentUsers li:hover { background-color: #EEC; }
    1.56 -
    1.57 -.configuration form label { width: 25%; display: inline-block; text-align:right; overflow: hidden; }
    1.58 -.configuration form input { width:40%; font-size: 1.3em; border:1px solid silver; background-color: White; padding: 0.1em; }
    1.59 -.configuration form button { width: 20%; margin-left: 0.3em; height: 2em; }
    1.60 -
    1.61 -.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; }