css/playscreen.css
changeset 17 8ee8c9ea2a9f
parent 11 9833f3e24105
child 18 cd85b780f4a5
equal deleted inserted replaced
16:9a82fbbf6377 17:8ee8c9ea2a9f
     1 
     1 
     2 .play-head, .play-second-line {
     2 .play-head, .play-second-line {
     3     clear: both;
     3     clear: both;
       
     4 }
       
     5 
       
     6 .play-second-line {
       
     7 	position: relative;
     4 }
     8 }
     5 
     9 
     6 .play-head {
    10 .play-head {
     7     margin-top: 8px;
    11     margin-top: 8px;
     8 }
    12 }
    67 .play-svg {
    71 .play-svg {
    68     position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    72     position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    69 }
    73 }
    70 
    74 
    71 .topics-block {
    75 .topics-block {
    72     float: left; clear: both; width: 10000px; padding-left: 8px; height: 40px;
    76     float: left; clear: both; width: 10000px; padding-left: 8px; height: 40px; left: 0;
    73 }
    77 }
    74 
    78 
    75 .topic {
    79 .topic {
    76     float: left; padding: 6px; cursor: pointer; background: #333333;
    80     float: left; padding: 6px; cursor: pointer; background: #333333;
    77 }
    81 }
    78 
    82 
    79 .topic-words li {
    83 .topic-words li {
    80     display: inline-block; color: #fff; padding: 0 4px;
    84     display: inline-block; color: #fff; padding: 0 4px;
    81     font-size: 14px; line-height: 16px;
    85     font-size: 14px; line-height: 16px;
       
    86 }
       
    87 
       
    88 .left-arrow, .right-arrow {
       
    89 	position: absolute; top: 0; width: 9px; height: 20px; width: 9px; background: url(../img/arrows.png); margin: 5px; cursor: pointer;
       
    90 }
       
    91 
       
    92 .left-arrow {
       
    93 	left: 0;
       
    94 }
       
    95 
       
    96 .right-arrow {
       
    97 	right: 0; background-position: -9px 0;
    82 }
    98 }
    83 
    99 
    84 .highlight {
   100 .highlight {
    85     color: #333333; background: #ffff00;
   101     color: #333333; background: #ffff00;
    86 }
   102 }
    98     position: absolute;
   114     position: absolute;
    99     z-index: 2;
   115     z-index: 2;
   100 }
   116 }
   101 
   117 
   102 .play-localtweets .tweet {
   118 .play-localtweets .tweet {
   103 	width: 320px; background: #666666; font-size: 12px; padding: 4px;
   119 	width: 320px; background: #666666; padding: 4px;
   104 }
   120 }
   105 
   121 
   106 .play-localtweets img {
   122 .tweet img {
   107 	width: 20px; height: 20px; float: left;
   123 	width: 20px; height: 20px; float: left;
   108 }
   124 }
   109 
   125 
   110 .play-localtweets p {
   126 .tweet p {
   111 	margin-left: 24px;
   127 	margin-left: 24px; font-size: 12px;
       
   128 }
       
   129 
       
   130 .tweet a {
       
   131 	color: #ffffc0;
   112 }
   132 }
   113 
   133 
   114 .play-tagcloud {
   134 .play-tagcloud {
   115 	left: 720px;
   135 	left: 720px;
   116 	top: 5px;
   136 	top: 5px;
   146 }
   166 }
   147 
   167 
   148 .local-position {
   168 .local-position {
   149 	left: 155px; width: 215px;
   169 	left: 155px; width: 215px;
   150 }
   170 }
       
   171 
       
   172 .user-tweets {
       
   173 	position: absolute; left: 730px; top: 300px; bottom: 0; right: 0; display: none;
       
   174 }
       
   175 
       
   176 .user-tweets-head {
       
   177 	font-size: 14px; text-align: center;
       
   178 }
       
   179 
       
   180 .user-tweets-list {
       
   181 	position: absolute; left: 0; top: 20px; bottom: 0; right: 0; overflow: auto;
       
   182 }
       
   183 
       
   184 .user-tweets-list .tweet {
       
   185 	background: #666666; font-size: 12px; padding: 4px; margin: 5px 0;
       
   186 }
       
   187 
       
   188 .user-name {
       
   189 	font-weight: bold;
       
   190 }