mirror of
https://github.com/aelve/guide.git
synced 2024-11-23 12:15:06 +03:00
134 lines
2.2 KiB
CSS
134 lines
2.2 KiB
CSS
/* Making textboxes and other text inputs behave normally (i.e. now an input
|
|
with “width:100%;padding:10px” is going to take 100% of width, not
|
|
100%+20px) */
|
|
|
|
*, *:before, *:after {
|
|
box-sizing: border-box; }
|
|
|
|
/* Making the footer stick to the bottom of the screen */
|
|
|
|
body {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
flex-direction: column; }
|
|
|
|
#main {
|
|
flex: 1; }
|
|
|
|
/* Other CSS */
|
|
|
|
#footer {
|
|
text-align: center;
|
|
padding: 1.5em 0;
|
|
margin-top: 2em;
|
|
border-top: 1px solid black; }
|
|
|
|
body {
|
|
padding-top: 2em;
|
|
margin: auto;
|
|
max-width: 800px;
|
|
font-family: sans-serif;
|
|
line-height: 120%; }
|
|
|
|
#noscript-message {
|
|
padding: 1px 1em;
|
|
background-color: #FFEBEE; }
|
|
|
|
#search {
|
|
font-size: 200%;
|
|
border: 1px solid #d0d0d0;
|
|
padding: 3px 10px;
|
|
width: 100%; }
|
|
|
|
#categories {
|
|
margin-top: 1em; }
|
|
|
|
#categories > a {
|
|
font-weight: bold;
|
|
line-height: 130%;
|
|
font-size: 150%; }
|
|
|
|
.category {
|
|
margin-top: 3em; }
|
|
|
|
.item {
|
|
margin-top: 20px; }
|
|
|
|
.item-info {
|
|
padding: 10px 15px; }
|
|
|
|
.item-info .controls {
|
|
float: right; }
|
|
|
|
.item-info .controls img {
|
|
opacity: 0.4;
|
|
height: 23px; }
|
|
|
|
.category-title .controls {
|
|
margin-right: 0.5em;
|
|
vertical-align: -1px; }
|
|
|
|
.category-title .controls img {
|
|
opacity: 0.3;
|
|
height: 20px; }
|
|
|
|
.item-traits, .item-notes, .item-description, .item-ecosystem {
|
|
padding: 10px 15px 20px 15px; }
|
|
|
|
.traits-groups-container {
|
|
display: flex; }
|
|
|
|
.traits-group {
|
|
flex: 1; }
|
|
|
|
.traits-group > ul {
|
|
padding-left: 1em; }
|
|
|
|
.traits-group > ul li {
|
|
margin: 10px 0px; }
|
|
|
|
.text-button {
|
|
font-size: 10pt;
|
|
font-weight: normal; }
|
|
|
|
.text-button::before {content: "[";}
|
|
.text-button::after {content: "]";}
|
|
|
|
textarea {
|
|
font-family: sans-serif;
|
|
font-size: 100%; }
|
|
|
|
input {
|
|
font-size: 100%; }
|
|
|
|
.text-button > a:visited {color: #008ACE;}
|
|
h1 > a:visited {color: #008ACE;} /* for header in category pages */
|
|
|
|
a.anchor {
|
|
margin-right: 0.5em;
|
|
color: gray; }
|
|
|
|
form {
|
|
margin: 0; }
|
|
|
|
textarea {
|
|
border: 1px solid #ccc;
|
|
padding: 5px 7px; }
|
|
|
|
textarea:focus {
|
|
outline: 0px none;
|
|
border: 1px solid #07C; }
|
|
|
|
textarea.big {
|
|
padding: 10px; }
|
|
|
|
.fullwidth {
|
|
width: 100%; }
|
|
|
|
textarea.fullwidth {
|
|
resize: vertical; }
|
|
|
|
.notes-toc {
|
|
background-color: rgba(10, 10, 10, 0.1);
|
|
padding: 1px 0; }
|