src/css/LdtPlayer.css
branchpopcorn-port
changeset 161 892efe407182
parent 2 a012517174aa
child 172 3ffa0e0c8803
equal deleted inserted replaced
160:d3f336807ec3 161:892efe407182
     1 		#demo-frame > div.demo { padding: 5px !important; };
     1 		#demo-frame > div.demo { padding: 5px !important; };
     2 		
     2 
     3 		button.ui-button-icon-only  {
     3 		button.ui-button-icon-only  {
     4 			height:1.5em;
     4 			height:1.5em;
     5 			width:1.5em;
     5 			width:1.5em;
     6 		}
     6 		}
     7 		
     7 
     8 		#Ldt-loader {
     8 		#Ldt-loader {
     9 			background:url(imgs/loader.gif) no-repeat;
     9 			background:url(imgs/loader.gif) no-repeat;
    10 			width:20px;
    10 			width:20px;
    11 			height:16px;
    11 			height:16px;
    12 			float:left;
    12 			float:left;
    13 		}
    13 		}
    14 		
    14 
    15 		#Ldt-controler {
    15 		#Ldt-controler {
    16 			font-size: 62.5%;
    16 			font-size: 62.5%;
    17 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    17 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    18 			background-color:#eeeeee;
    18 			background-color:#eeeeee;
    19 			height:35px;
    19 			height:35px;
    20 			padding:5px;
    20 			padding:5px;
    21 		}
    21 		}
    22 		
    22 
       
    23 		.Ldt-AnnotationsWidget {
       
    24 			font-size: 62.5%;
       
    25 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
       
    26 			background-color:#eeeeee;
       
    27 			height:35px;
       
    28 			padding:5px;
       
    29 		}
       
    30 
    23 		.Ldt-iri-chapter{
    31 		.Ldt-iri-chapter{
    24 			padding-top:10px;
    32 			padding-top:10px;
    25 			padding-bottom:5px;
    33 			padding-bottom:5px;
    26 			border-left:solid 1px #000;
    34 			border-left:solid 1px #000;
    27 			border-right:solid 1px #000;
    35 			border-right:solid 1px #000;
       
    36 			float: left;
    28 		}
    37 		}
    29 		
    38 
    30 		.tooltip {
    39 		.tooltip {
    31 			display:none;
    40 			display:none;
    32 			background:transparent url(imgs/white_arrow_mini.png);
    41 			background:transparent url(imgs/white_arrow_mini.png);
    33 			font-size:12px;
    42 			font-size:12px;
    34 			height:55px;
    43 			height:55px;
    35 			width:180px;
    44 			width:180px;
    36 			padding:10px;
    45 			padding:10px;
    37 			padding-left:15px;
    46 			padding-left:15px;
    38 			padding-top:15px;
    47 			padding-top:15px;
    39 			padding-right:15px;
    48 			padding-right:15px;
    40 			color:#000;	
    49 			color:#000;
    41 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    50 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    42 		}
    51 		}
    43 		#Ldt-Root{
    52 		#Ldt-Root{
    44 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    53 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    45 		}
    54 		}
    46 		#Ldt-Hat{
    55 		#Ldt-Hat{
    47 			height:3px;
    56 			height:3px;
    48 		}
    57 		}
       
    58 
    49 		#Ldt-Annotations{
    59 		#Ldt-Annotations{
    50 			padding-left:5px;
    60 			padding-left:5px;
    51 			width:470px;
    61 			width:470px;
    52 			float:left;
    62 			float:left;
    53 			font-size: 62.5%;
    63 			font-size: 62.5%;
    54 		}
    64 		}
    55 		#Ldt-SaTitle{
    65 
       
    66 		.Ldt-SaTitle{
    56 			padding-top:2px;
    67 			padding-top:2px;
    57 			padding-bottom:5px;
    68 			padding-bottom:5px;
    58 			font-size:18px;
    69 			font-size:18px;
    59 			height:22p;
    70 			height:22p;
    60 		}
    71 		}
    61 		#Ldt-SaDescription{
    72 		.Ldt-SaDescription{
    62 			font-size:12px;	
    73 			font-size:12px;
    63 		}
    74 		}
    64 		#Ldt-Show-Arrow-container{
    75 		#Ldt-Show-Arrow-container{
    65 			margin-left:60px;
    76 			margin-left:60px;
    66 		}
    77 		}
    67 		#Ldt-Show-Arrow{
    78 		#Ldt-Show-Arrow{
    84 			position:absolute;
    95 			position:absolute;
    85 			z-index: 999;
    96 			z-index: 999;
    86 			padding:5px;
    97 			padding:5px;
    87 			background:url(imgs/transBlack.png);
    98 			background:url(imgs/transBlack.png);
    88 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    99 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    89 			color:#FFF;	
   100 			color:#FFF;
    90 		}
   101 		}
    91 		#Ldt-ShowAnnotation-audio{
   102 		#Ldt-ShowAnnotation-audio{
    92 			position:relative;
   103 			position:relative;
    93 			padding:5px;
   104 			padding:5px;
    94 			background-color:#cfcfcf;
   105 			background-color:#cfcfcf;
    95 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
   106 			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    96 			color:#4D4D4D;	
   107 			color:#4D4D4D;
    97 		}
   108 		}
    98 		#Ldt-SaKeyword{
   109 		.Ldt-SaKeyword{
    99 			background-color:#b9b9b9;
   110 			background-color:#b9b9b9;
   100 			color:#4D4D4D;
   111 			color:#4D4D4D;
   101 			padding:5px;
   112 			padding:5px;
   102 			font-weight:bold;
   113 			font-weight:bold;
   103 			text-align:left;
   114 			text-align:left;
   106 		}
   117 		}
   107 		#Ldt-SaShareTools{
   118 		#Ldt-SaShareTools{
   108 			text-align:right;
   119 			text-align:right;
   109 			float:right;
   120 			float:right;
   110 		}
   121 		}
   111 		
   122 
   112 		
   123 
   113 		#Ldt-PlaceHolder{
   124 		#Ldt-PlaceHolder{
   114 			position:absolue;
   125 			position:absolue;
   115 			float:none;
   126 			float:none;
   116 		}
   127 		}
   117 		
   128 
       
   129 		.Ldt-Segments{
       
   130 			float:left;
       
   131 			font-size: 62.5%;
       
   132 		}
       
   133 
   118 		.Ldt-mode-radio{
   134 		.Ldt-mode-radio{
   119 			visibility:hidden;
   135 			visibility:hidden;
   120 			height:0px;
   136 			height:0px;
   121 			display:none
   137 			display:none
   122 		}
   138 		}
   123 		
   139 
   124 		.Ldt-Control1{
   140 		.Ldt-Control1{
   125 			width:60px;
   141 			width:60px;
   126 			float:left;
   142 			float:left;
   127 		}
   143 		}
   128 		.Ldt-Control2{
   144 		.Ldt-Control2{
   130 			width:60px;
   146 			width:60px;
   131 			float:left;
   147 			float:left;
   132 		}
   148 		}
   133 		.Ldt-cleaner {
   149 		.Ldt-cleaner {
   134 			clear:both;
   150 			clear:both;
   135 		} 
   151 		}
       
   152 
   136 		.share {
   153 		.share {
   137 			background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ;
   154 			background:url('imgs/widget20.png') no-repeat scroll 0 0 transparent ;
   138 			display:block;
   155 			display:block;
   139 			height:16px;
   156 			height:16px;
   140 			line-height:16px !important;
   157 			line-height:16px !important;
   160 			background-position:0 -672px;
   177 			background-position:0 -672px;
   161 		}
   178 		}
   162 		.shareJamesPot{
   179 		.shareJamesPot{
   163 			background-position:0 -1808px;
   180 			background-position:0 -1808px;
   164 		}
   181 		}
   165 		
       
   166