Advertisement
VladTheInhaler420

Untitled

Jul 11th, 2014
238
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.06 KB | None | 0 0
  1. #facecodesmenu {
  2. display: none;
  3. position: absolute;
  4. background-color: rgba(255,255,255,.7);
  5. height: 372px;
  6. width: 128px;
  7. overflow-x: hidden;
  8. right:1px;
  9. z-index:90!important;
  10. }
  11. #loginfrm {
  12. right: 129px!important;
  13. z-index: 2!important;
  14. }
  15. .click-nav ul .clicker {
  16. background: rgba(0,0,0,.2)!important;
  17. border-left: 1px solid #545454;
  18. border-right: 1px solid #545454;
  19. height: 58px;
  20. margin-top: -10px;
  21. }
  22. .click-nav ul .clicker:hover {
  23. background: rgba(0,0,0,.5)!important;
  24. }
  25. .changelog {
  26. background-color: black;
  27. color: white;
  28. }
  29. .click-nav ul li a#myName img[alt="Icon"] {
  30. width: 24px;
  31. height: 24px;
  32. border: 1px solid #545454;
  33. padding: 2px!important;
  34. border-radius: 4px;
  35. top: 16px;
  36. left: 9px;
  37. }
  38. .click-nav ul li a#myName{
  39. padding-top: 19px!important;
  40. }
  41. .click-nav ul li a {
  42. transition: background-color 0.1s ease-in-out;
  43. -webkit-transition: background-color 0.1s ease-in-out;
  44. -moz-transition: background-color 0.1s ease-in-out;
  45. }
  46. .click-nav .js li ul {
  47. height:0px;
  48. display:block!important;
  49. overflow: hidden;
  50. transition: height 0.2s ease-in-out, 0s;
  51. -webkit-transition: height 0.2s ease-in-out, 0s;
  52. -moz-transition: height 0.2s ease-in-out, 0s;
  53. }
  54. .click-nav .js li a img.arrowDown {
  55. right: 10px!important;
  56. left: auto!important;
  57. top: 11px!important;
  58. padding: 10px 0 0 0!important;
  59. float: right!important;
  60. }
  61. .click-nav .js li ul li a {
  62. background-color:rgba(0,0,0,.2)!important;
  63. color: white!important;
  64. }
  65. .click-nav .js li ul li a:hover {
  66. background-color:rgba(0,0,0,.5)!important;
  67. }
  68. .friendsList .friendsList-expand {
  69. height:59px!important;
  70. background-color:rgba(0,0,0,.2)!important;
  71. border:1px solid #545454;
  72. border-top:none!important;
  73. }
  74. .friendsList .friendsList-expand:hover {
  75. background-color:rgba(0,0,0,.5)!important;
  76. }
  77. .friendsList .friendsList-expand .friend-count {
  78. margin-top:18px!important;
  79. }
  80. .friendsList .friendsList-expand .friends-list-icon {
  81. margin-top: 12px!important;
  82. }
  83. .friendsList .friendsList-expand .friends-list-expand-icon {
  84. margin-top: 14px!important;
  85. }
  86. .rollstr {
  87. background-color: rgba(0,255,0,.15);
  88. border-top: 1px solid rgba(0,255,0,.55);
  89. border-bottom: 1px solid rgba(0,255,0,.55);
  90. }
  91. .ballstr {
  92. background-color: rgba(0,0,255,.15);
  93. border-top: 1px solid rgba(0,0,255,.55);
  94. border-bottom: 1px solid rgba(0,0,255,.55);
  95. }
  96. .highviewcount {
  97. color: black!important;
  98. text-shadow: 1px 0 #0bf, -1px 0 #0bf, 0 1px #0bf, 0 -1px #0bf!important;
  99. }
  100. .higherviewcount {
  101. color: black!important;
  102. text-shadow: 1px 0 #0f0, -1px 0 #0f0, 0 1px #0f0, 0 -1px #0f0!important;
  103. }
  104. #chat-messages .message.mentionMsg {
  105. background-color: rgba(64,128,255,.15)!important;
  106. margin-top:1px!important;
  107. margin-bottom:1px!important;
  108. }
  109. #radiomenu {
  110. display: none;
  111. color: #bbb;
  112. background-color: #666;
  113. overflow: hidden;
  114. position: absolute;
  115. margin-top: -18px;
  116. width: 131px;
  117. border-top-left-radius: 5px;
  118. border-top-right-radius: 5px;
  119. margin-left: 738px;
  120. border: 1px solid #a4a4a4;
  121. border-bottom: none;
  122. z-index:90!important;
  123. }
  124. .st-poll .poll-title, .st-poll .poll-vote-text {
  125. text-shadow: none!important;
  126. }
  127. #radios {
  128. line-height: 17px;
  129. display: inline-block;
  130. width: 132px;
  131. text-align: center;
  132. }
  133. .leftradio {
  134. float: left;
  135. }
  136. .rightradio {
  137. display: inline-block;
  138. float: right;
  139. margin-right: 5px;
  140. }
  141. #vidTitle .via {
  142. display: inline-block!important;
  143. }
  144. #setQuality .arrow-right {
  145. position: absolute;
  146. display: inline-block;
  147. right: -4px;
  148. }
  149. #newUpdate {
  150. display:none;
  151. position: absolute;
  152. float: left;
  153. padding: 3px 6px;
  154. width: 170px;
  155. background: rgba(155, 255, 155, 0.95);
  156. border: 1px solid rgba(208, 255, 208, 0.85);
  157. font-size: 12px;
  158. border-radius: 4px;
  159. }
  160. #defQualities {
  161. display: none;
  162. position: absolute;
  163. background-color: rgba(240,240,240, 1);
  164. box-shadow: 1px 1px rgba(34,34,34,0.9);
  165. padding: 2px;
  166. border-radius: 4px;
  167. z-index: 1;
  168. display: inline-block;
  169. width: 120px;
  170. left: 122px;
  171. top: 123px;
  172. }
  173. .currentQuality {
  174. background-color: #55CF5F;
  175. }
  176. #chat .right .users .m.grins {
  177. color:#e66b12!important;
  178. }
  179. #playlist .playlist .videos .video .buttons .info {
  180. background-image: url('http://i.imgur.com/GKEd7xJ.png')!important;
  181. }
  182. html, body {
  183. background-image: none;
  184. }
  185. #playlist_items li .pl-info .expand {
  186. background-image: none!important;
  187. cursor: default!important;
  188. }
  189. #playlist_items li .pl-info .expand a, #playlist_items li .pl-info .removeBtn {
  190. cursor: default!important;
  191. }
  192. #logs {
  193. overflow: hidden;
  194. width: inherit;
  195. height: inherit;
  196. }
  197. #togglesearchbox {
  198. opacity:.6;
  199. }
  200. #togglesearchbox:hover {
  201. opacity:1;
  202. }
  203. #gmtTime {
  204. opacity: 0.4;
  205. top: 10px;
  206. color: #ccc;
  207. position: relative;
  208. cursor: default;
  209. font-size: 11px;
  210. text-align: right;
  211. float: right!important;
  212. }
  213. #logs span {
  214. overflow: hidden;
  215. white-space: nowrap;
  216. }
  217. .metext {
  218. font-style: italic;
  219. color: #7F84AA;
  220. }
  221. .sAddFriend {
  222. background-color: rgb(59, 172, 37)!important;
  223. }
  224. .sAddFriend:hover {
  225. background-color: rgb(37, 110, 22)!important;
  226. }
  227. #loggedInAs {
  228. margin-right: 60px!important;
  229. }
  230. .friendsList {
  231. left: auto!important;
  232. right: 10px!important;
  233. border-left: 1px solid #333;
  234. border-right: 1px solid #333;
  235. margin-top: -10px!important;
  236. }
  237. #create-pollBtn, #lead, #unlead {
  238. margin-right: -58px!important;
  239. width: 54px;
  240. }
  241. #togglecams {
  242. margin-left: 380px;
  243. opacity: 0.4;
  244. bottom: 3px;
  245. position: absolute;
  246. cursor: pointer;
  247. }
  248. #create-poll {
  249. background-color: rgba(204, 204, 204, .9);
  250. border-radius: 3px;
  251. width: 380px;
  252. margin: 0 0 10px;
  253. }
  254. .create-poll-option, #title.formbox {
  255. width:374px!important;
  256. }
  257. #searchbar {
  258. overflow: hidden;
  259. width: inherit;
  260. margin: 0;
  261. background-color: white;
  262. color: black;
  263. font-size: 18px;
  264. }
  265. .logoutput {
  266. margin-left: 870px;
  267. }
  268. #bio {
  269. box-shadow: 2px 2px 10px #666;
  270. }
  271. #admin {
  272. background-color: #ccf;
  273. }
  274. #play {
  275. border-top-left-radius: 4px;
  276. border-bottom-left-radius: 4px;
  277. }
  278. #pause {
  279. border-top-right-radius: 4px;
  280. border-bottom-right-radius: 4px;
  281. }
  282. #bio .userinfo {
  283. border: none;
  284. }
  285. #chat #chat-messages .gm {
  286. font-style: italic;
  287. color: #666;
  288. }
  289. #chat #chat-messages .gm.vid {
  290. white-space: nowrap;
  291. overflow: hidden;
  292. display: inline-block;
  293. text-overflow: ellipsis;
  294. max-width: 290px;
  295. vertical-align: middle;
  296. }
  297. .mod, #add-option, #submit-poll {
  298. background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e3e3e3));
  299. background: -webkit-linear-gradient(center top, #f9f9f9, #e3e3e3);
  300. background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3);
  301. background: -o-linear-gradient(center top, #f9f9f9, #e3e3e3);
  302. background: linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;
  303. border-color: #222;
  304. border-radius: 4px;
  305. }
  306. #clear-options {
  307. background: #090909;
  308. background: -moz-linear-gradient(top, #090909 0%, #232323 100%);
  309. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #090909), color-stop(100%, #232323));
  310. background: -webkit-linear-gradient(top, #090909 0%, #232323 100%);
  311. background: -o-linear-gradient(top, #090909 0%, #232323 100%);
  312. background: -ms-linear-gradient(top, #090909 0%, #232323 100%);
  313. background: linear-gradient(to bottom, #090909 0%, #232323 100%);
  314. border-color: #222;
  315. border-radius: 4px;
  316. color: rgb(93, 213, 77);
  317. }
  318. .poll-container {
  319. background: url("http://drowngaben.x10.mx/v4c/rotate/");
  320. background-repeat: no-repeat!important;
  321. background-position: center 5px!important;
  322. min-height:100px;
  323. padding: 10px 10px;
  324. margin-right: 48px;
  325. margin-top: 51px;
  326. }
  327. #create-pollBtn {
  328. clear:both;
  329. margin-top: -3px;
  330. border-bottom-left-radius: 4px!important;
  331. border-bottom-right-radius: 4px!important;
  332. }
  333. #create-pollBtn:hover {
  334. background: #444444!important;
  335. background: -moz-linear-gradient(top, #444444 0%, #777777 100%)!important;
  336. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #777777))!important;
  337. background: -webkit-linear-gradient(top, #444444 0%, #777777 100%)!important;
  338. background: -o-linear-gradient(top, #444444 0%, #777777 100%)!important;
  339. background: -ms-linear-gradient(top, #444444 0%, #777777 100%)!important;
  340. background: linear-gradient(to bottom, #444444 0%, #777777 100%)!important;
  341. }
  342. #lead, #unlead {
  343. float: right;
  344. border-top-left-radius: 4px!important;
  345. border-top-right-radius: 4px!important;
  346. }
  347. .close-poll.x {
  348. left: 365px!important;
  349. }
  350. #create-pollBtn, #lead, #unlead {
  351. color:white;
  352. padding:3px 6px;
  353. width: 54px;
  354. }
  355. html, #centerstage {
  356. background: #222222!important
  357. }
  358. #addUrl.basic-button {
  359. position: absolute;
  360. border-top-right-radius:4px!important;
  361. border-bottom-right-radius:4px!important
  362. }
  363. #URLinput {
  364. border-radius: 10px;
  365. }
  366. .menu-split {
  367. border-top: 1px solid #ccc;
  368. margin: 2px 0;
  369. outline: medium none;
  370. padding: 0;
  371. width: 118px;
  372. }
  373. .bartext #URLinput {
  374. margin-left: 50px;
  375. width: 250px;
  376. }
  377. .sbartext {
  378. margin-top: 7px;
  379. padding-left: 4px;
  380. }
  381. #stage {
  382. overflow-y: hidden
  383. }
  384. .removeBtn.x {
  385. background-image: url('http://i.imgur.com/AyZ6zR7.png')!important
  386. }
  387. .removeBtn.x:hover {
  388. background-image: url('http://i.imgur.com/7a4n3po.png')!important
  389. }
  390. .st-poll {
  391. border-radius: 3px;
  392. background-color: rgba(204, 204, 204, .9)!important;
  393. opacity: 1!important;
  394. }
  395. #footer, .push {
  396. height:37px!important
  397. }
  398. #chat #cin {
  399. border-top: none;
  400. border-left:none;
  401. border-right:none;
  402. box-shadow: inset 0 0 3px #CCCCCC;
  403. float: left;
  404. font-family: arial;
  405. padding: 3px;
  406. }
  407. .logoutput {
  408. background: rgba(0, 0, 0, .3);
  409. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.3) 100%);
  410. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  411. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.3) 100%);
  412. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.3) 100%);
  413. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.3) 100%);
  414. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.3) 100%);
  415. }
  416. .poll-vote-btn.basic-btn.vote_choice {
  417. background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#e3e3e3));
  418. background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;
  419. border-radius: 3px
  420. }
  421. .username.unregistered, .users {
  422. color:#888!important
  423. }
  424. .username.registered, .users .registered {
  425. text-shadow:none!important;
  426. color:black!important;
  427. }
  428. #chat #join-chat input {
  429. margin: 48px 4px 0 64px!important;
  430. }
  431. #chat #join-chat > * {
  432. vertical-align: bottom!important;
  433. top:2px!important
  434. }
  435. #chat .left .messages {
  436. height:345px!important;
  437. border:1px solid #ddd;
  438. }
  439. #chat .right .users {
  440. border-bottom:none!important;
  441. }
  442. #chat{
  443. height:320px!important;
  444. z-index:1!important;
  445. }
  446. .right {
  447. height:374px!important;
  448. border-right: 1px solid #c4c4c4!important;
  449. border-top: 1px solid #c4c4c4!important;
  450. border-bottom: 1px solid #c4c4c4!important;
  451. }
  452. .left {
  453. height:374px!important;
  454. border-left: 1px solid #c4c4c4!important;
  455. border-top: 1px solid #c4c4c4!important;
  456. border-bottom: 1px solid transparent!important;
  457. width:320px!important;
  458. }
  459. #videos.videos {
  460. height: 327px!important;
  461. overflow: hidden;
  462. padding: 0px;
  463. }
  464. #chatcontrols {
  465. position: absolute;
  466. float: right;
  467. right:20px!important;
  468. }
  469. #chatcontrols img {
  470. display:block;
  471. margin: 2px 0;
  472. opacity: .6;
  473. }
  474. #chatcontrols img:hover {
  475. opacity: .8!important;
  476. }
  477. .chglog, .scripttxt {
  478. color: #003b9e!important;
  479. }
  480. #videos.videos, .playlist-controls {
  481. border-color: #777!important;
  482. }
  483. #chat-messages .cm {
  484. word-wrap:break-word
  485. }
  486. #chat-messages, .users {
  487. background-color: white!important;
  488. }
  489. #userlist .registered.m {
  490. color: #D5DAF0!important;
  491. text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000!important
  492. }
  493. #chat #chat-messages .um0 {
  494. color: #4B5DB9!important;
  495. }
  496. #chat #chat-messages .um1, #centerstage .stage #chat .right .users .m.admin {
  497. color: #c00!important;
  498. }
  499. #chat #chat-messages .ummb{
  500. color: #050F5E!important;
  501. }
  502. #chat .right .users .m.manboss, .manboss span {
  503. color: #1138CA!important;
  504. }
  505. #chat .right .users .m.user_cap, .user_cap span {
  506. background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  507. background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  508. color:transparent;
  509. -webkit-background-clip: text;
  510. background-clip: text;
  511.  
  512. }
  513. #chat #chat-messages .umbiggles {
  514. color: #4B5DB9!important;
  515. }
  516. .play.title {
  517. font-size:12px!important;
  518. height:12px!important;
  519. line-height:12px!important;
  520. float:left!important;
  521. overflow:hidden!important;
  522. }
  523. #playlist .playlist .videos .video .video-info .title {
  524. line-height:13px!important;
  525. }
  526. #vidTitle.title {
  527. color:#ccc!important
  528. }
  529. #truetop {
  530. background: #444444!important;
  531. background: -moz-linear-gradient(top, #444444 0%, #222222 100%)!important;
  532. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #222222))!important;
  533. background: -webkit-linear-gradient(top, #444444 0%, #222222 100%)!important;
  534. background: -o-linear-gradient(top, #444444 0%, #222222 100%)!important;
  535. background: -ms-linear-gradient(top, #444444 0%, #222222 100%)!important;
  536. background: linear-gradient(to bottom, #444444 0%, #222222 100%)!important
  537. }
  538. .top-descr {
  539. color:#fff!important;
  540. padding:none!important;
  541. font-size: 20px!important
  542. }
  543. #st-descr, .top-descr, #media-title {
  544. background: none repeat scroll 0 0 #222!important
  545. }
  546. #top {
  547. height:58px!important
  548. }
  549. .descr-stat-tip {
  550. margin-top: -10px!important
  551. }
  552. .playlist {
  553. height:355px!important;
  554. }
  555. #playlist .playlist #playlist_total {
  556. height: 12px!important;
  557. padding: 3px!important;
  558. border-top: 1px dotted #666!important;
  559. font-size:11px!important;
  560. color: #bbb!important;
  561. width: 545px!important;
  562. background:#444!important;
  563. margin-left: -5px!important;
  564. }
  565. .total-duration {
  566. margin-right: 78px!important
  567. }
  568. #playlist .playlist ul li {
  569. border:none!important;
  570. border-top: 1px solid #666!important;
  571. background:#444;
  572. }
  573. #playlist .playlist ul li:hover {
  574. background:#666;
  575. }
  576. #playlist .playlist #playlist_items {
  577. margin-left:-5px!important;
  578. border:none!important
  579. }
  580. #addextend {
  581. margin-top: 5px;
  582. }
  583. #playlist {
  584. width:549px!important;
  585. border-color: #444!important;
  586. }
  587. .basic-button, #create-pollBtn, #lead, #unlead {
  588. border-radius: 0px;
  589. -moz-border-radius: 0px;
  590. border-color:#444!important;
  591. background-image: #888888!important;
  592. background-image: -moz-linear-gradient(top, #888888 0%, #555555 100%)!important;
  593. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(100%, #555555))!important;
  594. background-image: -webkit-linear-gradient(top, #888888 0%, #555555 100%)!important;
  595. background-image: -o-linear-gradient(top, #888888 0%, #555555 100%)!important;
  596. background-image: -ms-linear-gradient(top, #888888 0%, #555555 100%)!important;
  597. background-image: linear-gradient(to bottom, #888888 0%, #555555 100%)!important
  598. }
  599. .basic-button:hover, #lead:hover, #unlead:hover {
  600. background-image: #777!important;
  601. background-image: -moz-linear-gradient(top, #777 0%, #444 100%)!important;
  602. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%, #444))!important;
  603. background-image: -webkit-linear-gradient(top, #777 0%, #444 100%)!important;
  604. background-image: -o-linear-gradient(top, #777 0%, #444 100%)!important;
  605. background-image: -ms-linear-gradient(top, #777 0%, #444 100%)!important;
  606. background-image: linear-gradient(to bottom, #777 0%, #444 100%)!important
  607. }
  608. #playlist #playlistcontrols {
  609. width:540px!important;
  610. background-color: #333!important;
  611. height: 25px;
  612. }
  613. #skip-count {
  614. color: #fff!important;
  615. font-family: tahoma!important;
  616. font-size: 11px!important;
  617. letter-spacing:2px!important;
  618. opacity:.4!important
  619. }
  620. #playlist .playlist ul li.active {
  621. background: none repeat scroll 0 0 #D1E1FA !important
  622. }
  623. #skip {
  624. opacity:.4!important;
  625. width:18px!important;
  626. height:30px!important;
  627. color:transparent!important;
  628. background-position:center!important;
  629. font-size:0px!important;
  630. height: 24px!important;
  631. margin-top: 2px;
  632. }
  633. .invisible-item-script {
  634. color:transparent!important;
  635. opacity:0!important;
  636. }
  637. #playlist .playlist-controls .controls .skips .skip-image {
  638. background-size: 24px 24px!important;
  639. }
  640. .playlist-controls {
  641. width: 539px!important;
  642. }
  643. #skip:after {
  644. content:url("http://i.imgur.com/lXkca.png")!important;
  645. margin-top:10px!important;
  646. margin-left:-5px!important
  647. }
  648. #skip:hover {
  649. opacity:.7!important;
  650. box-shadow:none!important;
  651. background-image:url("http://i.imgur.com/KHPfMI2.gif")!important
  652. }
  653. #skip:active {
  654. opacity:0.95!important
  655. }
  656. /*room.css*/
  657. .st-room-links {
  658. width:360px;
  659. float:left;
  660. color:#fff;
  661. margin-top:5px
  662. }
  663. .st-room-links a:hover {
  664. text-decoration:none
  665. }
  666. .st-room-link {
  667. font-size:13px;
  668. display:inline-block;
  669. padding:2px 15px;
  670. margin:0 2px;
  671. color:#c4c4c4
  672. }
  673. .st-room-link:hover {
  674. background:#474747;
  675. -moz-border-radius:3px;
  676. -webkit-border-radius:3px;
  677. border-radius:3px;
  678. cursor:pointer
  679. }
  680. .st-room-link-active {
  681. background:#474747;
  682. -moz-border-radius:3px;
  683. -webkit-border-radius:3px;
  684. border-radius:3px;
  685. color:#fff
  686. }
  687. .urgenttext {
  688. color: #d00
  689. }
  690. .limeg {
  691. color:#0f0
  692. }
  693. .roomFooter {
  694. margin: 0 auto 20px auto!important;
  695. text-align: left!important;
  696. background: #fff;
  697. width: 980px!important;
  698. padding: 10px!important;
  699. border-radius:0;
  700. border:none;
  701. min-height: 150px;
  702. line-height: normal;
  703. font-size: 13px;
  704. }
  705. .description-title {
  706. font-size: 13px;
  707. color: #666;
  708. margin-top: 5px!important;
  709. border-bottom: 1px solid #eee;
  710. padding-bottom: 5px;
  711. }
  712. .description {
  713. padding: 10px;
  714. text-align:center;
  715. }
  716. .same {
  717. margin-left: 10px;
  718. }
  719. .spoiler {
  720. background-color: #000!important;
  721. cursor: default!important;
  722. text-shadow: 0 0 black
  723. }
  724. .spoiler:hover {
  725. background-color: #000!important;
  726. color: white;
  727. cursor: default!important
  728. }
  729. #emotes {
  730. width: 120px;
  731. }
  732. #emotes img:active {
  733. padding: 1px;
  734. border: 1px solid #888!important;
  735. border-left-color: #333!important;
  736. border-top-color: #333!important;
  737. background-color: #ccc!important;
  738. }
  739. #emotes img:hover {
  740. padding: 1px;
  741. border: 1px solid #aaa;
  742. border-left-color: #555;
  743. border-top-color: #555;
  744. background-color: #ddd;
  745. opacity: 1!important;
  746. }
  747. #emotes img {
  748. padding: 2px;
  749. width:40px;
  750. height:35px
  751. }
  752. .csettings {
  753. opacity: 1!important;
  754. cursor: default!important;
  755. width: 155px;
  756. float: left;
  757. position: absolute;
  758. margin-top: -1px;
  759. margin-left: -205px;
  760. background-color: rgba(36, 36, 36, 0.9);
  761. font-size: 12px;
  762. overflow: hidden;
  763. border-bottom-left-radius: 5px;
  764. border-bottom-right-radius: 5px;
  765. text-align: center
  766. }
  767. .colors {
  768. text-align: center;
  769. height: 16px;
  770. width: 120px;
  771. margin: 2px auto 2px auto;
  772. line-height: 14px;
  773. }
  774. .colors:hover {
  775. border:1px solid black;
  776. height:16px!important;
  777. cursor: default!important
  778. }
  779. #top-banner {
  780. height: 92px;
  781. background-image: url('http://drowngaben.x10.mx/v4c/rotatelrg/rotate.php');
  782. background-repeat: no-repeat;
  783. background-position: center;
  784. padding: 4px 0 4px 0;
  785. }
  786. .options {
  787. display: block;
  788. padding: 2px 0;
  789. margin: 0 4px;
  790. vertical-align: middle;
  791. color: #0ACC00;
  792. border-radius: 5px;
  793. }
  794. .csettings a:hover {
  795. text-decoration: none!important;
  796. }
  797. .csettings .options:hover {
  798. background-color: rgba(0, 0, 0, .4);
  799. color: #3DFF00;
  800. }
  801. #togglechat {
  802. position: relative;
  803. top: 3px;
  804. cursor: pointer;
  805. opacity: .4;
  806. float: right!important;
  807. }
  808. #togglechat:hover {
  809. opacity: .7!important
  810. }
  811. .grn {
  812. color: #2C0285
  813. }
  814. .descr-stats {
  815. margin-top: -20px!important
  816. }
  817. #me {
  818. background-color: #eee
  819. }
  820. #me:hover, #admin:hover {
  821. background-color: #D1E1FA!important
  822. }
  823.  
  824. /* TipTip CSS - Version 1.2 */
  825. #tiptip_holder {
  826. display: none;
  827. position: absolute;
  828. top: 0;
  829. left: 0;
  830. z-index: 99999;
  831. }
  832. #tiptip_holder.tip_top {
  833. padding-bottom: 5px;
  834. }
  835. #tiptip_holder.tip_bottom {
  836. padding-top: 5px;
  837. }
  838. #tiptip_holder.tip_right {
  839. padding-left: 5px;
  840. }
  841. #tiptip_holder.tip_left {
  842. padding-right: 5px;
  843. }
  844. #tiptip_content {
  845. font-size: 11px;
  846. color: #fff;
  847. text-shadow: 0 0 2px #000;
  848. padding: 4px 8px;
  849. border: 1px solid rgba(255, 255, 255, 0.25);
  850. background-color: rgb(25, 25, 25);
  851. background-color: rgba(25, 25, 25, 0.92);
  852. background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  853. }
  854. #tiptip_arrow, #tiptip_arrow_inner {
  855. position: absolute;
  856. border-color: transparent;
  857. border-style: solid;
  858. border-width: 6px;
  859. height: 0;
  860. width: 0;
  861. }
  862. #tiptip_holder.tip_top #tiptip_arrow {
  863. border-top-color: #fff;
  864. border-top-color: rgba(255, 255, 255, 0.35);
  865. }
  866. #tiptip_holder.tip_bottom #tiptip_arrow {
  867. border-bottom-color: #fff;
  868. border-bottom-color: rgba(255, 255, 255, 0.35);
  869. }
  870. #tiptip_holder.tip_right #tiptip_arrow {
  871. border-right-color: #fff;
  872. border-right-color: rgba(255, 255, 255, 0.35);
  873. }
  874. #tiptip_holder.tip_left #tiptip_arrow {
  875. border-left-color: #fff;
  876. border-left-color: rgba(255, 255, 255, 0.35);
  877. }
  878. #tiptip_holder.tip_top #tiptip_arrow_inner {
  879. margin-top: -7px;
  880. margin-left: -6px;
  881. border-top-color: rgb(25, 25, 25);
  882. border-top-color: rgba(25, 25, 25, 0.92);
  883. }
  884. #tiptip_holder.tip_bottom #tiptip_arrow_inner {
  885. margin-top: -5px;
  886. margin-left: -6px;
  887. border-bottom-color: rgb(25, 25, 25);
  888. border-bottom-color: rgba(25, 25, 25, 0.92);
  889. }
  890. #tiptip_holder.tip_right #tiptip_arrow_inner {
  891. margin-top: -6px;
  892. margin-left: -5px;
  893. border-right-color: rgb(25, 25, 25);
  894. border-right-color: rgba(25, 25, 25, 0.92);
  895. }
  896. #tiptip_holder.tip_left #tiptip_arrow_inner {
  897. margin-top: -6px;
  898. margin-left: -7px;
  899. border-left-color: rgb(25, 25, 25);
  900. border-left-color: rgba(25, 25, 25, 0.92);
  901. }
  902. /* Webkit Hacks */
  903. @media screen and (-webkit-min-device-pixel-ratio:0) {
  904. #tiptip_content {
  905. padding: 4px 8px 5px 8px;
  906. background-color: rgba(45, 45, 45, 0.88);
  907. }
  908. #tiptip_holder.tip_bottom #tiptip_arrow_inner {
  909. border-bottom-color: rgba(45, 45, 45, 0.88);
  910. }
  911. #tiptip_holder.tip_top #tiptip_arrow_inner {
  912. border-top-color: rgba(20, 20, 20, 0.92);
  913. }
  914. }
  915. .basic-button.pressed {
  916. border-color: #333!important;
  917. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #888888))!important;
  918. background-image: -webkit-linear-gradient(#444444, #888888)!important;
  919. background-image: -moz-linear-gradient(#444444, #888888)!important;
  920. background-image: -o-linear-gradient(#444444, #888888)!important;
  921. background-image: -ms-linear-gradient(#444444, #888888)!important;
  922. background-image: linear-gradient(#444444, #888888)!important;
  923. }
  924. .basic-button.pressed:hover {
  925. background: #555555!important;
  926. background: -moz-linear-gradient(top, #555555 0%, #999999 100%)!important;
  927. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #999999))!important;
  928. background: -webkit-linear-gradient(top, #555555 0%, #999999 100%)!important;
  929. background: -o-linear-gradient(top, #555555 0%, #999999 100%)!important;
  930. background: -ms-linear-gradient(top, #555555 0%, #999999 100%)!important;
  931. background: linear-gradient(to bottom, #555555 0%, #999999 100%)!important;
  932. }
  933. #players {
  934. text-align: center;
  935. font-size: 11px;
  936. width: 961px;
  937. margin: 0 auto;
  938. background: #222;
  939. color: #fff;
  940. padding: 10px 0;
  941. clear: both;
  942. }
  943. .ui-widget {
  944. font-family: inherit;
  945. font-size: inherit;
  946. }
  947. #players a.active {
  948. text-decoration: none;
  949. color: #fff;
  950. }
  951. #players a {
  952. color: #ccc;
  953. text-decoration: underline;
  954. margin: 0 5px;
  955. }
  956. .search-result a {
  957. position:relative;
  958. display:block;
  959. overflow:hidden;
  960. color:#333;
  961. zoom:1;
  962. cursor:pointer;
  963. text-decoration: none;
  964. }
  965. .video-icon {
  966. left: 1px;
  967. bottom: 1px;
  968. position: absolute;
  969. }
  970. .search-result a:hover {
  971. text-decoration:none;
  972. }
  973. .search-result:hover {
  974. background:#fafafa;
  975. }
  976. .search-result {
  977. background-color: #f1f1f1;
  978. position: relative;
  979. padding: 4px;
  980. margin: 0 1px;
  981. border: 1px solid #ddd;
  982. display:inline-block;
  983. text-overflow: ellipsis;
  984. overflow: hidden;
  985. white-space: nowrap;
  986. text-align:center;
  987. width:160px;
  988. }
  989. .video-uploader {
  990. text-overflow: ellipsis;
  991. white-space: nowrap;
  992. display: block;
  993. font-size: 10px;
  994. line-height: 1.2;
  995. max-height: 2.4em;
  996. margin-bottom: 2px;
  997. overflow: hidden;
  998. cursor: pointer;
  999. max-width: 120px;
  1000. }
  1001. .video-thumb {
  1002. position: relative;
  1003. width: 120px;
  1004. overflow: hidden;
  1005. background: transparent;
  1006. font-size: 0;
  1007. vertical-align: middle;
  1008. display: inline-block;
  1009. }
  1010. #viewHistory {
  1011. list-style: none;
  1012. float: left;
  1013. position:relative;
  1014. text-align: center;
  1015. width: 380px;
  1016. font-size: 13px;
  1017. float: left;
  1018. display: block;
  1019. list-style-type: disc;
  1020. border-radius: 10px;
  1021. padding: 15px 0;
  1022. font-family: arial, sans-serif;
  1023. background: #333;
  1024. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 85%, rgba(34, 34, 34, 0.7) 100%);
  1025. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(85%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(34, 34, 34, 0.7)));
  1026. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 85%, rgba(34, 34, 34, 0.7) 100%);
  1027. background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 85%, rgba(34, 34, 34, 0.7) 100%);
  1028. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 85%, rgba(34, 34, 34, 0.7) 100%);
  1029. background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 85%, rgba(34, 34, 34, 0.7) 100%);
  1030. }
  1031. #viewHistory .close-history {
  1032. position: absolute;
  1033. left: 362px;
  1034. top: 0px;
  1035. }
  1036. li.search-result {
  1037. border-radius: 10px;
  1038. width:120px;
  1039. cursor: pointer;
  1040. }
  1041. b #vidUploader {
  1042. font-weight: bold!important;
  1043. }
  1044. .video-time {
  1045. padding: 0 4px;
  1046. font-weight: bold;
  1047. font-size: 11px;
  1048. background-color: #000;
  1049. color: #fff!important;
  1050. height: 14px;
  1051. line-height: 14px;
  1052. opacity: .75;
  1053. filter: alpha(opacity=75);
  1054. display: -moz-inline-stack;
  1055. vertical-align: top;
  1056. zoom: 1;
  1057. display: inline-block;
  1058. -moz-border-radius: 3px;
  1059. -webkit-border-radius: 3px;
  1060. border-radius: 3px;
  1061. right: 11px;
  1062. bottom: 1px;
  1063. position: absolute;
  1064. }
  1065. .search-result .video-title {
  1066. display: block;
  1067. font-size: 12px;
  1068. font-weight: normal;
  1069. line-height: 1.2;
  1070. max-height: 2.4em;
  1071. margin-bottom: 2px;
  1072. overflow: hidden;
  1073. cursor: pointer;
  1074. cursor: hand;
  1075. max-width: 200px;
  1076. text-overflow: ellipsis
  1077. }
  1078. .video-thumbnail {
  1079. width:120px;
  1080. height: 90px
  1081. }
  1082. #OptionsMenu {
  1083. display: none;
  1084. position: fixed;
  1085. bottom: 0;
  1086. left: 0;
  1087. background-color: rgba(0,0,0,.85);
  1088. width:400px;
  1089. height:650px;
  1090. border: 1px solid #545454;
  1091. border-bottom: none;
  1092. color: white;
  1093. z-index: 2;
  1094. }
  1095. #OptionsTopImage, #OptionsTop strong {
  1096. display: block;
  1097. text-align: center;
  1098. margin:auto;
  1099. }
  1100. #OptionsTop {
  1101. padding:10px 0;
  1102. }
  1103. .OptionsVersion {
  1104. font-size:10px;
  1105. text-align:center;
  1106. display:block;
  1107. }
  1108. #OptionsBottom {
  1109. overflow-y: auto;
  1110. margin:0 4px;
  1111. border: 1px solid #545454;
  1112. height: 490px;
  1113. border-radius: 4px;
  1114. }
  1115. #OptionsList {
  1116. list-style: none outside none;
  1117. padding-left: 0;
  1118. margin:0;
  1119. font-size:14px;
  1120. }
  1121. #OptionsList li {
  1122. margin:0 0 4px;
  1123. }
  1124. .OptionsOFF {
  1125. background: url('http://i.imgur.com/CaPTRAD.png') no-repeat center;
  1126. }
  1127. .OptionsON {
  1128. background: url('http://i.imgur.com/JH0htLq.png') no-repeat center;
  1129. }
  1130. .OptionsDisabled {
  1131. background: url('http://i.imgur.com/26Tt4RI.png') no-repeat center;
  1132. }
  1133. .OptionsON, .OptionsOFF, .OptionsDisabled {
  1134. width:16px;
  1135. height:8px;
  1136. display:inline-block;
  1137. }
  1138. .OptionsButton {
  1139. height:20px;
  1140. width:48px;
  1141. background-color:black;
  1142. display:inline-block;
  1143. font-size:12px;
  1144. vertical-align: middle;
  1145. line-height:18px;
  1146. margin-left:10px;
  1147. text-align:center;
  1148. border:1px solid #444;
  1149. border-radius:4px;
  1150. cursor:pointer;
  1151. -webkit-touch-callout: none;
  1152. -webkit-user-select: none;
  1153. -khtml-user-select: none;
  1154. -moz-user-select: none;
  1155. -ms-user-select: none;
  1156. user-select: none;
  1157. }
  1158. .OptionsButton:hover, #op-button:hover {
  1159. background-color: #222;
  1160. }
  1161. .OptionsButton:active, #op-button:active {
  1162. background-color: #333;
  1163. }
  1164. #OptionsBottomKey {
  1165. display:block;
  1166. font-size: 10px;
  1167. }
  1168. #OptionsKeyLeft {
  1169. float: left;
  1170. }
  1171. #OptionsKeyRight {
  1172. float: right;
  1173. padding-right: 4px;
  1174. }
  1175. #scriptOptions {
  1176. float: right;
  1177. right: 128px; /*70 large; 38 larger*/
  1178. height: 58px;
  1179. width: 125px;
  1180. border-right: 1px solid #545454;
  1181. border-left: 1px solid #545454;
  1182. background-color: rgba(0,0,0,.2);
  1183. position: relative;
  1184. color: white;
  1185. cursor: pointer;
  1186. z-index: 2;
  1187. }
  1188. #scriptOptions:hover {
  1189. background-color: rgba(0,0,0,.5);
  1190. }
  1191. #OptionsButton.sc-txt {
  1192. padding: 18px 5px 0px 12px;
  1193. display: block;
  1194. }
  1195. #optionLines {
  1196. display: block;
  1197. }
  1198. #OptionsVersion.sc-txt {
  1199. display: block;
  1200. font-size: 10px;
  1201. padding-top: 5px;
  1202. text-align: center;
  1203. }
  1204. #OptionsTopImage {
  1205. height:100px;
  1206. background: url('http://i.imgur.com/MM9hqD7.png') center no-repeat;
  1207. }
  1208. .close-OptionMenu.x {
  1209. position: absolute;
  1210. right: 0;
  1211. }
  1212. .op-seperator {
  1213. width: auto;
  1214. text-align: center;
  1215. height: auto;
  1216. padding: 2px 0;
  1217. margin: 10px 0;
  1218. border: 1px solid #222222;
  1219. border-left: none;
  1220. border-right: none;
  1221. background-color: rgba(26, 26, 26, 0.5);
  1222. }
  1223. #op-button {
  1224. height: 20px;
  1225. width: auto;
  1226. padding: 3px 5px;
  1227. background-color: black;
  1228. display: inline-block;
  1229. font-size: 12px;
  1230. vertical-align: middle;
  1231. margin-left: 15px!important;
  1232. text-align: center;
  1233. border: 1px solid #444;
  1234. border-radius: 4px;
  1235. cursor: pointer;
  1236. -webkit-touch-callout: none;
  1237. -webkit-user-select: none;
  1238. -khtml-user-select: none;
  1239. -moz-user-select: none;
  1240. -ms-user-select: none;
  1241. user-select: none;
  1242. }
  1243. .op-var, #op-style {
  1244. margin-left: 15px!important;
  1245. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement