API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 25th, 2015
214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.59 KB | None | 0 0
raw download clone embed print report
  1. html,body {
  2. display: table;
  3. margin: 0 !important;
  4. padding: 0 !important;
  5. height:100%;
  6. width:100%;
  7. overflow:hidden;
  8. }
  9.  
  10. /*SCORE*/
  11. i1 {
  12. font-size: 110%;
  13. font-weight:bold;
  14. color:#999;
  15. }
  16.  
  17. /*OTHER FONTS*/
  18. a:active {color: pink;}
  19. a {
  20. color: #246;
  21. text-decoration: none;
  22. }
  23.  
  24. a.n2:active {color: black;}
  25. a.n2{
  26. color: #246;
  27. text-decoration: none;
  28. }
  29. /*POST*/
  30. .s1 {
  31. text-decoration: none;
  32. color: orange;
  33. font-size: 165%;
  34. }
  35. .s1:visited {
  36. text-decoration: none;
  37. }
  38. .s1:hover {
  39. text-decoration: none;
  40. }
  41. .s1:active {
  42. text-decoration: none;
  43. color: orange;
  44. }
  45.  
  46. /*NORMALISH LINK*/
  47. a.n1:link {
  48. font-size: 90%;
  49. font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  50. color: orange;
  51. margin-left:15px;
  52. margin-right:20px;
  53. }
  54. a.n1:visited {
  55. font-size: 90%;
  56. font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  57. color: orange;
  58. margin-left:15px;
  59. margin-right:20px;
  60. }
  61. a.n1:hover {
  62. font-size: 90%;
  63. font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  64. color: orange;
  65. margin-left:15px;
  66. margin-right:20px;
  67. }
  68.  
  69. a.m1:link {
  70. font-size: 90%;
  71. font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  72. color: orange;
  73. }
  74. a.m1:visited {
  75. font-size: 90%;
  76. font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  77. color: orange;
  78. }
  79. a.m1:hover {
  80. font-size: 90%;
  81. font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  82. color: orange;
  83. }
  84.  
  85. /*alignment n stuff*/
  86. /*seda kasutada teksti ja nuppude kõrvuti paigutamiseks*/
  87. img.mid {
  88. vertical-align: middle;
  89. }
  90. .pic{
  91. margin-top:17px;
  92. border: 1px solid black;
  93. }
  94.  
  95. .pic:hover{
  96. margin-top:17px;
  97. border: 1px solid rgb(86, 180, 239);
  98. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
  99. }
  100. h{
  101. color:#999;
  102. }
  103.  
  104.  
  105. /*--------------EKRAANI JAOTAMINE---------------*/
  106.  
  107.  
  108. /*priidu loodud*/
  109. .searchSuggestionBox{
  110. position : absolute;
  111. border: 1px solid black;
  112. background:#222222;
  113. width:172px;
  114. margin-top:20px;
  115. z-index: 999;
  116. height:200px;
  117. word-wrap: break-word;
  118. float:right;
  119. }
  120. .center-wrapper_{
  121. position: absolute;
  122. text-align:center;
  123. top: 0;
  124. bottom: 0;
  125. left: 0;
  126. right: 0;
  127. width: 50%;
  128. height: 30%;
  129. margin: auto;
  130.  
  131. }
  132.  
  133.  
  134.  
  135. /*see on meie vasakpoolne ekraani osa*/
  136. .left {
  137. display: table-cell;
  138. vertical-align: top;
  139. height:100%;
  140. text-align:center;
  141. background:#222222;
  142. }
  143.  
  144. .leftMain {
  145. height:calc( 100% - 50px );
  146. overflow:auto;
  147. text-align:center;
  148. background:#222222;
  149. border-right:2px solid #252525;
  150. }
  151.  
  152. /*parepoolne ekraani osa*/
  153. .right {
  154. display: table-cell;
  155. vertical-align: top;
  156. height:100%;
  157. width:400px;
  158. /*border-collapse: collapse;*/
  159. background:#171717;
  160. border:2px solid black;
  161. }
  162.  
  163. /*profiili osa*/
  164. .up {
  165. display:table-row;
  166. background:#222222;
  167. }
  168. .upUp{
  169. height:160px;
  170. border-top:1px solid #252525;
  171. border-bottom:1px solid black;
  172. }
  173. .upDown{
  174. display: table;
  175. /*border-collapse:separate; probably useless*/
  176. table-layout: fixed;
  177. width: 100%;
  178. background: #1E1E1E;
  179. height:45px;
  180. border-top:1px solid #252525;
  181. border-bottom:1px solid #000000;
  182. }
  183. .upDownLeft{
  184. display: table-cell;
  185. padding-left:10px;
  186. text-align: left;
  187. vertical-align: middle;
  188. }
  189. .upDownRight{
  190. display: table-cell;
  191. padding-right:10px;
  192. text-align: right;
  193. vertical-align: middle;
  194. }
  195. .upUpLeft{
  196. float:left;
  197. width:200px;
  198. text-align: center;
  199. }
  200. .upUpRight{
  201. width:200px;
  202. float:right;
  203. }
  204. .upUpRightRight{
  205. margin-top:17px;
  206. text-align:center;
  207. background:red;
  208. }
  209. .upUpRightLeft{
  210. display: table;
  211. table-layout: fixed;
  212. width:125px;
  213. float:left;
  214. border-top:1px solid #000000;
  215. margin-top:17px;
  216. text-align:center;
  217. }
  218.  
  219. .upUpRightBox{
  220. text-align: center;
  221. background:#222222;
  222. /*display:table-row;*/
  223. border-top:1px solid #252525;
  224. border-bottom:1px solid #000000;
  225. border-left:1px solid black;
  226. border-right:1px solid black;
  227. height:19px;
  228. }
  229. .upUpRightBoxT{
  230. background:#1E1E1E;
  231. border-top:1px solid #252525;
  232. border-bottom:1px solid #000000;
  233. border-left:1px solid black;
  234. border-right:1px solid black;
  235. height:19px;
  236. }
  237. .upUpRightBox:hover{
  238. text-align:center;
  239. height:19px;
  240. border: 1px solid rgb(86, 180, 239);
  241. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
  242. }
  243.  
  244. /*otsingu osa*/
  245. .down{
  246. display:table-row;
  247. height:100%;
  248. width:400px;
  249. }
  250. .downContainer{
  251. overflow:auto;
  252. border:1px solid;
  253. background:#1E1E1E;
  254. margin:10px;
  255. height: calc( 100% - 100px );
  256. }
  257. .downBoxRow1{
  258. line-height: 31px;
  259. /*height:31px;*/
  260. text-align: center;
  261. background:#1E1E1E;
  262. border-top:1px solid #252525;
  263. border-bottom:1px solid #000000;
  264. }
  265. .downBoxRow1:hover{
  266. background:#272727;
  267. }
  268. .downBoxRow2{
  269. line-height: 31px;
  270. /*height:31px;*/
  271. text-align: center;
  272. background:#222222;
  273. border-top:1px solid #252525;
  274. border-bottom:1px solid #000000;
  275. }
  276. .downBoxRow2:hover{
  277. background:#272727;
  278. }
  279. .s2{
  280. height:50px;
  281. margin:10px;
  282. }
  283.  
  284. /*postituse osa pealehel*/
  285. .postBoxRow{
  286. position:relative;
  287. width:calc( 100% - 5px );
  288. margin-left:10px;
  289. margin-right:10px;
  290. margin-top:10px;
  291. background:#1E1E1E;
  292. border: 1px solid black;
  293. }
  294. .postBoxRow:hover{
  295. background-color:#222222;
  296. }
  297. .postBoxRow:hover .vertIcon{
  298. background-color:orange;
  299. }
  300.  
  301. .postBox{
  302. display: inline-block;
  303. }
  304. .postDataBox{
  305. float:left;
  306. }
  307. .postDataBoxUp{
  308. }
  309. .postDataBoxDown{
  310. text-align:center;
  311. }
  312. .voteBox{
  313. float:left;
  314. width:50px;
  315. height:50px;
  316. }
  317. .dataComments{
  318. display: inline-block;
  319. margin-right: 10px;
  320. }
  321. .dataScore{
  322. display: inline-block;
  323. }
  324. .dataDate{
  325. display: inline-block;
  326. margin-left: 10px;
  327. }
  328.  
  329. /*HEADER*/
  330. .head{
  331. display: table;
  332. /*border-collapse:separate; probably useless*/
  333. width: 100%;
  334. background: #4479BA;
  335. color: #FFF;
  336. height:50px;
  337. -webkit-box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.75);
  338. -moz-box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.75);
  339. box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.75);
  340. }
  341. .headLeft{
  342. display: table-cell;
  343. padding-left:15px;
  344. width:200px;
  345. text-align: left;
  346. vertical-align: middle;
  347. }
  348. .headMid{
  349. display: table-cell;
  350. width:100%;
  351. text-align: center;
  352. vertical-align: middle;
  353. }
  354. .headRight{
  355. display: table-cell;
  356. padding-right:15px;
  357. width: 200px;
  358. text-align: center;
  359. vertical-align: middle;
  360. }
  361.  
  362. .separator1{
  363. height:14px;
  364. text-align: center;
  365. }
  366. .separator2{
  367. height:14px;
  368. border-top:1px solid #252525;
  369. }
  370.  
  371. /*POST PAGE DIVS*/
  372. .selfPost{
  373. width: 500px;
  374. height: 100px;
  375. margin-left:auto;
  376. margin-right:auto;
  377. margin-top: 15px;
  378. background:#1E1E1E;
  379. border:1px solid;
  380. text-align: left;
  381. }
  382. .selfComment{
  383. width: 500px;
  384. margin-left:auto;
  385. margin-right:auto;
  386. margin-top: 15px;
  387. }
  388.  
  389. .vertIcon{
  390. position:absolute;
  391. background:black;
  392. height:100%;
  393. width:5px;
  394. }
  395.  
  396. .rightLink{
  397. padding: 5px 15px;
  398. background: #4479BA;
  399. color: #FFF;
  400.  
  401. -webkit-border-radius: 2px;
  402. -moz-border-radius: 2px;
  403. border-radius: 2px;
  404. border: solid 1px #20538D;
  405. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  406.  
  407. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  408. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  409. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  410.  
  411. -webkit-transition-duration: 0.05s;
  412. -moz-transition-duration: 0.05s;
  413. transition-duration: 0.05s;
  414.  
  415. -webkit-touch-callout: none;
  416. -webkit-user-select: none;
  417. -moz-user-select: none;
  418. }
  419. .rightLink:hover{
  420. background: #356094;
  421. border: solid 1px #2A4E77;
  422. text-decoration: none;
  423. }
  424.  
  425. .rightLink:active {
  426. -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  427. -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  428. box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  429. background: #2E5481;
  430. border: solid 1px #203E5F;
  431. }
  432.  
  433. .headLink {
  434. padding: 10px 15px;
  435. background: #4479BA;
  436. color: #FFF;
  437. -webkit-border-radius: 4px;
  438. -moz-border-radius: 4px;
  439. border-radius: 4px;
  440. border: solid 1px #20538D;
  441. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  442. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  443. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  444. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  445.  
  446. -webkit-transition-duration: 0.05s;
  447. -moz-transition-duration: 0.05s;
  448. transition-duration: 0.05s;
  449.  
  450. -webkit-touch-callout: none;
  451. -webkit-user-select: none;
  452. -moz-user-select: none;
  453. }
  454.  
  455. .headLink:hover{
  456. background: #356094;
  457. border: solid 1px #2A4E77;
  458. text-decoration: none;
  459. }
  460.  
  461. .headLink:active {
  462. -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  463. -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  464. box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  465. background: #2E5481;
  466. border: solid 1px #203E5F;
  467. }
  468.  
  469. .settingsBut{
  470. position:relative;
  471. float:left;
  472. margin-left: 55px;
  473. }
  474. .logOutBut{
  475. position:relative;
  476. float:right;
  477. margin-right: 55px;
  478. }
  479.  
  480.  
  481. /*SEARCH TRINKET*/
  482. input {
  483. outline: none;
  484. color:#fff;
  485. }
  486. input[class=search] {
  487. -webkit-appearance: textfield;
  488. -webkit-box-sizing: content-box;
  489. font-family: inherit;
  490. font-size: 100%;
  491. }
  492. input::-webkit-search-decoration,
  493. input::-webkit-search-cancel-button {
  494. display: none;
  495. }
  496.  
  497. input[class=search] {
  498. background: url('img/search-icon.png') no-repeat 9px center;
  499. border: solid 1px #20538D;
  500. width: 55px;
  501. padding: 9px 12px 9px 32px;
  502.  
  503. -webkit-border-radius: 4px;
  504. -moz-border-radius: 4px;
  505. border-radius: 4px;
  506.  
  507. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  508. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  509. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  510.  
  511. -webkit-transition: all .25s;
  512. -moz-transition: all .25s;
  513. transition: all .25s;
  514. }
  515. input[class=search]:focus {
  516. width: 130px;
  517. background-color: #fff;
  518. border-color: #66CC75;
  519.  
  520. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  521. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  522. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  523. }
  524.  
  525. input::-moz-placeholder {
  526. color: #999;
  527. }
  528. input::-webkit-input-placeholder{
  529. color: #999;
  530. }
  531.  
  532. #searchMain input[class=search] {
  533. float:right;
  534. width: 15px;
  535. padding-left: 10px;
  536. color: transparent;
  537. cursor: pointer;
  538. }
  539. #searchMain input[class=search]:hover {
  540. background: url('img/search-iconB.png') no-repeat 9px center;
  541. float:right;
  542. background-color: #fff;
  543. }
  544. #searchMain input[class=search]:focus {
  545. background: url('img/search-iconB.png') no-repeat 9px center;
  546. float:right;
  547. width: 130px;
  548. padding-left: 32px;
  549. color: #000;
  550. background-color: #fff;
  551. cursor: auto;
  552. }
  553. #searchMain input::-moz-placeholder {
  554. float:right;
  555. color: transparent;
  556. }
  557. #searchMain input::-webkit-input-placeholder {
  558. float:right;
  559. color: transparent;
  560. }
  561.  
  562. input[class=search2] {
  563. -webkit-appearance: textfield;
  564. -webkit-box-sizing: content-box;
  565. font-family: inherit;
  566. font-size: 100%;
  567. }
  568. input[class=search2] {
  569. background: url('img/search-iconB.png') no-repeat 9px center;
  570. background-color:#222222;
  571. border: solid 1px #20538D;
  572. width: 88%;
  573. padding: 9px 10px 9px 32px;
  574.  
  575. -webkit-border-radius: 4px;
  576. -moz-border-radius: 4px;
  577. border-radius: 4px;
  578.  
  579. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  580. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  581. box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  582.  
  583. -webkit-transition: all .1s;
  584. -moz-transition: all .1s;
  585. transition: all .1s;
  586. }
  587. input[class=search2]:focus {
  588. width: 88%;
  589. background-color: #1E1E1E;
  590.  
  591. -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
  592. -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
  593. box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
  594. }
  595. #searchMain input[class=search2] {
  596. float:right;
  597. width: 15px;
  598. padding-left: 10px;
  599. color: transparent;
  600. cursor: pointer;
  601. }
  602. #searchMain input[class=search2]:hover {
  603. background: url('img/search-iconB.png') no-repeat 9px center;
  604. float:right;
  605. background-color: #fff;
  606. }
  607. #searchMain input[class=search2]:focus {
  608. background: url('img/search-iconB.png') no-repeat 9px center;
  609. float:right;
  610. width: 130px;
  611. padding-left: 32px;
  612. color: #000;
  613. background-color: #fff;
  614. cursor: auto;
  615. }
  616.  
  617. #scroller1::-webkit-scrollbar-track{
  618. background-color: #222222;
  619. border-radius: 10px;
  620. margin-top:10px;
  621. margin-bottom:10px;
  622.  
  623. }
  624.  
  625. #scroller1::-webkit-scrollbar{
  626. width: 4px;
  627. background-color: #222222;
  628. }
  629.  
  630. #scroller1::-webkit-scrollbar-thumb{
  631. border-radius: 10px;
  632. background-color: grey;
  633. box-shadow: 0 0 1px 1px rgba(255,255,255,0.25);
  634. }
  635.  
  636. #scroller2::-webkit-scrollbar-track{
  637. background-color: #222222;
  638. border-radius: 10px;
  639. border-left:1px solid black;
  640. }
  641.  
  642. #scroller2::-webkit-scrollbar{
  643. width: 4px;
  644. background-color: #222222;
  645. border-left:1px solid black;
  646. }
  647.  
  648. #scroller2::-webkit-scrollbar-thumb{
  649. border-radius: 10px;
  650. background-color: grey;
  651. box-shadow: 0 0 1px 1px rgba(255,255,255,0.25);
  652. }
  653.  
  654.  
  655.  
  656.  
  657.  
  658. #upvote, #downvote {cursor: pointer; padding: 10px 35px 16px 0px; display: inline-block; margin-top:15px;}
  659.  
  660. #upvote span, #upvote span:before, #upvote span:after,
  661. #downvote span, #downvote span:before, #downvote span:after {
  662. transition: all 300ms ease-in-out;
  663. }
  664.  
  665. #upvote.upmod span {
  666. transform: rotate(450deg);
  667. background: #ff8b60;
  668. }
  669.  
  670. #upvote.upmod span:before, #upvote.upmod span:after {
  671. top: 0;
  672. }
  673.  
  674. #upvote.upmod span:before {
  675. transform: rotate(401deg);
  676. top: 6px;
  677. left: -4px;
  678. width: 20px;
  679. background: #ff8b60;
  680. }
  681.  
  682. #upvote.upmod span:after {
  683. transform: rotate(-401deg);
  684. top: -6px;
  685. left: -4px;
  686. width: 20px;
  687. background: #ff8b60;
  688. }
  689.  
  690. #downvote.downmod span {
  691. transform: rotate(-90deg);
  692. background: #9494ff;
  693. }
  694.  
  695. #downvote.downmod span:before, #downvote.downmod span:after {
  696. top: 0;
  697. }
  698.  
  699. #downvote.downmod span:before {
  700. transform: rotate(401deg);
  701. left: -4px;
  702. width: 20px;
  703. top: 5px;
  704. background: #9494ff;
  705. }
  706.  
  707. #downvote.downmod span:after {
  708. transform: rotate(-401deg);
  709. top: -6px;
  710. left: -3px;
  711. width: 20px;
  712. background: #9494ff;
  713. }
  714.  
  715. /*-----------UNCLICKED---------*/
  716. #upvote span {
  717. transform: rotate(90deg);
  718. background: grey;
  719. cursor: pointer;
  720. border-radius: 1px;
  721. height: 5px;
  722. width: 35px;
  723. position: absolute;
  724. display: block;
  725. content: '';
  726. }
  727.  
  728. #upvote span:before, #upvote span:after {
  729. cursor: pointer;
  730. border-radius: 1px;
  731. height: 5px;
  732. width: 35px;
  733. position: absolute;
  734. display: block;
  735. content: '';
  736. }
  737.  
  738. #upvote span:before {
  739. transform: rotate(41deg);
  740. top: 6px;
  741. left: -4px;
  742. width: 20px;
  743. background: grey;
  744. }
  745.  
  746. #upvote span:after {
  747. transform: rotate(-41deg);
  748. top: -6px;
  749. left: -4px;
  750. width: 20px;
  751. background: grey;
  752. }
  753.  
  754. #downvote span {
  755. transform: rotate(270deg);
  756. background: #9494ff;
  757. cursor: pointer;
  758. border-radius: 1px;
  759. height: 5px;
  760. width: 35px;
  761. bottom:25px;
  762. background: grey;
  763. position: absolute;
  764. display: block;
  765. content: '';
  766. }
  767.  
  768. #downvote span:before, #downvote span:after {
  769. top: 0;
  770. cursor: pointer;
  771. border-radius: 1px;
  772. height: 5px;
  773. width: 35px;
  774. background: grey;
  775. position: absolute;
  776. display: block;
  777. content: '';
  778. top: -10px;
  779. }
  780.  
  781. #downvote span:before {
  782. transform: rotate(41deg);
  783. left: -4px;
  784. width: 20px;
  785. top: 5px;
  786. }
  787.  
  788. #downvote span:after {
  789. transform: rotate(-41deg);
  790. top: -6px;
  791. left: -3px;
  792. width: 20px;
  793. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!