# HG changeset patch # User veltr # Date 1340210501 -7200 # Node ID 5cd368dba1b9276f31ec739b57dec04bcd32eb00 # Parent eb8677d3a6639ede3d43e261d63e9e7f84592eb6 Tweet widget now has "Show Original" Button diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/LdtPlayer.css --- a/src/css/LdtPlayer.css Wed Jun 20 14:45:30 2012 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,970 +0,0 @@ -/* Some general styling classes */ - -.Ldt-floatClear { - display: block; width: 100%; height: 0; clear: both; -} - -ul.Ldt-floatList { - padding: 0; margin: 0; list-style: none; -} - -.Ldt-floatList li { - float: left; -} - - -/* */ - -#demo-frame > div.demo { padding: 5px !important; }; - -button.ui-button-icon-only { - height:1.5em; - width:1.5em; -} - -.Ldt-loader { - min-height: 128px; - background:url(imgs/loader.gif) center no-repeat; - text-indent: -9999px; - position: absolute; -} - -/* general class for all buttons */ -.Ldt-button { - -} - -.Ldt-SegmentsWidget { - /* overflow: auto; /* clear the floats */ - margin-top: 1px; - padding-bottom: 8px; /* FIXME: only a temporary fix. This should be put into the layout manager. */ -} - -.Ldt-iri-chapter { - position: absolute; - height: 10px; - border-right: 1px solid white; -} - -.Ldt-SegmentPositionMarker { - position: absolute; - z-index: 100; - width: 1px; - height: 10px; - background-color: white; -} -.tooltip { - display:none; - background:transparent url(imgs/white_arrow_mini.png); - font-size:12px; - height:55px; - width:180px; - padding:10px; - padding-left:15px; - padding-top:15px; - padding-right:15px; - color:#000; - font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; -} -#Ldt-Root{ - font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; -} -#Ldt-Hat{ - height:3px; -} - -.Ldt-AnnotationsWidget { - font-size: 12px; - font-family: "Arial", "Verdana", "sans-serif"; - background-color:#eeeeee; - background:url('imgs/wire_pattern.png') repeat scroll transparent ; - border: 1px solid #b6b8b8; -} - -.Ldt-Annotation-DoubleBorder { - border: 1px solid white; - overflow: auto; -} - -.Ldt-AnnotationContent { - padding:5px; - padding-left: 12px; - -} - -.Ldt-fbShare { - display: block; - float: left; - width: 24px; - height: 24px; - background:url('imgs/facebook.png'); -} - -.Ldt-TwShare { - display: block; - float: left; - width: 24px; - height: 24px; - background:url('imgs/twitter.png'); -} - -.Ldt-GplusShare { - display: block; - float: left; - width: 24px; - height: 24px; - background:url('imgs/google.png'); -} - -.Ldt-SaTitle{ - padding-top:2px; - padding-bottom:3px; - font-size: 12pt; - color : #0068c4; -} - -.Ldt-SaDescription{ - font-size:12px; -} - -.Ldt-SaKeywords { - font-weight:bold; - font-size:10px; -} - -.Ldt-AnnotationShareIcons { - float:right; - position: relative; -} - - -#Ldt-PlaceHolder{ - position:absolue; - float:none; -} - -.Ldt-Segments{ - float:left; - font-size: 62.5%; -} - -.Ldt-mode-radio{ - visibility:hidden; - height:0px; - display:none -} - -/* player */ -.Ldt-controler { - font-size: 10px; - font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; - background:url('imgs/player_gradient.png') repeat-x transparent ; - height: 25px; - border: 1px solid #b6b8b8; - position: relative; -} - - -.Ldt-LeftPlayerControls { - float:left; -} - -.Ldt-RightPlayerControls { - float: right; -} - -.Ldt-Ctrl-button { - float: left; - width: 30px; height: 25px; - background: url('imgs/player-sprites.png'); - cursor: pointer; -} - -.Ldt-Ctrl-spacer { - float: left; width: 1px; height: 25px; background: #b6b8b8; -} - -.Ldt-CtrlPlay { - margin: 0 15px; -} - -.Ldt-CtrlPlay-PlayState { - background-position: 0 0; -} - -.Ldt-CtrlPlay-PlayState:hover { - background-position: 0 -25px; -} - -.Ldt-CtrlPlay-PlayState:active { - background-position: 0 -50px; -} - -.Ldt-CtrlPlay-PauseState { - background-position: -30px 0; -} - -.Ldt-CtrlPlay-PauseState:hover { - background-position: -30px -25px; -} - -.Ldt-CtrlPlay-PauseState:active { - background-position: -30px -50px; -} - - -.Ldt-CtrlAnnotate { - margin: 0 2px; - background-position: -60px 0; -} - -.Ldt-CtrlAnnotate:hover { - background-position: -60px -25px; -} - -.Ldt-CtrlAnnotate:active { - background-position: -60px -50px; -} - -.Ldt-CtrlSearch { - margin: 0 2px; - background-position: -90px 0; -} - -.Ldt-CtrlSearch:hover { - background-position: -90px -25px; -} - -.Ldt-CtrlSearch:active { - background-position: -90px -50px; -} - -.LdtSearch { - display: none; - width: 165px; - height: 25px; - border: 1px; - border-color: #CFCFCF; - float: left; - text-align: center; -} - -.Ldt-Time { - float: left; - margin: 5px; - font-size: 12px; - font-family: Arial, Verdana, sans-serif; -} - -.Ldt-ElapsedTime { - float: left; - color: #4a4a4a; -} - -.Ldt-TimeSeparator { - margin: 0 4px; - float: left; -} - -.Ldt-TotalTime { - float: left; - color: #b2b2b2; -} - -.Ldt-CtrlSound { - margin: 0 2px; -} - -.Ldt-CtrlSound-Full { - background-position: -120px 0; -} - -.Ldt-CtrlSound-Full:hover { - background-position: -120px -25px; -} - -.Ldt-CtrlSound-Full:active { - background-position: -120px -50px; -} - -.Ldt-CtrlSound-Mute { - background-position: -150px 0; -} - -.Ldt-CtrlSound-Mute:hover { - background-position: -150px -25px; -} - -.Ldt-CtrlSound-Mute:active { - background-position: -150px -50px; -} - -.Ldt-CtrlSound-Half { - background-position: -180px 0; -} - -.Ldt-CtrlSound-Half:hover { - background-position: -180px -25px; -} - -.Ldt-CtrlSound-Half:active { - background-position: -180px -50px; -} - -.Ldt-Ctrl-Volume-Control { - display: none; - position: absolute; - background:url('imgs/player_gradient.png') repeat-x transparent ; - height: 25px; - width: 100px; top: 25px; right: -1px; z-index: 100; - padding: 0 2px; - border: 1px solid #b6b8b8; -} - -.Ldt-Ctrl-Volume-Bar { - height: 5px; margin: 9px 3px 0; background: #cccccc; border: 1px solid #999999; border-radius: 2px; -} - -.Ldt-Ctrl-Volume-Control .ui-slider-handle { - width: 6px; height: 19px; background: #a8a8a8; border: 1px solid #999999; border-radius: 2px; top: -8px; margin-left: -4px; - cursor: pointer; -} - -.Ldt-Ctrl-Volume-Control:hover .ui-slider-handle { - background: #F7268E; -} - -.Ldt-cleaner { - clear:both; -} - -/* Arrow Widget */ -.Ldt-arrowWidget { - position: relative; - - height:16px; - width:27px; - margin-bottom: -3px; - z-index: 4; - left: 0%; -} - -.Ldt-arrowLeftEdge { - background:url('imgs/left_edge_arrow.png') no-repeat scroll 0 0 transparent ; -} - -.Ldt-arrowCenter { - background:url('imgs/arrow.png') no-repeat scroll 0 0 transparent ; -} - -.Ldt-arrowRightEdge { - background:url('imgs/right_edge_arrow.png') no-repeat scroll 0 0 transparent ; -} - -.cleaner { - clear:both; -} - -.share { - background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ; - display:block; - height:16px; - line-height:16px !important; - overflow:hidden; - width:16px; - float:left; - cursor:pointer; - margin:2px; -} -.shareFacebook{ - background-position:0 -704px; -} -.shareMySpace{ - background-position:0 -736px; -} -.shareTwitter{ - background-position:0 -1072px; -} -.shareGoogle{ - background-position:0 -752px; -} -.shareDelicious{ - background-position:0 -672px; -} -.shareJamesPot{ - background-position:0 -1808px; -} - -/* Tooltip Widget */ - -.tip{ - position: absolute; - padding : 3px; - z-index: 10000000000; - max-width: 200px; - background: transparent url("imgs/white_arrow_long.png"); - font-size: 12px; - height: 115px; - width: 180px; - padding: 15px 15px 20px; - color: black; - font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; - overflow:hidden; -} - -.tipcolor { - float: left; margin: 2px 4px 2px 0; width: 10px; height: 10px; -} - -.tip img { - max-width: 140px; max-height: 70px; margin: 0 20px; -} - -/* slider */ -.Ldt-SliderMinimized { - height: 6px; -} - -.Ldt-SliderMaximized { - height: 11px; -} - -.Ldt-sliderElementMinimized { - width: 100%; - height: 5px; -} - -.Ldt-sliderElementMaximized { - width: 100%; - height: 10px; -} - -.Ldt-sliderBackground { - background-color: #B6B8B8; - position: absolute; - z-index: 2; - bottom: 1px; - width: 100%; - height: 5px; - -} - -.Ldt-sliderForeground { - background-color: #747474; - z-index: 2; - width: 0px; - position: absolute; - bottom: 1px; - height: 5px; -} - -.Ldt-sliderPositionMarker { - position: absolute; - z-index: 100; - background-color: #f7268e; - height: 5px; - width: 5px; - bottom: 1px; - border-left: 1px solid white; - border-right: 1px solid white; -} - -/* tweet Widget */ -.Ldt-tweetWidget { - font-size: 12px; - font-family: "Arial", "Verdana", "sans-serif"; - background:url('imgs/wire_pattern.png') repeat scroll transparent ; - border: 1px solid #b6b8b8; - border-top: none; - overflow: auto; -} - -.Ldt-tweet-DoubleBorder { - border: 1px solid white; - padding: 5px; - overflow: auto; -} - -.Ldt-tweetAvatar { - float: left; -} - -.Ldt-tweetAvatar-profileArrow { - float: left; - height: 48px; - margin-left: 5px; - margin-right: 5px; - background:url('imgs/profile_arrow.png'); - background-position: 7 10px; -} - -.Ldt-tweet_userHandle { - float: left; - color: #5c8df1; -} - -.Ldt-tweet_realName { - float: left; - margin-left: 3px; -} - -.Ldt-tweetContents { -} - -.Ldt-tweet_date { - float: left; -} - -.Ldt-tweetWidgetKeepOpen { - position: relative; - float: right; - height: 17px; - width: 17px; - margin-right: 1px; - background:url('imgs/minimize.png'); -} - -.Ldt-tweetWidgetMinimize { - position: relative; - float: right; - height: 17px; - width: 17px; - right: 9px; - background:url('imgs/minimize.png'); -} - -.Ldt-tweetWidget * a:link { - color: #729efa; - -} - -.Ldt-TweetReply { - float: left; - margin-left: 16px; -} - -.Ldt-TweetReplyIcon { - background:url('imgs/reply_sprite.png') no-repeat scroll 0 0 transparent ; - width: 14px; - height: 11px; - float: left; - margin-top: 2px; -} - -.Ldt-TweetReplyIcon:hover { - background-position: 0 -11px; -} - -.Ldt-TweetReplyIcon:active { - background-position: 0 -22px; -} - -.Ldt-Retweet { - float: left; - margin-left: 16px; -} - -.Ldt-RetweetIcon { - background:url('imgs/retweet_sprite.png') no-repeat scroll 0 0 transparent ; - width: 14px; - height: 8px; - float: left; - margin-top: 3px; -} - -.Ldt-RetweetIcon:hover { - background-position: 0 -8px; -} - -.Ldt-RetweetIcon:active { - background-position: 0 -16px; -} - -/* styling of a "++" in a tweet */ -.Ldt-PolemicPlusPlus { - background-color: #1d973d; -} - -/* styling of a "==" in a tweet */ -.Ldt-PolemicEqualEqual { - background-color: #5c8df1 -} - -/* styling of a "--" in a tweet */ -.Ldt-PolemicMinusMinus { - background-color: #ce0a15; -} - -/* styling of a "??" in a tweet */ -.Ldt-PolemicQuestion { - background-color: #c5a62d; -} - -/* the styling of a spacer div */ -.Ldt-spacer { - background-color:#eeeeee; -} - -/* sparkline widget */ -.Ldt-sparklineWidget { - position: relative; - margin-bottom: 5px; -} - -.Ldt-sparkLinePositionMarker { - position: absolute; - top: 0px; - width: 0px; - background-color: #333333; - border-right: solid 1px pink; - z-index: 3; - opacity: 0.2; -} - -.Ldt-sparkLine { - position: absolute; - top: 0px; -} - -.Ldt-sparkLineClickOverlay { - position: absolute; - width: 640px; - height: 60px; - z-index: 4; - top: 0px; - opacity: 0.3; -} - -.Ldt-sliceWidget { - position: relative; - width: 100%; - height: 25px; - margin-top: 3px; -} - -.Ldt-sliceBackground { - width: 100%; - background-color: #b6b8b8; - height: 12px; -} - -.Ldt-sliceZone { - position: absolute; - top: 0px; - background:url('imgs/wire_pattern.png') repeat scroll transparent; - height: 12px; - z-index: 2; -} - -.Ldt-sliceLeftHandle { - position: absolute; - top: 0px; - height: 25px; - width: 7px; - background:url('imgs/left_handle.gif') no-repeat scroll transparent; - z-index: 2; -} - -.Ldt-sliceRightHandle { - position: absolute; - top: 0px; - height: 25px; - width: 7px; - background:url('imgs/right_handle.gif') no-repeat scroll transparent; - z-index: 2; -} - -.Ldt-createAnnotationWidget { - font-size: 12px; - font-family: "Arial", "Verdana", "sans-serif"; - background-color:#eeeeee; - background:url('imgs/wire_pattern.png') repeat scroll transparent ; - border: 1px solid #b6b8b8; -} - -.Ldt-createAnnotation-DoubleBorder { - border: 1px solid white; - overflow: auto; - padding: 7px; -} - -.Ldt-createAnnotation-Title { - font-size: 12pt; - color : #0068c4; - float: left; - margin-right: 5px; -} - -.Ldt-createAnnotation-TimeFrame { - font-size: 12pt; - color : #ff5589; - float: left; -} - -.Ldt-createAnnotation-Container { - float: left; width: 100%; clear: both; -} - -.Ldt-createAnnotation-userAvatar { - float: right; - width: 50px; - height: 50px; - margin: 7px 0; - border: 1px solid #babcbc; -} - -.Ldt-createAnnotation-userAvatar img { - float: right; - display: block; - max-width: 48px; - max-height: 48px; -} - -.Ldt-createAnnotation-profileArrow { - float: right; - vertical-align: top; - height: 48px; - width: 15px; - margin: 7px 5px; - background:url('imgs/profile_arrow.png') center no-repeat; -} - -.Ldt-createAnnotation-Description { - float: left; - width: 520px; - height: 56px; padding: 2px; - resize: none; -} - -.Ldt-createAnnotation-btnblock { - float: left; width: 450px; margin: 5px 0; -} - -.Ldt-createAnnotation-btnblock label { - float: left; margin-left: 12px; margin: 2px 8px 2px 0; font-size: 12px; -} - -.Ldt-createAnnotation-keyword-button { - border: 1px solid #ffffff; - background-color: #217bcb; - color: #ffffff; - padding: 3px 4px; - cursor: pointer; -} - -.Ldt-createAnnotation-active-button .Ldt-createAnnotation-keyword-button { - background-color: #d93c71; -} - -.Ldt-createAnnotation-submitButton { - float: right; - background-color: #d93c71; - color: #ffffff; - cursor: pointer; - background-image: url('imgs/submit_annotation.png'); - background-repeat: no-repeat; - height: 48px; - width: 48px; - position: relative; - margin-top: 3px; - padding: 28px 0 0; - font-size: 13px; - border: none; - text-align: center; -} - -.Ldt-createAnnotation-endScreen { - background-color: #ffffff; - margin-left: 5px; - margin-right: 5px; - border: 1px solid #d6d6d6; - padding: 10px; - font-size: 13px; - font-weight: bold; - color : #f7268e; - text-align: center; -} - -.Ldt-createAnnotation-errorMessage { - color: #D93C71; -} - -.Ldt-createAnnotation-Minimize { - position: relative; - float: right; - height: 17px; - width: 17px; - right: 0px; - background:url('imgs/minimize.png'); -} - -/* polemic tweet annotation buttons */ - -.Ldt-createAnnotation-polemic-button { - margin: 0; - border: 0; - padding: 0; - margin-right: 2px; - width: 38px; - height: 26px; - text-indent: -999px; - background: url(imgs/polemic_buttons_sprite.png); - cursor: pointer; -} - -.Ldt-createAnnotation-polemic-positive:hover { - background-position: 0 -26px; -} -.Ldt-createAnnotation-active-button .Ldt-createAnnotation-polemic-positive { - background-position: 0 -52px; -} - -.Ldt-createAnnotation-polemic-negative { - background-position: -38px 0; -} -.Ldt-createAnnotation-polemic-negative:hover { - background-position: -38px -26px; -} -.Ldt-createAnnotation-active-button .Ldt-createAnnotation-polemic-negative { - background-position: -38px -52px; -} - -.Ldt-createAnnotation-polemic-reference { - background-position: -76px 0; -} -.Ldt-createAnnotation-polemic-reference:hover { - background-position: -76px -26px; -} -.Ldt-createAnnotation-active-button .Ldt-createAnnotation-polemic-reference { - background-position: -76px -52px; -} - -.Ldt-createAnnotation-polemic-question { - background-position: -114px 0; -} -.Ldt-createAnnotation-polemic-question:hover { - background-position: -114px -26px; -} -.Ldt-createAnnotation-active-button .Ldt-createAnnotation-polemic-question { - background-position: -114px -52px; -} - -.Ldt-createAnnotation-spinner { - display: inline; - width: 16px; - height: 16px; - background-image('imgs/spinner.gif'); -} - -.Ldt-createAnnotation-endScreen-TweetLink { - width: 54px; - height: 20px; - background-image('imgs/tweet_button.png'); -} - -.Ldt-createAnnotation-endScreen-FbLink { - width: 55px; - height: 20px; - background-image('imgs/facebook_button.png'); -} - -.Ldt-createAnnotation-endScreen-GplusLink { - width: 50px; - height: 20px; - background-image('imgs/gplus_button.png'); -} -/* AnnotationsListWidget */ - -.Ldt-AnnotationsListWidget { - font-size: 12px; - font-family: "Arial", "Verdana", "sans-serif"; - border: 1px solid #b6b8b8; - overflow: auto; - max-height: 480px; -} - -ul.Ldt-AnnotationsList-ul { - list-style: none; - padding: 0 3px; -} - -li.Ldt-AnnotationsList-li { - cursor: pointer; - float: left; width: 100%; clear: both; - margin: 2px 0; padding: 2px 0; -} - -.Ldt-AnnotationsList-li:hover { - background-color: #e9e9e9; -} - -.Ldt-AnnotationsList-highlight { - background: #F7268E; color: #ffffff; -} - -.Ldt-AnnotationsListWidget a { - text-decoration: none; -} - -.Ldt-AnnotationsList-Thumb-Placeholder { - float: left; - height: 64px; - width: 30px; - background-image: url('imgs/video_sequence.png'); -} - -.Ldt-AnnotationsList-Thumbnail { - border: none; - float: left; - max-width: 64px; - max-height: 30px; -} - -.Ldt-AnnotationsList-Duration { - color : #f7268e; - float: right; text-align: right; -} - -.Ldt-AnnotationsList-Title { - color: #0068c4; - font-size: 13px; - margin: 0 0 2px 64px; -} - -.Ldt-AnnotationsList-Description { - margin: 2px 0; -} - -ul.Ldt-AnnotationsList-Tags { - width: 100%; list-style: none; clear: both; padding: 0; margin: 2px 0; -} - -li.Ldt-AnnotationsList-Tag-Li { - float: left; margin: 2px; background: #0068c4; color: #fff; padding: 4px; -} - -li.Ldt-AnnotationsList-Tag-Li:hover { - background: #F7268E; -} - -/* Tagcloud */ - -.Ldt-TagCloud { - font-family: "PT Sans", Arial, Helvetica, sans-serif; -} - -.Ldt-TagCloud ul { - list-style: none; padding: 0; margin: 5px; text-align: center; -} - -.Ldt-TagCloud li { - display: inline-block; margin: 2px; cursor:pointer; cursor:hand; -} - -.Ldt-TagCloud li:hover { - color: #0099ff; -} - -.Ldt-TagCloud-actif { - color: #c000c0; -} diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/annotate_arrow.png Binary file src/css/imgs/annotate_arrow.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/arrow.png Binary file src/css/imgs/arrow.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/black.png Binary file src/css/imgs/black.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/black_arrow.png Binary file src/css/imgs/black_arrow.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/black_arrow_big.png Binary file src/css/imgs/black_arrow_big.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/black_big.png Binary file src/css/imgs/black_big.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/delicious.png Binary file src/css/imgs/delicious.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/facebook.png Binary file src/css/imgs/facebook.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/facebook_button.png Binary file src/css/imgs/facebook_button.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/google.png Binary file src/css/imgs/google.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/gplus_button.png Binary file src/css/imgs/gplus_button.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/grey_arrow_Show.png Binary file src/css/imgs/grey_arrow_Show.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/left_edge_arrow.png Binary file src/css/imgs/left_edge_arrow.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/left_handle.gif Binary file src/css/imgs/left_handle.gif has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/linkedin.png Binary file src/css/imgs/linkedin.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/minimize.png Binary file src/css/imgs/minimize.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/polemic_buttons_sprite.png Binary file src/css/imgs/polemic_buttons_sprite.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/profile_arrow.png Binary file src/css/imgs/profile_arrow.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/purple_arrow_Show.png Binary file src/css/imgs/purple_arrow_Show.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/reply_sprite.png Binary file src/css/imgs/reply_sprite.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/retweet_sprite.png Binary file src/css/imgs/retweet_sprite.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/right_edge_arrow.png Binary file src/css/imgs/right_edge_arrow.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/right_handle.gif Binary file src/css/imgs/right_handle.gif has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/spinner.gif Binary file src/css/imgs/spinner.gif has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/submit_annotation.png Binary file src/css/imgs/submit_annotation.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/transBlack.png Binary file src/css/imgs/transBlack.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/tweet_button.png Binary file src/css/imgs/tweet_button.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/twitter.png Binary file src/css/imgs/twitter.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/user_default_icon.png Binary file src/css/imgs/user_default_icon.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/video_sequence.png Binary file src/css/imgs/video_sequence.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/white.png Binary file src/css/imgs/white.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/white_arrow.png Binary file src/css/imgs/white_arrow.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/white_arrow_big.png Binary file src/css/imgs/white_arrow_big.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/white_arrow_mini.png Binary file src/css/imgs/white_arrow_mini.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/white_big.png Binary file src/css/imgs/white_big.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/widget20.png Binary file src/css/imgs/widget20.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/css/imgs/wire_pattern.png Binary file src/css/imgs/wire_pattern.png has changed diff -r eb8677d3a663 -r 5cd368dba1b9 src/widgets/Tweet.css --- a/src/widgets/Tweet.css Wed Jun 20 14:45:30 2012 +0200 +++ b/src/widgets/Tweet.css Wed Jun 20 18:41:41 2012 +0200 @@ -4,6 +4,14 @@ margin: 0; } +.Ldt-Tweet-Widget a { + color: #0068C4; +} + +.Ldt-Tweet-Widget a:hover { + color: #003366; +} + .Ldt-Tweet-Inner { background: url(img/pinstripe.png); padding: 5px; @@ -50,12 +58,10 @@ } a.Ldt-Tweet-ScreenName { - color: #0068c4; text-decoration: none; } a.Ldt-Tweet-ScreenName:hover { - color: #000000; text-decoration: underline; } @@ -77,7 +83,6 @@ .Ldt-Tweet-Bottom a { display: inline-block; margin-left: 12px; - color: #000000; text-decoration: none; } diff -r eb8677d3a663 -r 5cd368dba1b9 src/widgets/Tweet.js --- a/src/widgets/Tweet.js Wed Jun 20 14:45:30 2012 +0200 +++ b/src/widgets/Tweet.js Wed Jun 20 18:41:41 2012 +0200 @@ -24,7 +24,8 @@ "keywords" : [ "??" ], "color" : "#05aae6" } - ] + ], + pin_at_start: false } IriSP.Widgets.Tweet.prototype.messages = { @@ -34,8 +35,9 @@ keep_visible: "Garder visible", dont_keep_visible: "Permettre la fermeture automatique", close_widget: "Fermer l'affichage du tweet", - original_time: "Heure d'envoi  ", - video_time: "Temps de la vidéo : " + original_time: "Heure d'envoi : ", + video_time: "Temps de la vidéo : ", + show_original: "Voir l'original" }, "en": { retweet: "Retweet", @@ -44,25 +46,28 @@ dont_keep_visible: "Don't keep visible", close_widget: "Close tweet display", original_time: "Tweet sent at: ", - video_time: "Video time: " + video_time: "Video time: ", + show_original: "Show original" } } IriSP.Widgets.Tweet.prototype.template = '
' - + '' + + '' + '' + '
' + '

