mirror of
https://github.com/aelve/guide.git
synced 2024-11-27 10:10:50 +03:00
da90a3f270
As well as fix the overflow thing that was adding extra space at the top of every code block.
132 lines
2.2 KiB
CSS
132 lines
2.2 KiB
CSS
body {
|
|
padding: 2em;
|
|
padding-bottom: 0;
|
|
margin: auto;
|
|
max-width: 800px;
|
|
font-family: sans-serif;
|
|
line-height: 120%; }
|
|
|
|
#noscript-message {
|
|
padding: 1px 1em;
|
|
background-color: #FFEBEE; }
|
|
|
|
#footer {
|
|
text-align: center;
|
|
padding: 1.5em 0;
|
|
margin-top: 2em;
|
|
border-top: 1px solid black; }
|
|
|
|
#search {
|
|
font-size: 200%;
|
|
border: 1px solid #d0d0d0;
|
|
padding: 3px 10px;
|
|
width: 100%; }
|
|
|
|
.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; }
|
|
|
|
.item-traits, .item-notes, .item-description {
|
|
padding: 10px 15px 20px 15px; }
|
|
|
|
.traits-groups-container {
|
|
display: flex; }
|
|
|
|
.traits-group {
|
|
margin: 0px 5px;
|
|
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%; }
|
|
|
|
a:link {color: #008ACE; text-decoration: none;}
|
|
a:visited {color: #B40EB4; text-decoration: none;}
|
|
a:hover {text-decoration: underline;}
|
|
a:active {text-decoration: underline;}
|
|
.text-button > a:visited {color: #008ACE;}
|
|
|
|
a.anchor {
|
|
margin-right: 0.5em;
|
|
color: gray; }
|
|
|
|
code {
|
|
background: rgba(10, 10, 10, 0.1);
|
|
font-size: 95%;
|
|
padding: 2px 4px; }
|
|
|
|
div.sourceCode {
|
|
overflow-x: unset; }
|
|
|
|
pre {
|
|
background: rgba(10, 10, 10, 0.1);
|
|
line-height: 150%;
|
|
padding: 0.5em 1em;
|
|
overflow-x: auto; }
|
|
|
|
pre.repl {
|
|
border-left: 5px solid gray; }
|
|
|
|
pre code {
|
|
background: rgba(0, 0, 0, 0);
|
|
padding: 0; }
|
|
|
|
form {
|
|
margin: 0; }
|
|
|
|
textarea {
|
|
box-sizing: border-box;
|
|
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; }
|
|
|
|
blockquote {
|
|
background: rgba(10,10,10,0.075);
|
|
border-left: 5px solid rgba(10,10,10,0.15);
|
|
padding: 1px 1em;
|
|
margin-left: 0;
|
|
margin-right: 0; }
|
|
|
|
blockquote p {
|
|
margin: 0.5em 0; }
|