Guest User

Untitled

a guest
May 1st, 2017
28
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.99 KB | None | 0 0
  1. /*announcement sticky*/
  2. div.content {
  3. /*This lowers the links to create space*/
  4. margin-top:30px;
  5. }
  6. .titlebox form {
  7. /*Hack to enable repositioning of child elements*/
  8. position: static
  9. }
  10. .side h3:nth-of-type(1) {
  11. /*this code positions the sticky*/
  12. position:absolute;
  13. display: block;
  14. top:156px;
  15. left:40px;
  16. /*this code styles the sticky*/
  17. background-color: #33CCFF;
  18. color: #555555;
  19. text-align: left;
  20. margin: 15px;
  21. border-radius: 8px;
  22. width: 50%;
  23. padding: 7px 0px 7px 55px;
  24.  
  25.  
  26. }
  27.  
  28. /*- sidebar pic
  29.  
  30. div.side {
  31. padding: 280px 0px 0px 0px;
  32. background: white url(%%pic%%) no-repeat;
  33. background-position: center top;
  34. }
  35.  
  36.  
  37. /*---
  38. /*-- C.6. Sidebar Image - view only
  39. Details : http://www.reddit.com/r/mindashq/wiki/modules/SidebarImages
  40. + Add only when correspondis loaded in subreddit settings > stylesheet
  41. ----*/ing image
  42.  
  43. div.side {
  44. padding: 280px 0px 0px 0px;
  45. background-position: center top;
  46.  
  47. }
  48. /*-- C.6.end Sidebar Image ----*/
  49. ---*/
  50.  
  51.  
  52. /* colors CSS */
  53.  
  54.  
  55. /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::RES:::::::::: */
  56. /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::RES:::::::::: */
  57.  
  58. #sr-header-area {
  59. color: black!important;
  60. background: #b2b2ff !important;
  61. white-space: nowrap;
  62. text-transform: uppercase;
  63. border-bottom: 0px !important;
  64. font-size: 100%;
  65. height: 20px!important;
  66. line-height: 20px!important;
  67. }
  68.  
  69. /* user(karma) header image/color */
  70. #header-bottom-right {
  71. background: transparent !important;
  72. height: 25px!important;
  73. margin-top: 100px
  74. }
  75.  
  76. /* color of user(karma); but just the user part */
  77. #header-bottom-right a{
  78. color: #FF0101;
  79. }
  80.  
  81. /*new attempt beliw at moving userbar.the above thing changes the text color */
  82.  
  83. #header-bottom-right {
  84. height: 0px;
  85. margin: 10px;
  86. margin-bottom: 10;
  87. padding: 0 20px;
  88. background: black;
  89. font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  90. font-size: 12px;
  91. letter-spacing: 0.10px;
  92. line-height: 30px;
  93. -webkit-transform: translate3d(0, 0, 0);
  94. transition: transform 0.1 ease-in-out;
  95. }
  96. #header-bottom-right #mail:hover,
  97.  
  98. /*disables togglebar for userbar on res to make it look better*/
  99.  
  100. #userbarToggle { display: none !important }
  101.  
  102.  
  103. #RESShortcutsEditContainer {
  104. display: none!important;
  105. }
  106.  
  107.  
  108. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::RES SIDEBAR :::::: */
  109. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::RES SIDEBAR :::::: */
  110.  
  111. /* RES sidebar buttons from /r/awesome */
  112.  
  113. .fancy-toggle-button .add,
  114. .RESshortcutside,
  115. .RESDashboardToggle {
  116. background-image: none !important;
  117. background-color: #F63454!important; /* +shortcut & +dashboard */
  118. border-radius: 0px !important;
  119. color: #FFF !important;
  120. text-transform: Capitalize !important;
  121. padding: 3px !important;
  122. font-weight: normal !important;
  123. background-image:none !important;
  124. border: none !important;
  125. border-left: 4px solid #464444 !important;
  126. }
  127. .fancy-toggle-button .add:hover,
  128. .RESshortcutside:hover,
  129. .RESDashboardToggle:hover {
  130. background-color: #31B5F6 !important; /* +shortcut & +dashboard hover */
  131. border-left: 4px solid #464444 !important;
  132. text-decoration: none !important;
  133. }
  134. .fancy-toggle-button .remove,
  135. .RESshortcutside.remove,
  136. .RESDashboardToggle.remove
  137. {
  138. text-transform: Capitalize;
  139. background-color: #E7E6E6!important;
  140. border-radius: 0px !important;
  141. color: #464444 !important;
  142. padding: 3px !important;
  143. background-image:none !important;
  144. font-weight: normal !important;
  145. border: none !important;
  146. border-left: 4px solid #464444 !important;
  147. }
  148. .fancy-toggle-button .remove:hover,
  149. .RESshortcutside.remove:hover,
  150. .RESDashboardToggle.remove:hover {
  151. background-color: #31B5F6 !important; /* unsub */
  152. color: white !important;
  153. border-left: 4px solid #464444 !important;
  154. text-decoration: none;
  155. }
  156.  
  157. /* end RES sidebox buttons from /r/awesome */
  158.  
  159.  
  160. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::HEADER :::::: */
  161. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::HEADER :::::: */
  162.  
  163.  
  164. /* reddit logo position */
  165. #header-img {
  166. margin-top: 40px;
  167. margin-left: auto;
  168. }
  169. /* header background image */
  170. #header {
  171. height: 200px; /*/CHANGES HEIGHT OF BANNER MUST ALSO CHANGE USERNAME THING AND TABMENU */
  172. background: url(%%banner-test-3%%);
  173. background-repeat:no-repeat;
  174. background-position:center;
  175. }
  176. /* subreddit name link */
  177. .pagename a {
  178. text-indent: -9999px;
  179. background-image: url(%%streetwear%%);
  180. width: 315px;
  181. height: 104px;
  182. background-position: 0px 0px;
  183. display: inline-block;
  184. position: absolute;
  185. margin-left: -15px;
  186. margin-top: 35px;
  187. /*bottom: -5px; /*MOVES STREETWEAR MOUST MOVE REDDIT LOGO TOO, do it from subreddit settings*/
  188. }
  189. .pagename a:hover {
  190. background-image:url(%%streetwear-stripes%%)!important;
  191. }
  192. /* header color */
  193. #header {
  194. background-color: #d1d1d1 !important;
  195. border-color: #f1f1f1;
  196. }
  197. /* changes header color */
  198. #header-bottom-left {
  199. color: #d1d1d1;
  200. background: transparent
  201. }
  202.  
  203. /*Failed NEW CODE doesnt MOVES USERBAR*/
  204.  
  205. /*#header-bottom-right.res-navTop {
  206. bottom: -60px;
  207. top: auto;
  208.  
  209. }*/
  210. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::TABMENU :::::: */
  211. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::TABMENU :::::: */
  212.  
  213. /* tab placement */
  214. #header-bottom-left .tabmenu {
  215. position: relative;
  216. left: -25px;
  217. top: 52px; /*CHANGES TABMENU HEIGHT */
  218. }
  219.  
  220. /* selected tab menu color */
  221. #header-bottom-left .tabmenu li.selected a {
  222. background: transparent !important;
  223. color: black !important;
  224. border: none!important;
  225. }
  226. /* tab menu color */
  227. #header-bottom-left .tabmenu li a {
  228. background-color: #d1d1d1 !important;
  229. color: black !important;
  230. }
  231.  
  232. /* change tab color on hover */
  233. /* #header .tabmenu li.selected:hover a {
  234. color: black !important;
  235. } */
  236. #header .tabmenu li:hover a {
  237. color: #F63454 !important;
  238. }
  239.  
  240. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SEARCH :::::: */
  241. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SEARCH :::::: */
  242.  
  243. #search input[type="text"]:hover, #search input[type="text"]:focus {
  244. border: 1px solid #4D90FE;
  245. outline: none
  246. }
  247. #search input[type="text"] {
  248. border: 1px solid #DDD!important;
  249. background-repeat: no-repeat;
  250. outline: none;
  251. font-size: 14px;
  252. padding: 5px 0 5px 10px;
  253. width: 288px!important;
  254. color: #AAA;
  255. }
  256.  
  257. #searchexpando {
  258. background-color: #E7E6E6 !important;
  259. border-color: #E7E6E6;
  260. -moz-border-radius: 0px!important;
  261. -webkit-border-radius: 0px!important;
  262. -o-border-radius: 0px!important;
  263. -ms-border-radius: 0px!important;
  264. -khtml-border-radius: 0px!important;
  265. border-radius: 0px !important;
  266. }
  267.  
  268.  
  269.  
  270. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SUBMIT :::::: */
  271. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SUBMIT :::::: */
  272.  
  273. /* sidebar submit buttons from /r/misc */
  274. .morelink .nub {
  275. background: none !important;
  276. }
  277. .morelink {
  278. text-transform: uppercase;
  279. font-family: Times New Roman;
  280. font-size: large;
  281. border: none !important;
  282. background: #E7E6E6 !important;
  283. color: #464444;
  284. border-left: 4px solid #464444 !important;
  285. }
  286. .morelink:hover {
  287. background: #31B5F6 !important;
  288. border: none !important;
  289. border-left: 4px solid #464444 !important;
  290. }
  291. .morelink a {
  292. color: #464444;
  293. }
  294. .morelink:hover a {
  295. text-decoration: none !important;
  296. color: white;
  297. }
  298. /* end sidebar submit buttons */
  299.  
  300.  
  301. /**** submit page, yellow box text ****/
  302. #newlink #link-desc{
  303. font-size: 0px;
  304. font-weight: bold;
  305. }
  306. #newlink #link-desc:after{
  307. font-size: 12px;
  308. content:"Do NOT post personal information - you will be permanently banned";
  309. color: red;
  310. }
  311. /***and then for self post***/
  312. #newlink #text-desc{
  313. font-size: 0px;
  314. font-weight: bold;
  315. }
  316. #newlink #text-desc:after{
  317. font-size:12px;
  318. content:"Do NOT post personal information - you will be permanently banned";
  319. color:red;
  320. }
  321.  
  322.  
  323.  
  324. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SIDEBAR :::::: */
  325. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SIDEBAR :::::: */
  326.  
  327. /* change submit button font */
  328. .morelink {
  329. font-family:helvetica;
  330. }
  331.  
  332. /* pushes down sidebar to align with body */
  333. /*div.side {
  334. /* padding: 7px 0 0 0px;
  335. /* }
  336. /* hides subreddit name*/
  337. .titlebox h1 a {
  338. display: none
  339. }
  340.  
  341. /* hides subreddit options */
  342. .leavemoderator {
  343. display: none;
  344. }
  345. .leavecontributor-button {
  346. display: none;
  347. }
  348.  
  349.  
  350. /*users here now*/
  351. .users-online .word {
  352. display: none;
  353. }
  354. .users-online .number::after {
  355. content: " fuccbois";
  356. }
  357.  
  358.  
  359. /* hides flair display option */
  360. .titlebox form.flairtoggle {
  361. display: none;
  362. }
  363.  
  364. /* spaces user name in sidebar */
  365. .side .tagline {
  366. margin: 0 0 7px 0px;
  367. }
  368.  
  369. /* adds a line before custom text in sidebar */
  370. .side .usertext::before{
  371. display:block;
  372. content:'';
  373. height:1px;
  374. background-color:#E7E6E6;
  375. }
  376. /* changes color of hard return line */
  377. .side .usertext-body hr {
  378. border-color: transparent;
  379. }
  380. /* changes sidebar link color */
  381. .side a {
  382. color: #696969;
  383. }
  384. /* color of link hover */
  385. a:hover, a:active {
  386. color: #333192;
  387. }
  388. .titlebox .md {
  389. font-size:8.5pt!important;
  390. font-weight:400!important;
  391. }
  392. /* adds border to titlebox */
  393. .titlebox {
  394. padding: 10px;
  395. border: 1px solid #E7E6E6;
  396. }
  397. .titlebox .bottom {
  398. border: 0
  399. }
  400.  
  401. /* increases title size */
  402. .titlebox h1 {
  403. font-size: 2em;
  404. }
  405.  
  406. /* custom bullets from r/canada
  407. .usertext ul {
  408. list-style-image: url(%%bodybullet%%);
  409. }*/
  410. .side .titlebox ul {
  411. list-style-image: url(%%bullet%%) !important;
  412. /*line-height: 1.2em;*/
  413. }
  414.  
  415.  
  416. /* removes created by & age text */
  417. .bottom {
  418. display: none;
  419. }
  420.  
  421. /* hides create subreddit link */
  422. .sidebox.create .spacer {
  423. display: none;
  424. }
  425. .sidebox.create .morelink {
  426. display: none;
  427. }
  428.  
  429. /* mod info box */
  430. .sidecontentbox .content {
  431. border: none;
  432. padding-left: 0;
  433. border-top: 1px dotted #ccc
  434. }
  435.  
  436.  
  437. /* hide footer */
  438. div.footer-parent div.footer div.col {
  439. display: none;
  440. }
  441.  
  442.  
  443.  
  444. /* LINK INFO------------------------------------------------------LINK INFO */
  445.  
  446.  
  447. /* linkinfo modified from /r/TheoryOfReddit */
  448.  
  449.  
  450. div.linkinfo {
  451. background-color: #f1f1f1;
  452. color: #d1d1d1;
  453. text-align: center;
  454. font-size: 11px;
  455. padding: 10px 0px 15px 0px;
  456. border: 1px dotted #C284E0;
  457. width: 300px;
  458. margin-top: 5px;
  459. margin-bottom: 10px;
  460. margin-left: auto;
  461. margin-right: auto;
  462. border-radius: 0px !important;
  463. }
  464.  
  465. .linkinfo .downvotes .number, .linkinfo .upvotes .number, .linkinfo .score .number {
  466. font-size: 20px !important;
  467. display: block;
  468. font-weight: normal !important;
  469. }
  470.  
  471. .linkinfo .score .word {
  472. display: none;
  473. }
  474.  
  475. .linkinfo .score {
  476. font-size: 11px;
  477. display: block;
  478. min-width: 80px;
  479. margin-left: 30px !important;
  480. }
  481.  
  482.  
  483.  
  484. .linkinfo .downvotes .word, .linkinfo .upvotes .word {
  485. font-size: 11px;
  486. }
  487. .linkinfo .upvotes, .linkinfo .downvotes, .linkinfo .score {
  488. float: left;
  489. padding: 5px 10px 5px 0;
  490. margin: 8px 10px 10px 0;
  491. text-align: center;
  492. color: #31B5F6 !important;
  493. }
  494. .linkinfo .score, .linkinfo .upvotes {
  495. border-right: 1px solid black;
  496. color: #31B5F6 !important;
  497. }
  498.  
  499.  
  500. .linkinfo .shortlink {
  501. clear: both !important;
  502. font-size: 10px;
  503. margin: 0px 20px 0px 20px;
  504. border: none !important;
  505. text-align: center;
  506. color: #464444;
  507. }
  508.  
  509. .linkinfo .shortlink input {
  510. background: transparent;
  511. border: 0px;
  512. padding-left: 8px;
  513. font-size: 12px;
  514. margin-left: auto;
  515. margin-right: auto;
  516. color: #464444 !important;
  517. }
  518.  
  519. .linkinfo .date {
  520. padding: 8px;
  521. margin-top: -10px;
  522. margin-bottom: 7px;
  523. color: #f1f1f1;
  524. background-image:url(%%carbon%%);
  525. font-size: 12px;
  526. }
  527.  
  528.  
  529.  
  530.  
  531. /* end linkinfo from /r/TheoryOfReddit */
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::POSTS :::::: */
  539. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::POSTS :::::: */
  540.  
  541. /* pushes posts down from header */
  542. .content {
  543. margin-top: 25px;
  544. }
  545. /* non-subscriber alert */
  546. body:not(.subscriber) #siteTable:before {
  547. content:" You're not subscribed to /r/streetwear yet. Click the subscribe button on the right! ";
  548. display:block;
  549. max-width:560px;
  550. color: white;
  551. background-color:#31B5F6;
  552. border:1px solid #31B5F6;
  553. padding:4px 8px;
  554. margin:5px 305px 15px 37px;
  555. border-radius:2px;
  556. font-size:small;
  557. }
  558.  
  559. /* changes post score color */
  560. /*.link .score,
  561. .link .score.likes,
  562. .link .score.dislikes
  563. { color: #F63454 }*/
  564.  
  565.  
  566. /* hides post options until hover */
  567. #siteTable div.thing ul {visibility: hidden;}
  568. .nsfw-stamp {visibility: visible !important;}
  569. .comments {visibility: visible !important;}
  570. .comments-page #siteTable div.thing ul {visibility: visible !important;}
  571. #siteTable div.thing:hover ul {visibility: visible;}
  572. .link .usertext .md ul {visibility: visible !important;}
  573. .thing .buttons li a { color: #707070 !important;}
  574.  
  575. /* downvote tooltip | stolen from r/hiphopheads */
  576. .arrow.down:hover:before {
  577. position: absolute;
  578. display: block;
  579. z-index: 1000;
  580. width: 100px;
  581. padding: 5px;
  582. border: 0px solid black;
  583. background: black;
  584. content: "The downvote is not a dislike button";
  585. text-align: center;
  586. font-size: 10px;
  587. color: white;
  588. font-weight: bold;
  589. margin-left: 25px;
  590. margin-top: 5px;
  591. -moz-border-radius: 4px;
  592. -webkit-border-radius: 4px
  593. }
  594.  
  595. /* adds a line between posts on the front of subreddit*/
  596. .content #siteTable .link {
  597. margin-bottom:0;
  598. border-bottom:1px solid #f9f9f9;
  599. }
  600.  
  601. /* adds time stamp to edited comments */
  602. .comment .edited-timestamp[title]:after {
  603. content: " (" attr(title) ")";
  604. font-size: 90%;
  605. }
  606.  
  607.  
  608. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::TEXT :::::: */
  609. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::TEXT :::::: */
  610.  
  611. /** green h2 **/
  612. h2 { color:#F63454; font-size: 13px; }
  613. h2 a { text-decoration:none; }
  614. h2 a:visited { color:#F63454; }
  615. h2 a:hover { text-decoration:underline; }
  616.  
  617. /* h6 styling */
  618. .side h6 {
  619. color: #464444;
  620. width: 270px;
  621. display: inline-block;
  622. padding: 3px;
  623. background: #d1d1d1;
  624. border: 1px solid #d1d1d1;
  625. border-radius:2px;
  626. font-weight: normal;
  627. }
  628.  
  629. /* add color text */
  630. a[href="/purple"] { color:#7331F6; cursor: default !important;}
  631. a[href="/red"] { color:#F63454; cursor: default !important;}
  632. a[href="/orange"] { color:# #fbbc9d; cursor: default !important;} // CHANFGED COLOR BY PALACEKICKS
  633. a[href="/blue"] { color:#31B5F6; cursor: default !important;}
  634. a[href="/lime"] { color:#009900; cursor: default !important;}
  635. a[href="/green"] { color:#006600; cursor: default !important;}
  636.  
  637.  
  638.  
  639. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::POST FLAIR :::::: */
  640. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::POST FLAIR :::::: */
  641.  
  642. .linkflairlabel {
  643. max-width: 11em;
  644. vertical-align: middle;
  645. } /*makes flairs bigger*/
  646.  
  647. /*.linkflair-news .linkflairlabel { background-color: #553D36; font-family: verdana; border: 1px solid #553D36; color: white; }*/
  648.  
  649. .linkflair-discussion .linkflairlabel { background-color: #6A2E35; font-family: verdana;border: 1px solid #6A2E35; color: white; } /* CHANGED COLOR BY PALACEKICKS */
  650. .linkflair-wdywt .linkflairlabel { background-color: #557557; font-family: verdana; border: 1px solid #557557; color: white; }
  651. .linkflair-advert .linkflairlabel { background-color: #0B4F6C; font-family: verdana; border: 1px solid #0B4F6C; color: white; }
  652. .linkflair-art .linkflairlabel { background-color: #272635; font-family: verdana;border: 1px solid #272635; color: white; }
  653. .linkflair-news .linkflairlabel { background-color: #E81029; font-family: verdana; border: 1px solid #E81029; color: white; }
  654. .linkflair-review .linkflairlabel { background-color: #561643; font-family: verdana;border: 1px solid #561643; color: white; }
  655.  
  656. .linkflair-announcement .linkflairlabel { background-color: #DD3333; font-family: verdana; border: 1px solid #DD3333; color: white; }
  657.  
  658.  
  659. /*experimental code*/
  660.  
  661. .linkflairlabel, .flairoptionpane ul li .linkflair span.linkflairlabel {
  662. font: normal 11px verdana,arial,helvetica,sans-serif;
  663. font-weight: 700;
  664. line-height: 18px; /*16*/
  665. top: 0px; /*when you touch the flair it moves this many px up*/
  666. }
  667.  
  668.  
  669. .flair-grey {
  670. background: #d1d1d1 !important;
  671. border-color: #d1d1d1 !important;
  672. background-color: #d1d1d1 !important;
  673. border-style: solid;
  674. border-width: 1px;
  675. -webkit-border-radius: 2px;
  676. -moz-border-radius: 2px;
  677. cursor: default !important;
  678. font-size: x-small !important;
  679. font-weight: normal !important;
  680. color: black !important;
  681. padding: 1px 3px
  682. }
  683.  
  684. /* rename flair button from /u/roger_ */
  685. .buttons a.flairselectbtn {
  686. font-size: 0px
  687. }
  688. .buttons a.flairselectbtn:after {
  689. content: "add tag";
  690. color: grey;
  691. font-size: 10px
  692. }
  693. .linkflair .buttons a.flairselectbtn:after {
  694. content: "change tag";
  695. color: gray;
  696. font-size: 10px
  697. }
  698.  
  699. /* Tool-tip hover for tag button from /u/roger_ */
  700. .content .flairselectbtn:hover:before {
  701. content: "Please select the tag that best categorizes your post";
  702. position: absolute;
  703. display: block;
  704. z-index: 1000;
  705. /*width: 125px;*/
  706. padding: 5px;
  707. border: 1px solid #919191;
  708. border-radius: 5px;
  709. background-color: #FCFCFC;
  710. color: #6B6B6B;
  711. text-align: center;
  712. font-size: 11px;
  713. font-weight: normal;
  714. margin-left: -20px;
  715. margin-top: -70px;
  716. box-shadow: 2px 2px 5px #888888
  717. }
  718.  
  719. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SIDEBAR LINK FLAIR :::::: */
  720. /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::SIDEBAR LINK FLAIR :::::: */
  721.  
  722.  
  723. /** discussion **/
  724. a[href="http://www.reddit.com/r/streetwear/search?q=flair%3A%27discussion%27&sort=new&restrict_sr=on&t=all"]:after {
  725. height: 14px;
  726. width: 59px;
  727. content: " ";
  728. background-image: url(%%sprite%%);
  729. background-position: 0px 0px;
  730. display: inline-block;
  731. vertical-align: middle;
  732. }
  733.  
  734. /** W2C **/
  735. a[href="http://www.reddit.com/r/streetwear/search?q=flair%3A%27w2c%27&sort=new&restrict_sr=on&t=all"]:after {
  736. height: 14px;
  737. width: 51px;
  738. content: " ";
  739. background-image: url(%%W2C%%);
  740. display: inline-block;
  741. vertical-align: middle;
  742. }
  743.  
  744. /** WDYWT **/
  745. a[href="http://www.reddit.com/r/streetwear/search?q=flair%3A%27wdywt%27&sort=new&restrict_sr=on&t=all"]:after {
  746. height: 14px;
  747. width: 50px;
  748. content: " ";
  749. background-image: url(%%wdywt%%);
  750. display: inline-block;
  751. vertical-align: middle;
  752. }
  753.  
  754. /** news **/
  755. a[href="http://www.reddit.com/r/streetwear/search?q=flair%3A%27news%27&sort=new&restrict_sr=on&t=all"]:after {
  756. height: 14px;
  757. width: 37px;
  758. content: " ";
  759. background-image: url(%%news%%);
  760. display: inline-block;
  761. vertical-align: middle;
  762. }
  763.  
  764. /** pickup **/
  765. a[href="http://www.reddit.com/r/streetwear/search?q=flair%3A%27pickup%27&sort=new&restrict_sr=on&t=all"]:after {
  766. height: 14px;
  767. width: 35px;
  768. content: " ";
  769. background-image: url(%%sprite%%);
  770. background-position: 0px -56px;
  771. display: inline-block;
  772. vertical-align: middle;
  773. }
  774.  
  775. /** wdywt **/
  776. a[href="http://www.reddit.com/r/streetwear/search?q=flair%3A%27wdywt%27&sort=new&restrict_sr=on&t=all"]:after {
  777. height: 14px;
  778. width: 50px;
  779. content: " ";
  780. background-image: url(%%wdywt%%);
  781. background-position: 0px 0px;
  782. display: inline-block;
  783. vertical-align: middle;
  784. }
  785.  
  786. /** art **/
  787. a[href="https://www.reddit.com/r/streetwear/search?q=flair%3A%27art%27&restrict_sr=on&sort=new&t=all"]:after {
  788. height: 18px;
  789. width: 26px;
  790. content: " ";
  791. background-image: url(%%art%%);
  792. background-position: 0px 0px;
  793. display: inline-block;
  794. vertical-align: middle;
  795. }
  796.  
  797.  
  798. /* Change the color of recurring threads */
  799. a[href*="/r/streetwear/"][href*="/general_discussion"].title:link,
  800. a[href*="/r/streetwear/"][href*="/general_discussion"].title:visited,
  801. a[href*="/r/streetwear/"][href*="/wdywt"].title:link,
  802. a[href*="/r/streetwear/"][href*="/wdywt"].title:visited,
  803. a[href*="/r/streetwear/"][href*="/simple_questions"].title:link,
  804. a[href*="/r/streetwear/"][href*="/simple_questions"].title:visited,
  805. a[href*="/r/streetwear/"][href*="/pop_shop"].title:link,
  806. a[href*="/r/streetwear/"][href*="/pop_shop"].title:visited,
  807. a[href*="/r/streetwear/"][href*="/round"].title:link,
  808. a[href*="/r/streetwear/"][href*="/round"].title:visited,
  809. a[href*="/r/streetwear/"][href*="/fit_battle"].title:link,
  810. a[href*="/r/streetwear/"][href*="/fit_battle"].title:visited,
  811. a[href*="/r/streetwear/"][href*="/would_you_wear_this"].title:link,
  812. a[href*="/r/streetwear/"][href*="/would_you_wear_this"].title:visited,
  813. a[href*="/r/streetwear/"][href*="/flex_friday"].title:link,
  814. a[href*="/r/streetwear/"][href*="/flex_friday"].title:visited
  815. a[href*="/r/streetwear/"][href*="/outfit_feedback"].title:link,
  816. a[href*="/r/streetwear/"][href*="/outfit_feedback"].title:visited,
  817.  
  818. {
  819. font-weight: bold !important;
  820. color: black !important;
  821. font-size: 20px
  822. }
  823.  
  824. /********FLAIR/NAME CUSTOMIZATION********/
  825. /*SOLFIRE*/
  826. .author[href$="Solfire"]:after
  827. {
  828. content: " [Papi Chulo]";
  829. font-size: 12px;
  830. color: gold;
  831.  
  832. }
  833.  
  834. /*literallygod
  835. .author[href$="PalaceKicks"]:after
  836. {
  837. content: " [PalaceKicksurass]";
  838. font-size: 12px;
  839. color: gold;
  840.  
  841. }*/
  842.  
  843. /*SupremeBlackGuy - WDYWT 2015 winner*/
  844. .author[href$="SupremeBlackGuy"]:after
  845. {
  846. content: url(%%WDYWTwinner%%);
  847. }
  848.  
  849. /*Fluff*/
  850. .author[href$="yungfluff"]:after
  851. {
  852. content: url(%%vash%%);
  853. }
  854.  
  855. /*PINKERESTON*/
  856. .author[href$="pinkereston"]:after
  857. {
  858. content: " [Solfire's bbe]";
  859. font-size: 12px;
  860. color: red;
  861. }
  862.  
  863. /*VETEMEME*/
  864. .author[href$="Vetememe"]:after
  865. {
  866. content: " <3";
  867. font-size: 12px;
  868. color: black;
  869. }
  870.  
  871. /********FLAIRS FLAIRS FLAIRS FLAIRS FLAIRS**************************************************/
  872. .flair {
  873. background: url(%%spritesheet%%) no-repeat -9999px;
  874. border: 0;
  875. padding: 0;
  876. }
  877.  
  878. .flair-acnebag {
  879. width: 50px;
  880. height: 50px;
  881. background-position: 0 0;
  882. }
  883.  
  884. .flair-adidas {
  885. width: 41px;
  886. height: 39px;
  887. background-position: 0 -50px;
  888. }
  889.  
  890. .flair-apc {
  891. width: 50px;
  892. height: 50px;
  893. background-position: 0 -89px;
  894. }
  895.  
  896. .flair-ape {
  897. width: 50px;
  898. height: 50px;
  899. background-position: 0 -139px;
  900. }
  901.  
  902. .flair-bape {
  903. width: 29px;
  904. height: 30px;
  905. background-position: 0 -189px;
  906. }
  907.  
  908. .flair-bapeh {
  909. width: 47px;
  910. height: 47px;
  911. background-position: 0 -219px;
  912. }
  913.  
  914. .flair-bapehood {
  915. width: 42px;
  916. height: 45px;
  917. background-position: 0 -266px;
  918. }
  919.  
  920. .flair-bapeside {
  921. width: 44px;
  922. height: 30px;
  923. background-position: 0 -311px;
  924. }
  925.  
  926. .flair-bbw {
  927. width: 120px;
  928. height: 13px;
  929. background-position: 0 -341px;
  930. }
  931.  
  932. .flair-bogo {
  933. width: 39px;
  934. height: 45px;
  935. background-position: 0 -354px;
  936. }
  937.  
  938. .flair-bred1 {
  939. width: 52px;
  940. height: 30px;
  941. background-position: 0 -399px;
  942. }
  943.  
  944. .flair-bucket {
  945. width: 31px;
  946. height: 30px;
  947. background-position: 0 -429px;
  948. }
  949.  
  950. .flair-camp {
  951. width: 55px;
  952. height: 50px;
  953. background-position: 0 -459px;
  954. }
  955.  
  956. .flair-cara {
  957. width: 50px;
  958. height: 50px;
  959. background-position: 0 -509px;
  960. }
  961.  
  962. .flair-carh {
  963. width: 26px;
  964. height: 30px;
  965. background-position: 0 -559px;
  966. }
  967.  
  968. .flair-carti {
  969. width: 50px;
  970. height: 50px;
  971. background-position: 0 -589px;
  972. }
  973.  
  974. .flair-cav {
  975. width: 48px;
  976. height: 46px;
  977. background-position: 0 -639px;
  978. }
  979.  
  980. .flair-cdgp {
  981. width: 40px;
  982. height: 40px;
  983. background-position: 0 -685px;
  984. }
  985.  
  986. .flair-cdgp2 {
  987. width: 82px;
  988. height: 37px;
  989. background-position: 0 -725px;
  990. }
  991.  
  992. .flair-cp {
  993. width: 72px;
  994. height: 32px;
  995. background-position: 0 -762px;
  996. }
  997.  
  998. .flair-demna {
  999. width: 50px;
  1000. height: 50px;
  1001. background-position: 0 -794px;
  1002. }
  1003.  
  1004. .flair-drake {
  1005. width: 50px;
  1006. height: 50px;
  1007. background-position: 0 -844px;
  1008. }
  1009.  
  1010. .flair-gildanman {
  1011. width: 50px;
  1012. height: 50px;
  1013. background-position: 0 -894px;
  1014. }
  1015.  
  1016. .flair-harambe {
  1017. width: 50px;
  1018. height: 50px;
  1019. background-position: 0 -944px;
  1020. }
  1021.  
  1022. .flair-harry {
  1023. width: 50px;
  1024. height: 50px;
  1025. background-position: 0 -994px;
  1026. }
  1027.  
  1028. .flair-hiroki {
  1029. width: 50px;
  1030. height: 50px;
  1031. background-position: 0 -1044px;
  1032. }
  1033.  
  1034. .flair-jogger {
  1035. width: 40px;
  1036. height: 55px;
  1037. background-position: 0 -1094px;
  1038. }
  1039.  
  1040. .flair-jun {
  1041. width: 50px;
  1042. height: 50px;
  1043. background-position: 0 -1149px;
  1044. }
  1045.  
  1046. .flair-kanye1 {
  1047. width: 35px;
  1048. height: 50px;
  1049. background-position: 0 -1199px;
  1050. }
  1051.  
  1052. .flair-kanye2 {
  1053. width: 27px;
  1054. height: 40px;
  1055. background-position: 0 -1249px;
  1056. }
  1057.  
  1058. .flair-kanye3 {
  1059. width: 25px;
  1060. height: 40px;
  1061. background-position: 0 -1289px;
  1062. }
  1063.  
  1064. .flair-keithape {
  1065. width: 50px;
  1066. height: 50px;
  1067. background-position: 0 -1329px;
  1068. }
  1069.  
  1070. .flair-liluzi {
  1071. width: 50px;
  1072. height: 50px;
  1073. background-position: 0 -1379px;
  1074. }
  1075.  
  1076. .flair-machus {
  1077. width: 50px;
  1078. height: 50px;
  1079. background-position: 0 -1429px;
  1080. }
  1081.  
  1082. .flair-margiela {
  1083. width: 50px;
  1084. height: 50px;
  1085. background-position: 0 -1479px;
  1086. }
  1087.  
  1088. .flair-mcqueen {
  1089. width: 50px;
  1090. height: 50px;
  1091. background-position: 0 -1529px;
  1092. }
  1093.  
  1094. .flair-midnight {
  1095. width: 50px;
  1096. height: 50px;
  1097. background-position: 0 -1579px;
  1098. }
  1099.  
  1100. .flair-nojumper {
  1101. width: 50px;
  1102. height: 50px;
  1103. background-position: 0 -1629px;
  1104. }
  1105.  
  1106. .flair-nudie {
  1107. width: 80px;
  1108. height: 29px;
  1109. background-position: 0 -1679px;
  1110. }
  1111.  
  1112. .flair-oamc {
  1113. width: 50px;
  1114. height: 50px;
  1115. background-position: 0 -1708px;
  1116. }
  1117.  
  1118. .flair-oc {
  1119. width: 50px;
  1120. height: 50px;
  1121. background-position: 0 -1758px;
  1122. }
  1123.  
  1124. .flair-offwhite {
  1125. width: 50px;
  1126. height: 50px;
  1127. background-position: 0 -1808px;
  1128. }
  1129.  
  1130. .flair-offwhite2 {
  1131. width: 50px;
  1132. height: 50px;
  1133. background-position: 0 -1858px;
  1134. }
  1135.  
  1136. .flair-oldskool {
  1137. width: 50px;
  1138. height: 50px;
  1139. background-position: 0 -1908px;
  1140. }
  1141.  
  1142. .flair-oz {
  1143. width: 69px;
  1144. height: 33px;
  1145. background-position: 0 -1958px;
  1146. }
  1147.  
  1148. .flair-palace {
  1149. width: 35px;
  1150. height: 30px;
  1151. background-position: 0 -1991px;
  1152. }
  1153.  
  1154. .flair-plantlife {
  1155. width: 63px;
  1156. height: 30px;
  1157. background-position: 0 -2021px;
  1158. }
  1159.  
  1160. .flair-polo {
  1161. width: 50px;
  1162. height: 50px;
  1163. background-position: 0 -2051px;
  1164. }
  1165.  
  1166. .flair-qasa {
  1167. width: 50px;
  1168. height: 50px;
  1169. background-position: 0 -2101px;
  1170. }
  1171.  
  1172. .flair-rafcry {
  1173. width: 50px;
  1174. height: 50px;
  1175. background-position: 0 -2151px;
  1176. }
  1177.  
  1178. .flair-response {
  1179. width: 50px;
  1180. height: 50px;
  1181. background-position: 0 -2201px;
  1182. }
  1183.  
  1184. .flair-rick {
  1185. width: 70px;
  1186. height: 63px;
  1187. background-position: 0 -2251px;
  1188. }
  1189.  
  1190. .flair-rocky {
  1191. width: 50px;
  1192. height: 50px;
  1193. background-position: 0 -2314px;
  1194. }
  1195.  
  1196. .flair-ronin {
  1197. width: 45px;
  1198. height: 31px;
  1199. background-position: 0 -2364px;
  1200. }
  1201.  
  1202. .flair-scott {
  1203. width: 55px;
  1204. height: 54px;
  1205. background-position: 0 -2395px;
  1206. }
  1207.  
  1208. .flair-slp {
  1209. width: 50px;
  1210. height: 50px;
  1211. background-position: 0 -2449px;
  1212. }
  1213.  
  1214. .flair-slpwyatt {
  1215. width: 50px;
  1216. height: 50px;
  1217. background-position: 0 -2499px;
  1218. }
  1219.  
  1220. .flair-strayrats {
  1221. width: 50px;
  1222. height: 50px;
  1223. background-position: 0 -2549px;
  1224. }
  1225.  
  1226. .flair-stussy {
  1227. width: 47px;
  1228. height: 40px;
  1229. background-position: 0 -2599px;
  1230. }
  1231.  
  1232. .flair-sup {
  1233. width: 47px;
  1234. height: 55px;
  1235. background-position: 0 -2639px;
  1236. }
  1237.  
  1238. .flair-supbogo {
  1239. width: 86px;
  1240. height: 30px;
  1241. background-position: 0 -2694px;
  1242. }
  1243.  
  1244. .flair-supbogo2 {
  1245. width: 80px;
  1246. height: 25px;
  1247. background-position: 0 -2724px;
  1248. }
  1249.  
  1250. .flair-supchair {
  1251. width: 49px;
  1252. height: 68px;
  1253. background-position: 0 -2749px;
  1254. }
  1255.  
  1256. .flair-thrasher {
  1257. width: 50px;
  1258. height: 50px;
  1259. background-position: 0 -2817px;
  1260. }
  1261.  
  1262. .flair-tnf {
  1263. width: 65px;
  1264. height: 30px;
  1265. background-position: 0 -2867px;
  1266. }
  1267.  
  1268. .flair-undft {
  1269. width: 34px;
  1270. height: 30px;
  1271. background-position: 0 -2897px;
  1272. }
  1273.  
  1274. .flair-vans {
  1275. width: 76px;
  1276. height: 30px;
  1277. background-position: 0 -2927px;
  1278. }
  1279.  
  1280. .flair-vansotw {
  1281. width: 70px;
  1282. height: 30px;
  1283. background-position: 0 -2957px;
  1284. }
  1285.  
  1286. .flair-wtap {
  1287. width: 50px;
  1288. height: 50px;
  1289. background-position: 0 -2987px;
  1290. }
  1291.  
  1292. .flair-y-3 {
  1293. width: 41px;
  1294. height: 20px;
  1295. background-position: 0 -3037px;
  1296. }
  1297.  
  1298. .flair-yachty {
  1299. width: 50px;
  1300. height: 50px;
  1301. background-position: 0 -3057px;
  1302. }
  1303.  
  1304. .flair-yams {
  1305. width: 49px;
  1306. height: 51px;
  1307. background-position: 0 -3107px;
  1308. }
  1309.  
  1310. .flair-yeezy {
  1311. width: 49px;
  1312. height: 30px;
  1313. background-position: 0 -3158px;
  1314. }
  1315.  
  1316. .flair-yung {
  1317. width: 37px;
  1318. height: 40px;
  1319. background-position: 0 -3188px;
  1320. }
  1321.  
  1322. .flair-skechers {
  1323. width: 65px;
  1324. height: 45px;
  1325. background-position: 0 -3228px;
  1326. }
  1327.  
  1328. .flair-pulse {
  1329. background: rgba(250,10,10,1);
  1330. background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1331. background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1332. background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1333. background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1334. background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
  1335. color: white !important;
  1336. -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1337. -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1338. box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
  1339. border-radius: 5px !important;
  1340. -moz-border-radius: 5px !important;
  1341. -webkit-border-radius: 5px !important;
  1342. border: 6px double #FF0000;
  1343. /* -webkit-animation-name: pulse;
  1344. animation-name: pulse; */
  1345.  
  1346. -webkit-animation-name: pulse;
  1347. -webkit-animation-duration: .5s;
  1348. -webkit-animation-timing-function: linear;
  1349. -webkit-animation-iteration-count: infinite;
  1350.  
  1351. -moz-animation-name: pulse;
  1352. -moz-animation-duration: .5s;
  1353. -moz-animation-timing-function: linear;
  1354. -moz-animation-iteration-count: infinite;
  1355.  
  1356. animation-name: pulse;
  1357. animation-duration: .5s;
  1358. animation-timing-function: linear;
  1359. animation-iteration-count: infinite;
  1360. }
  1361.  
  1362. @-moz-keyframes blinker {
  1363. 0% { opacity: 1.0; }
  1364. 50% { opacity: 0.0; }
  1365. 100% { opacity: 1.0; }
  1366. }
  1367. @-webkit-keyframes blinker {
  1368. 0% { opacity: 1.0; }
  1369. 50% { opacity: 0.0; }
  1370. 100% { opacity: 1.0; }
  1371. }
  1372. @keyframes blinker {
  1373. 0% { opacity: 1.0; }
  1374. 50% { opacity: 0.0; }
  1375. 100% { opacity: 1.0; }
  1376. }
  1377.  
  1378.  
  1379.  
  1380. @-webkit-keyframes colorchange {
  1381. 0%{color: #00f6ff}
  1382. 25%{color: #ff00ea}
  1383. 50%{color: #00ff06}
  1384. 75%{color: #fff600}
  1385. 100%{color: #00f6ff}
  1386. }
  1387.  
  1388. @-moz-keyframes colorchange {
  1389. 0%{color: #00f6ff}
  1390. 25%{color: #ff00ea}
  1391. 50%{color: #00ff06}
  1392. 75%{color: #fff600}
  1393. 100%{color: #00f6ff}
  1394. }
  1395. @-o-keyframes colorchange {
  1396. 0%{color: #00f6ff}
  1397. 25%{color: #ff00ea}
  1398. 50%{color: #00ff06}
  1399. 75%{color: #fff600}
  1400. 100%{color: #00f6ff}
  1401. }
  1402. @keyframes colorchange {
  1403. 0%{color: #00f6ff}
  1404. 25%{color: #ff00ea}
  1405. 50%{color: #00ff06}
  1406. 75%{color: #fff600}
  1407. 100%{color: #00f6ff}
  1408. }
  1409.  
  1410. @-webkit-keyframes doot {
  1411. 0%{background-position:0% 50%}
  1412. 50%{background-position:100% 50%}
  1413. 100%{background-position:0% 50%}
  1414. }
  1415. @-moz-keyframes doot {
  1416. 0%{background-position:0% 50%}
  1417. 50%{background-position:100% 50%}
  1418. 100%{background-position:0% 50%}
  1419. }
  1420. @-o-keyframes doot {
  1421. 0%{background-position:0% 50%}
  1422. 50%{background-position:100% 50%}
  1423. 100%{background-position:0% 50%}
  1424. }
  1425. @keyframes doot {
  1426. 0%{background-position:0% 50%}
  1427. 50%{background-position:100% 50%}
  1428. 100%{background-position:0% 50%}
  1429. }
  1430.  
  1431. @-webkit-keyframes pulse {
  1432. from {
  1433. -webkit-transform: scale3d(1, 1, 1);
  1434. transform: scale3d(1, 1, 1);
  1435. }
  1436.  
  1437. 50% {
  1438. -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1439. transform: scale3d(1.05, 1.05, 1.05);
  1440. background: rgba(10,10,250,1);
  1441. background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1442. background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1443. background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1444. background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1445. background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1446. -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1447. -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1448. box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1449. border: 6px double #0000FF;
  1450. }
  1451.  
  1452. to {
  1453. -webkit-transform: scale3d(1, 1, 1);
  1454. transform: scale3d(1, 1, 1);
  1455. }
  1456. }
  1457.  
  1458. @keyframes pulse {
  1459. from {
  1460. -webkit-transform: scale3d(1, 1, 1);
  1461. transform: scale3d(1, 1, 1);
  1462. }
  1463.  
  1464. 50% {
  1465. -webkit-transform: scale3d(1.05, 1.05, 1.05);
  1466. transform: scale3d(1.05, 1.05, 1.05);
  1467. background: rgba(10,10,250,1);
  1468. background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1469. background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1470. background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1471. background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1472. background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
  1473. -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1474. -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1475. box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
  1476. border: 6px double #0000FF;
  1477. }
  1478.  
  1479. to {
  1480. -webkit-transform: scale3d(1, 1, 1);
  1481. transform: scale3d(1, 1, 1);
  1482. }
  1483. }
Add Comment
Please, Sign In to add comment