diff -r eba9760bedad -r c333862362f3 web/res/css/custom.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/res/css/custom.css Wed Oct 03 18:58:50 2012 +0200 @@ -0,0 +1,183 @@ +/* ----------------------------------------------------------------------- + + + 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;} +p{font-size: 1.1em;} + +#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:880px;margin-top:10px;} +.menuUnderline a, .menuUnderline a:hover{color: #222222;text-decoration:none;} +.menuLink{text-decoration:none; margin:5px; color:#000} +.menuLink:active {text-decoration:none;} +.menuLink:visited {text-decoration:none;} +.mdselect{width: 150px} +.mdselect span {margin-left:5px;} +/*.mdselect select {margin-left:5px; width: 120px}*/ +.mdselect select {margin-left:5px} +.lang{margin-left:350px;} +.shortlang{margin-left:200px;} + +.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;} +#tweetCounter{background-color:transparent;display:inline-block;border:0;border-style:none;font-weight:bold;} +.tweetCounterNegative{color:red;} + +.tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;} +.tweetButton{float:right;margin-right:5px;cursor:pointer;} + +.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.png);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:193px;overflow:scroll;} + + +.footer{margin-top:600px;width:900px;height:50px;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;} + +.scrollable { + position:relative; + overflow:hidden; +/* width: 660px;*/ +} + + +.scrollable .items { + /* this cannot be too large */ + width:20000em; + position:absolute; +} + +.item { + float:left; + margin: 0 10px; +} + +.introBox{width:880px;height:280px;padding:10px;position:absolute; margin-top:70px;} +.aboutBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:70px;} +.archivesBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;height:297px;position:absolute; margin-top:450px;} +.archivesBoxArchive{width:900px;} +.archivesBoxContainer{padding:10px 10px 0 0;width:880px;display:block;height:480px;} +.archivesBoxClear { /* generic container (i.e. div) for floating buttons */ + overflow: hidden; + width: 100%; + background-image:url(../../images/archivesBoxBody.gif); + height:10px; +} +.archivesBoxFooter{background-repeat:no-repeat;background-position:left bottom;background-image:url(../../images/archivesBoxFooter.gif);width:100%;height:3px;} +.archivesBoxHeader{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/archivesBoxHeader.gif);width:100%;height:3px;} + +.archivesTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size:24px;} +.archivesTitleContainer{float:left;margin-left: 10px;} +.archivesActionsContainer{width:45px;height:30px; float:right;} +.archivesTitleActionsContainer{overflow: auto; width: 100%;} +.archivesVideoBox{margin:5px;padding:5px;position:relative;display:inline-block;float:left;border: solid 1px #ccc;background:#f2f2f2;cursor:pointer;width:270px;overflow:hidden;} +.AVBtitle{font-weight:bold;font-family: 'PT Sans Narrow', arial, serif; font-size:18px;white-space:nowrap;overflow:hidden;} +.AVBtext{white-space:nowrap;overflow:hidden;} + +.slideTitle{font-size:20px;} +.slideText{font-size:15px;} +.slides{background-repeat:no-repeat;background-position:right top;} +#minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:99px;} + +a.browse { + background: url(../../images/horizontal.png) no-repeat; + display: block; + width: 20px; + height: 20px; + cursor: pointer; + font-size: 1px; +} + +a.right { background-position: 0 -20px; } +a.right:hover { background-position:-20px -20px; } +a.right:active { background-position:-40px -20px; } + + +/* left */ +a.left { margin-left: 0px; } +a.left:hover { background-position:-20px 0; } +a.left:active { background-position:-40px 0; } + +/* disabled navigational button */ +#actions a.disabled { + visibility:hidden !important; +} +/* send us feedback */ +#sendUsFeedBack{ + float:right; + position:absolute; + right:0px; + top:0px; + z-index:999999; + width:100px; +} \ No newline at end of file