--- 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;
-}
Binary file src/css/imgs/annotate_arrow.png has changed
Binary file src/css/imgs/arrow.png has changed
Binary file src/css/imgs/black.png has changed
Binary file src/css/imgs/black_arrow.png has changed
Binary file src/css/imgs/black_arrow_big.png has changed
Binary file src/css/imgs/black_big.png has changed
Binary file src/css/imgs/delicious.png has changed
Binary file src/css/imgs/facebook.png has changed
Binary file src/css/imgs/facebook_button.png has changed
Binary file src/css/imgs/google.png has changed
Binary file src/css/imgs/gplus_button.png has changed
Binary file src/css/imgs/grey_arrow_Show.png has changed
Binary file src/css/imgs/left_edge_arrow.png has changed
Binary file src/css/imgs/left_handle.gif has changed
Binary file src/css/imgs/linkedin.png has changed
Binary file src/css/imgs/minimize.png has changed
Binary file src/css/imgs/polemic_buttons_sprite.png has changed
Binary file src/css/imgs/profile_arrow.png has changed
Binary file src/css/imgs/purple_arrow_Show.png has changed
Binary file src/css/imgs/reply_sprite.png has changed
Binary file src/css/imgs/retweet_sprite.png has changed
Binary file src/css/imgs/right_edge_arrow.png has changed
Binary file src/css/imgs/right_handle.gif has changed
Binary file src/css/imgs/spinner.gif has changed
Binary file src/css/imgs/submit_annotation.png has changed
Binary file src/css/imgs/transBlack.png has changed
Binary file src/css/imgs/tweet_button.png has changed
Binary file src/css/imgs/twitter.png has changed
Binary file src/css/imgs/user_default_icon.png has changed
Binary file src/css/imgs/video_sequence.png has changed
Binary file src/css/imgs/white.png has changed
Binary file src/css/imgs/white_arrow.png has changed
Binary file src/css/imgs/white_arrow_big.png has changed
Binary file src/css/imgs/white_arrow_mini.png has changed
Binary file src/css/imgs/white_big.png has changed
Binary file src/css/imgs/widget20.png has changed
Binary file src/css/imgs/wire_pattern.png has changed
--- 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;
}
--- 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 =
'<div class="Ldt-Tweet-Widget"><div class="Ldt-Tweet-Inner"><div class="Ldt-Tweet-PinClose-Buttons">'
- + '<a href="#" class="Ldt-Tweet-Pin Ldt-TraceMe" title="{{l10n.keep_visible}}"></a>'
+ + '<a href="#" class="Ldt-Tweet-Pin Ldt-TraceMe{{#pin_at_start}} active" title="{{l10n.dont_keep_visible}}{{/pin_at_start}}{{^pin_at_start}}" title="{{l10n.keep_visible}}{{/pin_at_start}}"></a>'
+ '<a href="#" class="Ldt-Tweet-Close Ldt-TraceMe" title="{{l10n.close_widget}}"></a>'
+ '</div><div class="Ldt-Tweet-AvatarContainer"><a href="#" class="Ldt-Tweet-ProfileLink" target="_blank">'
+ '<img src="" class="Ldt-Tweet-Avatar"/></a></div><h3><a href="#" class="Ldt-Tweet-ProfileLink Ldt-Tweet-ScreenName" target="_blank">'
+ '</a> (<span class="Ldt-Tweet-FullName"></span>)</h3><p class="Ldt-Tweet-Contents"></p><div class="Ldt-Tweet-Bottom">'
- + '<span class="Ldt-Tweet-Time"></span><a href="" target="_blank" class="Ldt-Tweet-Retweet"><div class="Ldt-Tweet-Icon"></div>{{l10n.retweet}}</a>'
+ + '<span class="Ldt-Tweet-Time"></span>'
+ + '<a class="Ldt-Tweet-Original" href="" target="_blank">{{l10n.show_original}}</a>'
+ + '<a href="" target="_blank" class="Ldt-Tweet-Retweet"><div class="Ldt-Tweet-Icon"></div>{{l10n.retweet}}</a>'
+ '<a href="" target="_blank" class="Ldt-Tweet-Reply"><div class="Ldt-Tweet-Icon"></div>{{l10n.reply}}</a></div></div></div>';
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();