' + ' ()

' - + '
{{l10n.retweet}}' + + '' + + '{{l10n.show_original}}' + + '
{{l10n.retweet}}' + '
{{l10n.reply}}
'; IriSP.Widgets.Tweet.prototype.draw = function() { this.renderTemplate(); this.bindPopcorn("IriSP.Tweet.show","show"); - this.pinned = false; + this.pinned = this.pin_at_start; var _this = this; this.$.find(".Ldt-Tweet-Pin").click(function() { _this.pinned = !_this.pinned; @@ -158,10 +163,13 @@ _txt += _tweet.source.text.substring(_currentPos); this.$.find(".Ldt-Tweet-Avatar").attr("src",_tweet.source.user.profile_image_url); this.$.find(".Ldt-Tweet-ScreenName").html('@'+_tweet.source.user.screen_name); - this.$.find(".Ldt-Tweet-ProfileLink").attr("href", "http://twitter.com/" + _tweet.source.user.screen_name); + this.$.find(".Ldt-Tweet-ProfileLink").attr("href", "https://twitter.com/" + _tweet.source.user.screen_name); this.$.find(".Ldt-Tweet-FullName").html(_tweet.source.user.name); this.$.find(".Ldt-Tweet-Contents").html(_txt); this.$.find(".Ldt-Tweet-Time").html(this.l10n.original_time + new Date(_tweet.source.created_at).toLocaleTimeString() + " / " + this.l10n.video_time + _tweet.begin.toString()); + this.$.find(".Ldt-Tweet-Retweet").attr("href", "https://twitter.com/intent/retweet?tweet_id=" + _tweet.source.id_str); + this.$.find(".Ldt-Tweet-Reply").attr("href", "https://twitter.com/intent/tweet?in_reply_to=" + _tweet.source.id_str); + this.$.find(".Ldt-Tweet-Original").attr("href", "https://twitter.com/" + _tweet.source.user.screen_name + "/status/" + _tweet.source.id_str); this.player.popcorn.trigger("IriSP.Annotation.minimize"); this.$.slideDown(); this.cancelTimeout();