HummingBirdAnimeClient/public/css/marx.css

633 lines
9.5 KiB
CSS
Raw Normal View History

2015-05-22 12:36:26 -04:00
:root {
box-sizing: border-box;
cursor: default;
2016-01-06 11:08:56 -05:00
font-family: 'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
2015-05-22 12:36:26 -04:00
line-height: 1.4;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
2016-01-06 11:08:56 -05:00
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
2015-05-22 12:36:26 -04:00
audio:not([controls]) {
2016-01-06 11:08:56 -05:00
display: none;
}
2015-05-22 12:36:26 -04:00
details {
2016-01-06 11:08:56 -05:00
display: block;
}
2015-05-22 12:36:26 -04:00
input[type="search"] {
2016-01-06 11:08:56 -05:00
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
2015-05-22 12:36:26 -04:00
main {
2016-01-06 11:08:56 -05:00
display: block;
}
2015-05-22 12:36:26 -04:00
summary {
2016-01-06 11:08:56 -05:00
display: block;
}
2015-05-22 12:36:26 -04:00
pre {
2016-01-06 11:08:56 -05:00
overflow: auto;
}
2015-05-22 12:36:26 -04:00
progress {
2016-01-06 11:08:56 -05:00
display: inline-block;
}
2015-05-22 12:36:26 -04:00
small {
2016-01-06 11:08:56 -05:00
font-size: 75%;
}
2015-05-22 12:36:26 -04:00
big {
2016-01-06 11:08:56 -05:00
font-size: 125%;
}
2015-05-22 12:36:26 -04:00
template {
2016-01-06 11:08:56 -05:00
display: none;
}
2015-05-22 12:36:26 -04:00
textarea {
overflow: auto;
2016-01-06 11:08:56 -05:00
resize: vertical;
}
2015-05-22 12:36:26 -04:00
[hidden] {
2016-01-06 11:08:56 -05:00
display: none;
}
2015-05-22 12:36:26 -04:00
[unselectable] {
-webkit-user-select: none;
2016-01-06 11:08:56 -05:00
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*,
::before,
::after {
2015-05-22 12:36:26 -04:00
border-style: solid;
border-width: 0;
2016-01-06 11:08:56 -05:00
box-sizing: inherit;
}
2015-05-22 12:36:26 -04:00
* {
font-size: inherit;
line-height: inherit;
margin: 0;
2016-01-06 11:08:56 -05:00
padding: 0;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
::before,
::after {
2015-05-22 12:36:26 -04:00
text-decoration: inherit;
2016-01-06 11:08:56 -05:00
vertical-align: inherit;
}
2015-05-22 12:36:26 -04:00
a {
2016-01-06 11:08:56 -05:00
text-decoration: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
button,
input,
select,
textarea {
2015-05-22 12:36:26 -04:00
border: .1rem solid #ccc;
color: inherit;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
2016-01-06 11:08:56 -05:00
min-height: 1.4em;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace, monospace;
}
2015-05-22 12:36:26 -04:00
table {
border-collapse: collapse;
2016-01-06 11:08:56 -05:00
border-spacing: 0;
}
2015-05-22 12:36:26 -04:00
::-moz-selection {
background-color: #b3d4fc;
2016-01-06 11:08:56 -05:00
text-shadow: none;
}
2015-05-22 12:36:26 -04:00
::selection {
background-color: #b3d4fc;
2016-01-06 11:08:56 -05:00
text-shadow: none;
}
2015-05-22 12:36:26 -04:00
button::-moz-focus-inner {
2016-01-06 11:08:56 -05:00
border: 0;
}
2015-05-22 12:36:26 -04:00
@media screen {
[hidden~="screen"] {
2016-01-06 11:08:56 -05:00
display: inherit;
}
2015-05-22 12:36:26 -04:00
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
clip: rect(0 0 0 0) !important;
2016-01-06 11:08:56 -05:00
position: absolute !important;
}
}
2015-05-22 12:36:26 -04:00
body {
color: #444;
2016-01-06 11:08:56 -05:00
font-family: 'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
2015-05-22 12:36:26 -04:00
font-size: 1.6rem;
font-style: normal;
2016-01-06 11:08:56 -05:00
font-weight: 400;
}
2015-05-22 12:36:26 -04:00
p {
2016-01-06 11:08:56 -05:00
margin: 0 0 1.6rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Lato', 'Open Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
margin: 2rem 0 1.6rem;
}
2015-05-22 12:36:26 -04:00
h1 {
border-bottom: .1rem solid rgba(0, 0, 0, 0.2);
font-size: 3.6rem;
font-style: normal;
2016-01-06 11:08:56 -05:00
font-weight: 500;
}
2015-05-22 12:36:26 -04:00
h2 {
font-size: 3rem;
font-style: normal;
2016-01-06 11:08:56 -05:00
font-weight: 500;
}
2015-05-22 12:36:26 -04:00
h3 {
font-size: 2.4rem;
font-style: normal;
font-weight: 500;
2016-01-06 11:08:56 -05:00
margin: 1.6rem 0 0.4rem;
}
2015-05-22 12:36:26 -04:00
h4 {
font-size: 1.8rem;
font-style: normal;
font-weight: 600;
2016-01-06 11:08:56 -05:00
margin: 1.6rem 0 0.4rem;
}
2015-05-22 12:36:26 -04:00
h5 {
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
2016-01-06 11:08:56 -05:00
margin: 1.6rem 0 0.4rem;
}
2015-05-22 12:36:26 -04:00
h6 {
color: #777;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
2016-01-06 11:08:56 -05:00
margin: 1.6rem 0 0.4rem;
}
2015-05-22 12:36:26 -04:00
small {
2016-01-06 11:08:56 -05:00
color: #777;
}
2015-05-22 12:36:26 -04:00
pre {
background: #efefef;
color: #444;
display: block;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 1.4rem;
margin: 1.6rem 0;
padding: 1.6rem;
word-break: break-all;
2016-01-06 11:08:56 -05:00
word-wrap: break-word;
}
2015-05-22 12:36:26 -04:00
code {
background: #efefef;
color: #444;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 1.4rem;
word-break: break-all;
2016-01-06 11:08:56 -05:00
word-wrap: break-word;
}
2015-05-22 12:36:26 -04:00
a {
color: #1271db;
-webkit-transition: .25s ease;
2016-01-06 11:08:56 -05:00
transition: .25s ease;
}
a:hover,
a:focus {
text-decoration: none;
}
2015-05-22 12:36:26 -04:00
dl {
2016-01-06 11:08:56 -05:00
margin-bottom: 1.6rem;
}
2015-05-22 12:36:26 -04:00
dd {
2016-01-06 11:08:56 -05:00
margin-left: 4rem;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
ul,
ol {
2015-05-22 12:36:26 -04:00
margin-bottom: 0.8rem;
2016-01-06 11:08:56 -05:00
padding-left: 2rem;
}
2015-05-22 12:36:26 -04:00
blockquote {
border-left: .2rem solid #1271db;
font-family: Georgia, Times, 'Times New Roman', serif;
font-style: italic;
margin: 1.6rem 0;
2016-01-06 11:08:56 -05:00
padding-left: 1.6rem;
}
2015-05-22 12:36:26 -04:00
figcaption {
2016-01-06 11:08:56 -05:00
font-family: Georgia, Times, 'Times New Roman', serif;
}
2015-05-22 12:36:26 -04:00
html {
2016-01-06 11:08:56 -05:00
font-size: 62.5%;
}
2015-05-22 12:36:26 -04:00
body {
2016-01-06 11:08:56 -05:00
padding: 0;
}
main,
header,
footer,
article,
section,
aside,
details,
summary {
2015-05-22 12:36:26 -04:00
display: block;
height: auto;
margin: 0 auto;
2016-01-06 11:08:56 -05:00
width: 100%;
}
2015-05-22 12:36:26 -04:00
main {
display: block;
margin: 0 auto;
2016-01-06 11:08:56 -05:00
padding: 0 1.6rem 1.6rem;
}
2015-05-22 12:36:26 -04:00
footer {
border-top: .1rem solid rgba(0, 0, 0, 0.2);
clear: both;
display: inline-block;
float: left;
max-width: 100%;
padding: 1rem 0;
2016-01-06 11:08:56 -05:00
text-align: center;
}
2015-05-22 12:36:26 -04:00
hr {
border-top: .1rem solid rgba(0, 0, 0, 0.2);
display: block;
margin-bottom: 1.6rem;
2016-01-06 11:08:56 -05:00
width: 100%;
}
2015-05-22 12:36:26 -04:00
img {
height: auto;
max-width: 100%;
2016-01-06 11:08:56 -05:00
vertical-align: baseline;
}
2015-05-22 12:36:26 -04:00
@media screen and (max-width: 40rem) {
2016-01-06 11:08:56 -05:00
article,
section,
aside {
2015-05-22 12:36:26 -04:00
clear: both;
display: block;
2016-01-06 11:08:56 -05:00
max-width: 100%;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
img {
margin-right: 1.6rem;
}
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
2015-05-22 12:36:26 -04:00
border: .1rem solid #ccc;
border-radius: 0;
display: inline-block;
padding: 0.8rem;
2016-01-06 11:08:56 -05:00
vertical-align: middle;
}
2015-05-22 12:36:26 -04:00
input:not([type]) {
-webkit-appearance: none;
background-clip: padding-box;
background-color: #fff;
border: .1rem solid #ccc;
border-radius: 0;
color: #444;
display: inline-block;
padding: 0.8rem;
2016-01-06 11:08:56 -05:00
text-align: left;
}
2015-05-22 12:36:26 -04:00
input[type="color"] {
2016-01-06 11:08:56 -05:00
padding: 0.8rem 1.6rem;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
border-color: #b3d4fc;
}
2015-05-22 12:36:26 -04:00
input:not([type]):focus {
2016-01-06 11:08:56 -05:00
border-color: #b3d4fc;
}
input[type="radio"],
input[type="checkbox"] {
vertical-align: middle;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: .1rem solid thin #444;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
2015-05-22 12:36:26 -04:00
background-color: #efefef;
color: #777;
2016-01-06 11:08:56 -05:00
cursor: not-allowed;
}
2015-05-22 12:36:26 -04:00
input:not([type])[disabled] {
background-color: #efefef;
color: #777;
2016-01-06 11:08:56 -05:00
cursor: not-allowed;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input[readonly],
select[readonly],
textarea[readonly] {
2015-05-22 12:36:26 -04:00
background-color: #efefef;
border-color: #ccc;
2016-01-06 11:08:56 -05:00
color: #777;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
2015-05-22 12:36:26 -04:00
border-color: #e9322d;
2016-01-06 11:08:56 -05:00
color: #b94a48;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input[type="file"]:focus:invalid:focus,
input[type="radio"]:focus:invalid:focus,
input[type="checkbox"]:focus:invalid:focus {
outline-color: #ff4136;
}
2015-05-22 12:36:26 -04:00
select {
background-color: #fff;
2016-01-06 11:08:56 -05:00
border: .1rem solid #ccc;
}
2015-05-22 12:36:26 -04:00
select[multiple] {
2016-01-06 11:08:56 -05:00
height: auto;
}
2015-05-22 12:36:26 -04:00
label {
2016-01-06 11:08:56 -05:00
line-height: 2;
}
2015-05-22 12:36:26 -04:00
fieldset {
border: 0;
margin: 0;
2016-01-06 11:08:56 -05:00
padding: 0.8rem 0;
}
2015-05-22 12:36:26 -04:00
legend {
border-bottom: .1rem solid #ccc;
color: #444;
display: block;
margin-bottom: 0.8rem;
padding: 0.8rem 0;
2016-01-06 11:08:56 -05:00
width: 100%;
}
2015-05-22 12:36:26 -04:00
textarea {
border: .1rem solid #ccc;
border-radius: 0;
display: block;
margin-bottom: 0.8rem;
padding: 0.8rem;
2016-01-06 11:08:56 -05:00
vertical-align: middle;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input[type=submit],
button {
2016-02-01 09:49:18 -05:00
/*background-color: transparent;*/
2015-05-22 12:36:26 -04:00
border: .2rem solid #444;
border-radius: 0;
color: #444;
cursor: pointer;
display: inline-block;
margin-bottom: 0.8rem;
margin-right: 0.4rem;
padding: 0.8rem 1.6rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: .25s ease;
2016-01-06 11:08:56 -05:00
transition: .25s ease;
2015-05-22 12:36:26 -04:00
-webkit-user-drag: none;
-webkit-user-select: none;
2016-01-06 11:08:56 -05:00
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: baseline;
}
input[type=submit] a,
button a {
color: #444;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input[type=submit]:hover,
button:hover {
2015-05-22 12:36:26 -04:00
background: #444;
border-color: #444;
2016-01-06 11:08:56 -05:00
color: #fff;
}
input[type=submit]:hover a,
button:hover a {
color: #fff;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input[type=submit]:active,
button:active {
2015-05-22 12:36:26 -04:00
background: #6a6a6a;
border-color: #6a6a6a;
2016-01-06 11:08:56 -05:00
color: #fff;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
input[type=submit]:active a,
button:active a {
color: #fff;
}
input[type=submit]:disabled,
button:disabled {
2015-05-22 12:36:26 -04:00
box-shadow: none;
cursor: not-allowed;
2016-01-06 11:08:56 -05:00
opacity: .40;
}
2015-05-22 12:36:26 -04:00
nav ul {
list-style: none;
margin: 0;
padding: 0;
2016-01-06 11:08:56 -05:00
text-align: center;
}
nav ul li {
display: inline;
}
2015-05-22 12:36:26 -04:00
nav a {
border-bottom: .2rem solid transparent;
color: #444;
padding: 0.8rem 1.6rem;
text-decoration: none;
-webkit-transition: .25s ease;
2016-01-06 11:08:56 -05:00
transition: .25s ease;
}
nav a:hover,
nav li.selected a {
border-color: rgba(0, 0, 0, 0.2);
}
nav a:active {
border-color: rgba(0, 0, 0, 0.56);
}
2015-05-22 12:36:26 -04:00
table {
2016-01-06 11:08:56 -05:00
margin-bottom: 1.6rem;
}
2015-05-22 12:36:26 -04:00
caption {
2016-01-06 11:08:56 -05:00
padding: 0.8rem 0;
}
2015-05-22 12:36:26 -04:00
thead th {
background: #efefef;
2016-01-06 11:08:56 -05:00
color: #444;
}
2015-05-22 12:36:26 -04:00
tr {
background: #fff;
2016-01-06 11:08:56 -05:00
margin-bottom: 0.8rem;
}
2015-05-22 12:36:26 -04:00
2016-01-06 11:08:56 -05:00
th,
td {
2015-05-22 12:36:26 -04:00
border: .1rem solid #ccc;
padding: 0.8rem 1.6rem;
text-align: center;
2016-01-06 11:08:56 -05:00
vertical-align: inherit;
}
2015-05-22 12:36:26 -04:00
tfoot tr {
2016-01-06 11:08:56 -05:00
background: none;
}
2015-05-22 12:36:26 -04:00
tfoot td {
color: #efefef;
font-size: 0.8rem;
font-style: italic;
2016-01-06 11:08:56 -05:00
padding: 1.6rem 0.4rem;
}