web/rsln-opendata/custom.css
changeset 66 8a382087127f
child 78 09bd563826b7
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/rsln-opendata/custom.css	Tue Mar 15 13:46:46 2011 +0100
@@ -0,0 +1,95 @@
+/* -----------------------------------------------------------------------
+
+
+ IRI - Live tweet annotation CSS 
+ http://www.iri.centrepompidou.fr
+
+   * Copyright (c) 2010-Present. See LICENSE for more info. (cecill-C)
+   * Contributor : Samuel Huron 
+
+----------------------------------------------------------------------- */
+
+body {background-image:url(images/bgd.jpg);background-repeat:repeat-x;background-color:#f7f6f6;font-family: 'PT Sans', arial, serif; }
+textarea {margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdTxtArea.gif);background-repeat:no-repeat;border: none;}
+.loginbutton{margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdUnconnect.gif);background-repeat:no-repeat;border: none;margin-bottom:10px;color:#fff;}
+.loginlink{text-decoration:none;color:#fff;}
+.menuLink:active {text-decoration:none;}
+.menuLink:visited {text-decoration:none;}
+h3{font-size: 1.5em;line-height: 1;margin-bottom: 0.3em;}
+
+#Aboutbox{background-image:url(images/about_bgd.jpg);background-repeat:no-repeat;width:600px;height:360px;overflow:auto; border:1px solid #fff;}
+.lightBorder{padding:20px;}
+.lightTitle{font-size: 48px;font-weight:900;color:#e6e6e6;font-family: 'Geo', arial, serif;line-height:80%}
+.lightSubTitle{font-size: 24px;font-weight:bold;color:#262626; width:250px;line-height:80%}
+.lightDescription{font-size: 12px;color:#000; width:288px;text-align:justify;margin-top:15px;}
+.lightButton{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
+.lightButton:active{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
+.lightButton:over{text-decoration:none;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
+
+
+.logo{padding-right:10px;float:left;}
+.menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;}
+.menuUnderline{margin-left:0px;padding-left:0px;background-image:url(images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:205px;margin-top:3px;}
+.menuLink{text-decoration:none; margin:5px; color:#000}
+.menuLink:active {text-decoration:none;}
+.menuLink:visited {text-decoration:none;}
+
+.tweetContainer{position:absolute; margin-top:70px;}
+.tweetWriter{background-image:url(images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;}
+.tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;}
+.tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;}
+
+.tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;}
+.tweetButton{float:right;margin-right:5px;}
+
+.timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;}
+.videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;}
+.videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;}
+.videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;}
+.videoLiveProgram2{width:500px;margin-top:470px;margin-left:392px;position:absolute;}
+
+.videoLiveProgramTitle{color:#4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.5em;padding:5px;border:1px solid #c3c3c3;background-color:#efefef;background-image:url(images/bgdTitle.jpg);background-repeat:no-repeat;}
+.videoLiveProgramDescription{padding:5px;border:1px solid #c3c3c3;padding:5px;border-top:none;background-color:#fff;background-image:url(images/bgdDescription.jpg);background-repeat:no-repeat;height:163px;overflow:scroll;}
+
+
+.footer{margin-top:700px;width:960px;height:20px;position:absolute;text-align:center;}
+.footerLink{text-decoration:none; margin:5px; color:#000;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.1em;}
+.footerLink:active {text-decoration:none;}
+.footerLink:visited {text-decoration:none;}
+
+.tooltip {display:none;background:transparent url(images/white_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#000;}
+
+.timeline{height:28px;border: 1px solid #ccc;}
+.timeFragment {float:left;position:relative;float:left;}
+.timeFrame {border-left: 1px solid #AAA;border-right: 1px solid #AAA;height:10px;float:left;position:relative;}
+.bigTimeFrame {border-right: 1px solid #ccc;float:left;position:relative;}
+
+.arrowContainer{height:10px;width:100%;}
+
+.cleaner {clear:both;} 
+.txt{visibility:hidden;}
+
+
+.clear { /* generic container (i.e. div) for floating buttons */
+    overflow: hidden;
+    width: 100%;
+}
+
+a.button_w { background: transparent url('images/bg_button_a_w.png') no-repeat scroll top right; color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
+a.button_w span { background: transparent url('images/bg_button_span_w.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} 
+
+a.button_b { background: transparent url('images/bg_button_a_b.png') no-repeat scroll top right; color: #fff;display: block;float: left;font: bold 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
+a.button_b span { background: transparent url('images/bg_button_span_b.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;} 
+
+#question{background: transparent url('images/bt_blue.png') no-repeat; width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
+#question:active {text-decoration:none;}
+#question:visited {text-decoration:none;}
+#reference{background: transparent url('images/bt_yellow.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
+#reference:active {text-decoration:none;}
+#reference:visited {text-decoration:none;}
+#positive{background: transparent url('images/bt_green.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
+#positive:active {text-decoration:none;}
+#positive:visited {text-decoration:none;}
+#negative{background: transparent url('images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
+#negative:active {text-decoration:none;}
+#negative:visited {text-decoration:none;}