hanayo/static/components/site.css

155 lines
2.5 KiB
CSS

/*!
* # Semantic UI 2.2.6 - Site
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
Page
*******************************/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
html,
body {
height: 100%;
}
html {
font-size: 14px;
}
body {
margin: 0px;
padding: 0px;
overflow-x: hidden;
min-width: 320px;
background: #353535;
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.4285em;
color: rgba(255, 255, 255, 0.93);
font-smoothing: antialiased;
}
/*******************************
Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
line-height: 1.2857em;
margin: calc(2rem - 0.14285em ) 0em 1rem;
font-weight: bold;
padding: 0em;
}
h1 {
min-height: 1rem;
font-size: 2rem;
}
h2 {
font-size: 1.714rem;
}
h3 {
font-size: 1.28rem;
}
h4 {
font-size: 1.071rem;
}
h5 {
font-size: 1rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
margin-top: 0em;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
margin-bottom: 0em;
}
/*******************************
Text
*******************************/
p {
margin: 0em 0em 1em;
line-height: 1.4285em;
}
p:first-child {
margin-top: 0em;
}
p:last-child {
margin-bottom: 0em;
}
/*-------------------
Links
--------------------*/
a {
color: #68adf2;
text-decoration: none;
}
a:hover {
color: #51a0f0;
text-decoration: none;
}
/*******************************
Highlighting
*******************************/
/* Site */
::-webkit-selection {
background-color: #CCE2FF;
color: rgba(255, 255, 255, 0.93);
}
::-moz-selection {
background-color: #CCE2FF;
color: rgba(255, 255, 255, 0.93);
}
::selection {
background-color: #CCE2FF;
color: rgba(255, 255, 255, 0.93);
}
/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(255, 255, 255, 0.93);
}
textarea::-moz-selection,
input::-moz-selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(255, 255, 255, 0.93);
}
textarea::selection,
input::selection {
background-color: rgba(100, 100, 100, 0.4);
color: rgba(255, 255, 255, 0.93);
}
/*******************************
Site Overrides
*******************************/