Skip to content

Instantly share code, notes, and snippets.

@hinekidori
Created April 25, 2018 00:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hinekidori/6d1ab37d3e80739907385cbef2c182d2 to your computer and use it in GitHub Desktop.
Save hinekidori/6d1ab37d3e80739907385cbef2c182d2 to your computer and use it in GitHub Desktop.
.card {
font-family: Noto Sans CJK JP Regular;
font-size: 24px;
text-align: center;
color: white;
background: #F3F3F3;
margin: 0px;
}
.bglayer {
background-image: -webkit-linear-gradient(top, #294ddb, #2445c5);
height: 164px;
}
.title {
text-shadow: 3px 3px 0 #203daf;
font-size: 22px;
padding-top: 65px;
}
.subtitle {
text-shadow: 3px 3px 0 #203daf;
margin-top: -40px;
font-size: 17px;
}
.quest {
background: -webkit-linear-gradient(#3c3c3c, #1a1a1a);
padding: 10px 0;
margin-top: -15px;
font-size: 12px;
}
img {
border-radius: 5%;
box-shadow: 5px 10px 8px #203daf;
height: 115px;
margin-top: 18px;
}
.voc {
background: #36465d;
margin: 0px;
}
p {
margin: 0.5em 0;
}
.margin {
margin: 10px;
}
input#typeans {
font-family: Noto Sans CJK JP Regular;
font-size: 30px;
text-align: center;
color: black;
border: 1px;
padding: 20px 0px 20px 0px;
outline: 0;
outline-style: none;
outline-width: 0;
box-shadow: 3px 3px 0 #e1e1e1;
}
.answer {
background: #55A5D5;
font-family: Noto Sans CJK JP Regular;
font-size: 20px;
padding: 30px 20px 10px 20px;
outline: 0;
outline-style: none;
outline-width: 0;
margin: 10px, 0px, 0px, 0px;
box-shadow: 3px 3px 0 #e1e1e1;
}
.answer2 {
background: #55A5D5;
font-family: Noto Sans CJK JP Regular;
font-size: 20px;
padding: 10px;
outline: 0;
outline-style: none;
outline-width: 0;
margin: 10px, 0px, 0px, 0px;
box-shadow: 3px 3px 0 #e1e1e1;
}
.tabs {
margin: 0;
padding: 0;
list-style: none;
display: table;
/* [1] */
table-layout: fixed;
/* [2] */
width: 100%;
/* [3] */
}
.tabs__item {
display: table-cell;
/* [4] */
}
.tabs__link {
display: block;
/* [5] */
}
/**
* Primary nav. Extends `.tabs`.
*0
* 1. Stop tabs’ corners leaking out beyond our 4px round.
*/
.primary-nav {
text-align: center;
overflow: hidden;
/* [1] */
}
.primary-nav a {
padding: 7px;
margin: 3px;
box-shadow: 3px 3px 0 #e1e1e1;
background: #fbfbfb;
color: grey;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
.primary-nav a:hover {
background-color: #ededed;
}
* {
box-sizing: border-box;
}
hr {
border: 0;
color: transparent;
background-color: transparent;
margin: 0;
}
#container {
padding: 10px;
color: black;
text-align: left;
font-size: 12px;
background: #fff;
box-shadow: 3px 3px 0 #e1e1e1;
margin-top: 10px;
}
.english {
color: transparent;
}
.alt-english {
color: black;
}
.furigana {
color: black;
}
/* Create two unequal columns that floats next to each other */
.column {
float: left;
padding: 10px;
}
.left {
width: 100%;
}
.right {
width: 100%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
#item-info {
margin: 0 0 0, 5em;
padding-bottom: 0.5em;
color: #888888;
font-family: Noto Sans CJK JP DemiLight;
font-size: 12px;
font-weight: normal;
letter-spacing: -1px;
line-height: 1em;
border-bottom: 1px solid #eee;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(238, 238, 238);
box-shadow: 1px 10px 9px -6px rgba(0, 0, 0, 0.025);
}
.none {
display: none;
font-size: 0;
height: 0px;
}
.button {
text-align: center;
padding: 6px;
margin: 10px;
box-shadow: 3px 3px 0 #e1e1e1;
background: #fbfbfb;
color: grey;
font-size: 9px;
font-weight: bold;
text-decoration: none;
width: 100px;
box-sizing: border-box;
margin: 10px 10px 10px 0px;
}
.margin {
}
.button:hover {
background-color: #ededed;
}
#example {
font-size: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment