Advertisement
Guest User

Untitled

a guest
Feb 19th, 2020
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.03 KB | None | 0 0
  1. @media (max-width: 767px) {
  2.     #question #character {
  3.         font-size: 8.331em !important;
  4.     }
  5.     #question #question-type h1 {
  6.         font-size: 1.35em;
  7.     }
  8.  
  9.     #question #character.radical img {
  10.         width: 35%;
  11.     }
  12.     #stats {
  13.         font-size: 16px;
  14.     }
  15.     #summary-button {
  16.         font-size: 20px;
  17.     }
  18.     #additional-content ul li span {
  19.         padding: 10px;
  20.     }
  21.     #answer-form input[type="text"] {
  22.         font-size: 1.15em;
  23.     }
  24.     #answer-form button {
  25.         font-size: 1.15em;
  26.     }
  27.  
  28.     #additional-content ul li span {
  29.         font-size: 1.15em;
  30.     }
  31.     #additional-content ul li {
  32.         width: 50%;
  33.         margin-bottom: 0.5em;
  34.     }
  35.  
  36.     #reviews {
  37.         padding-bottom: 10px;
  38.     }
  39. }
  40.  
  41.  
  42. /* Element | https://www.wanikani.com/review/session */
  43. #reviews > div:nth-child(1) {
  44.     display: flex;
  45.     flex-direction: column;
  46.     height: 100vh;
  47. }
  48.  
  49. /* Element | https://www.wanikani.com/review/session */
  50. #additional-content {
  51.     flex: 10%;
  52. }
  53.  
  54. /* Element | https://www.wanikani.com/review/session */
  55. #question {
  56.     flex: 90%;
  57.     display: flex;
  58.     flex-direction: column;
  59. }
  60.  
  61. /* Element | https://www.wanikani.com/review/session */
  62. #character {
  63.     flex: 1;
  64.     display: flex;
  65.     justify-content: center;
  66.     align-content: center;
  67. }
  68.  
  69. /* Element | https://www.wanikani.com/review/session */
  70. #character > span:nth-child(1) {
  71.     display: block;
  72.     align-self: center;
  73.     line-height: 1em;
  74. }
  75.  
  76.  
  77.  
  78. /* application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css | https://cdn.wanikani.com/assets/v03/review/application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css */
  79. body {
  80.     /* background-color: #eee; */
  81.     background-color: #000;
  82. }
  83.  
  84. #question #question-type.meaning {
  85.     /* color: #555; */
  86.     /* border-top: 1px solid #d5d5d5; */
  87.     /* border-bottom: 1px solid #c8c8c8; */
  88.     /* background-color: #e9e9e9; */
  89.     /* background-image: -moz-linear-gradient(top, #eee, #e1e1e1); */
  90.     /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#e1e1e1)); */
  91.     /* background-image: -webkit-linear-gradient(top, #eee, #e1e1e1); */
  92.     /* background-image: -o-linear-gradient(top, #eee, #e1e1e1); */
  93.     /* background-image: linear-gradient(to bottom, #eee, #e1e1e1); */
  94.     /* background-repeat: repeat-x; */
  95.     /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFE1E1E1, GradientType=0); */
  96.     color: #0098e4;
  97.     border-top: 1px solid #000;
  98.     border-bottom: 1px solid #000;
  99.     background-color: #023;
  100. }
  101.  
  102. #answer-form input[type="text"] {
  103.     /* -webkit-box-shadow: 3px 3px 0 #e1e1e1; */
  104.     /* -moz-box-shadow: 3px 3px 0 #e1e1e1; */
  105.     /* box-shadow: 3px 3px 0 #e1e1e1; */
  106. }
  107.  
  108.  
  109. /* application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css | https://cdn.wanikani.com/assets/v03/review/application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css */
  110. #question #question-type.reading {
  111.     /* background-color: #2e2e2e; */
  112.     /* background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a); */
  113.     /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#1a1a1a)); */
  114.     /* background-image: -webkit-linear-gradient(top, #3c3c3c, #1a1a1a); */
  115.     /* background-image: linear-gradient(to bottom, #3c3c3c, #1a1a1a); */
  116.     /* background-repeat: repeat-x; */
  117.     background-color: #26003a;
  118. }
  119.  
  120.  
  121. /* application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css | https://cdn.wanikani.com/assets/v03/review/application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css */
  122. #question #question-type.reading {
  123.     /* background-color: #2e2e2e; */
  124.     /* background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a); */
  125.     /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#1a1a1a)); */
  126.     /* background-image: -webkit-linear-gradient(top, #3c3c3c, #1a1a1a); */
  127.     /* background-image: linear-gradient(to bottom, #3c3c3c, #1a1a1a); */
  128.     /* background-repeat: repeat-x; */
  129.     background-color: #26003a;
  130. }
  131.  
  132. #additional-content ul li span {
  133.     /* background-color: #fbfbfb; */
  134.     /* color: #888888; */
  135.     /* -webkit-box-shadow: 3px 3px 0 #e1e1e1; */
  136.     /* -moz-box-shadow: 3px 3px 0 #e1e1e1; */
  137.     /* box-shadow: 3px 3px 0 #e1e1e1; */
  138.     background-color: #242424;
  139.     color: #fff;
  140.     -webkit-box-shadow: none;
  141.     -moz-box-shadow: none;
  142.     box-shadow: none;
  143. }
  144.  
  145.  
  146. /* application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css | https://cdn.wanikani.com/assets/v03/review/application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css */
  147. #question #question-type.reading {
  148.     /* border-top: 1px solid #555; */
  149.     /* background-color: #2e2e2e; */
  150.     /* background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a); */
  151.     /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#1a1a1a)); */
  152.     /* background-image: -webkit-linear-gradient(top, #3c3c3c, #1a1a1a); */
  153.     /* background-image: linear-gradient(to bottom, #3c3c3c, #1a1a1a); */
  154.     /* background-repeat: repeat-x; */
  155.     border-top: 1px solid #000;
  156.     background-color: #26003a;
  157. }
  158.  
  159. #additional-content ul li span {
  160.     /* background-color: #fbfbfb; */
  161.     /* color: #888888; */
  162.     /* -webkit-box-shadow: 3px 3px 0 #e1e1e1; */
  163.     /* -moz-box-shadow: 3px 3px 0 #e1e1e1; */
  164.     /* box-shadow: 3px 3px 0 #e1e1e1; */
  165.     background-color: #242424;
  166.     color: #fff;
  167.     -webkit-box-shadow: none;
  168.     -moz-box-shadow: none;
  169.     box-shadow: none;
  170. }
  171.  
  172.  
  173. /* application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css | https://cdn.wanikani.com/assets/v03/review/application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css */
  174.  
  175. #question #question-type.reading {
  176.   /* border-top: 1px solid #555; */
  177.   /* background-color: #2e2e2e; */
  178.   /* background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a); */
  179.   /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#1a1a1a)); */
  180.   /* background-image: -webkit-linear-gradient(top, #3c3c3c, #1a1a1a); */
  181.   /* background-image: linear-gradient(to bottom, #3c3c3c, #1a1a1a); */
  182.   /* background-repeat: repeat-x; */
  183.   border-top: 1px solid #000;
  184.   background-color: #26003a;
  185. }
  186.  
  187. #additional-content ul li span {
  188.   /* background-color: #fbfbfb; */
  189.   /* color: #888888; */
  190.   /* -webkit-box-shadow: 3px 3px 0 #e1e1e1; */
  191.   /* -moz-box-shadow: 3px 3px 0 #e1e1e1; */
  192.   /* box-shadow: 3px 3px 0 #e1e1e1; */
  193.   background-color: #242424;
  194.   color: #fff;
  195.   -webkit-box-shadow: none;
  196.   -moz-box-shadow: none;
  197.   box-shadow: none;
  198. }
  199.  
  200. #answer-form input[type="text"] {
  201.   /* border: none; */
  202.   /* -webkit-box-shadow: 3px 3px 0 #e1e1e1; */
  203.   /* -moz-box-shadow: 3px 3px 0 #e1e1e1; */
  204.   /* box-shadow: 3px 3px 0 #e1e1e1; */
  205.   -webkit-box-shadow: none;
  206.   -moz-box-shadow: none;
  207.   box-shadow: none;
  208.   background-color: #3a3a3a;
  209.   border: #575757 1px solid;
  210. }
  211.  
  212. /* Element | https://www.wanikani.com/review/session */
  213.  
  214. #additional-content > ul:nth-child(1) {
  215.   display: flex;
  216. }
  217.  
  218.  
  219. /* application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css | https://cdn.wanikani.com/assets/v03/review/application-b7902f33bda0f51f81e93f13ef52400ef5a01c77c720d81130fb7ce1ad583279.css */
  220.  
  221. #question #question-type.reading {
  222.   /* border-top: 1px solid #555; */
  223.   /* background-color: #2e2e2e; */
  224.   /* background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a); */
  225.   /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#1a1a1a)); */
  226.   /* background-image: -webkit-linear-gradient(top, #3c3c3c, #1a1a1a); */
  227.   /* background-image: linear-gradient(to bottom, #3c3c3c, #1a1a1a); */
  228.   /* background-repeat: repeat-x; */
  229.   border-top: 1px solid #000;
  230.   background-color: #26003a;
  231. }
  232.  
  233. #additional-content ul li span {
  234.   /* background-color: #fbfbfb; */
  235.   /* color: #888888; */
  236.   /* -webkit-box-shadow: 3px 3px 0 #e1e1e1; */
  237.   /* -moz-box-shadow: 3px 3px 0 #e1e1e1; */
  238.   /* box-shadow: 3px 3px 0 #e1e1e1; */
  239.   background-color: #242424;
  240.   color: #fff;
  241.   -webkit-box-shadow: none;
  242.   -moz-box-shadow: none;
  243.   box-shadow: none;
  244. }
  245.  
  246. #answer-form input[type="text"] {
  247.   /* border: none; */
  248.   /* -webkit-box-shadow: 3px 3px 0 #e1e1e1; */
  249.   /* -moz-box-shadow: 3px 3px 0 #e1e1e1; */
  250.   /* box-shadow: 3px 3px 0 #e1e1e1; */
  251.   -webkit-box-shadow: none;
  252.   -moz-box-shadow: none;
  253.   box-shadow: none;
  254.   background-color: #3a3a3a;
  255.   border: #575757 1px solid;
  256. }
  257.  
  258. #answer-form button {
  259.   /* background-color: #fff; */
  260.   background-color: #242424;
  261. }
  262.  
  263. /* Element | https://www.wanikani.com/review/session */
  264.  
  265. #additional-content > ul:nth-child(1) {
  266.   display: flex;
  267. }
  268.  
  269. /* font-awesome.min.css | https://maxcdn.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css */
  270.  
  271. .icon-chevron-right::before {
  272.   color: white;
  273. }
  274.  
  275. /* Inline #6 | https://www.wanikani.com/review/session */
  276.  
  277. #answer-form input[type="text"] {
  278.   /* border: #575757 1px solid; */
  279.   border: none;
  280. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement