aiterp/aitestory-ui
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Changed font, fixed layout from Tyr feedback, fixed code layout x overflow

Browse Source
This commit is contained in:
gisle
2017-10-14 10:31:54 +02:00
parent b7273a8b9e
commit 1343a1554d
151 changed files with 374 additions and 3452 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/css/base.css
+84 -16
View File
@@ -1,4 +1,4 @@
body {
body {
padding: 0;
margin: 0;
@@ -17,7 +17,7 @@ body {
main {
position: absolute;
top: 0;
left: 18ch;
left: 24ch;
right: 0;
min-height: 100%;
@@ -31,7 +31,7 @@ article {
text-align: left;
padding: 1ch 1em;
font-size: 1em;
line-height: 1.35em;
line-height: 1.25em;
width: 75ch;
max-width: 95%;
@@ -43,27 +43,37 @@ article {
}
article.narrow {
width: 50ch;
width: 65ch;
}
article h1 {
text-align: center;
margin-top: 1em;
margin-bottom: 0.5em;
font-size: 1.75em;
margin-bottom: 1em;
font-size: 2em;
}
article h2 {
margin-top: 1em;
margin-bottom: 0;
margin-bottom: 0.5em;
}
article h2:nth-child(1), article h2:first-child {
margin-top: 0;
}
article h3, article h4, article h5, article h6 {
margin-top: 0.25em;
article h3 {
margin-top: 0.75em;
margin-bottom: 0;
}
article h4 {
margin-top: 0.5em;
margin-bottom: 0;
}
article h5, article h6 {
margin-top: 0;
margin-bottom: 0;
}
@@ -78,10 +88,37 @@ article {
margin-bottom: 0;
}
article code {
display: inline-block;
margin: 0;
padding: 0 0.5ch;
font-size: 1em;
font-family: Consolas, monospace;
}
article pre code {
margin: 0;
padding: 0.5em 1ch;
margin-bottom: 1em;
border: 0.5px solid;
display: block;
overflow-x: auto;
}
article p {
margin-top: 0;
}
article img {
width: 100%;
}
article hr {
border: 0.5px solid;
margin: 1em 0.5em;
}
/* Front Page */
.page-list {
width: 100%;
@@ -104,11 +141,12 @@ article {
width: 1.5ch;
padding: 0 0.5ch;
outline: 0.5px solid;
user-select: none;
cursor: default;
}
.pl-content {
padding: 0.25em 0.5em;
padding-bottom: 0;
text-align: left;
}
@@ -128,7 +166,7 @@ nav {
position: fixed;
left: 0;
top: 0;
width: 18ch;
width: 24ch;
height: 100%;
padding: 0;
@@ -139,6 +177,7 @@ nav {
nav h1 {
text-align: center;
font-size: 2em;
}
nav a {
@@ -156,10 +195,14 @@ nav ul {
nav li {
list-style: none;
padding: 0.1em;
padding-left: 1ch;
font-size: 0.9em;
padding-bottom: 0.125em;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
}
nav .mg-icon {
@@ -172,6 +215,8 @@ nav .mg-icon {
nav .mg-label {
display: inline-block;
padding: 0 0.5ch;
text-overflow: ellipsis;
width: 10ch;
}
nav .page-property {
@@ -190,6 +235,27 @@ nav .page-property {
width: 100%;
}
.pl-icon {
font-size: 1.5em;
padding: 0.1em;
}
.plc-title {
font-size: 0.9em;
line-height: 1.15em;
padding: 0.25em 0;
}
.plc-meta div {
display: block;
margin: 0;
line-height: 1.15em;
}
.plc-meta div:last-of-type {
margin-bottom: 0.33em;
}
nav h1 {
display: none;
}
@@ -201,16 +267,18 @@ nav .page-property {
}
main {
min-height: 100%;
position: static;
}
article {
min-height: 100%;
position: static;
}
article h1 {
font-size: 1.333em;
font-size: 1.25em;
}
}
article h2 {
font-size: 1.125em;
}
}
ui/css/form.css
+53
View File
@@ -0,0 +1,53 @@
form {
text-align: left;
}
input[type="text"], input[type="password"], textarea, button, .group {
display: block;
width: 100%;
margin-bottom: 1em;
box-sizing: border-box;
background: none;
border: none;
outline: none;
color: #678;
font-size: 1em;
padding: 0 0.5ch;
}
input[type="text"], input[type="password"], textarea {
border-left: 1px solid #678;
}
input:focus, textarea:focus, button:focus, button:hover {
color: #4bf;
border-left-color: #4bf;
}
input.big {
font-size: 1.25em;
}
textarea {
resize: none;
font-family: sans-serif;
height: 6em;
}
textarea.tall {
height: 20em;
}
button {
font-size: 2em;
}
.radio-wrapper {
text-indent: -1.25em;
padding-left: 1.25em;
padding-bottom: 0.25em;
}
::-webkit-input-placeholder {
color: #678;
}
ui/css/magic.css
+2
View File
@@ -13,6 +13,8 @@ img#main-background {
left: 0;
z-index: -1;
user-select: none;
filter: brightness(25%);
}
img#main-background.landscape {
/* Set rules to fill background */
ui/css/theme.css
+25 -24
View File
@@ -1,15 +1,11 @@
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
nav, main {
background-color: rgba(0, 0, 0, 0.75);
font-family: 'Source Sans Pro', sans-serif;
}
article {
color: #abc;
text-align: justify;
font-size: 1.1em;
font-size: 1.15em;
}
article a {
@@ -24,20 +20,15 @@ article {
article h1, article h2, article h3,
article h4, article h5, article h6 {
color: #4bf;
font-weight: 100;
}
article h1 {
color: #4bf;
line-height: 1.125em;
font-weight: 100;
}
article h1, article h2 {
font-family: 'SeanSansWideThin';
}
article h3, article h4, article h5, article h6 {
font-family: 'SeanSansWideMedium';
article h2 {
border-bottom: 0.25px solid;
padding-bottom: 0.25em;
}
article blockquote {
@@ -46,12 +37,19 @@ article {
color: #4bf;
}
article code {
background-color: rgba(17, 8, 0, 0.50);
border-color: #fa3;
color: #fa3;
}
article hr {
color: #4bf;
}
.page-list {
width: 100%;
border-spacing: 0px;
margin-top: 0.75em;
font-family: 'SeanSansNarrowMedium';
color: #789;
}
@@ -111,7 +109,6 @@ nav {
nav h1 {
color: #4bf;
font-family: 'SeanSansWideLight';
font-weight: 100;
}
@@ -120,6 +117,11 @@ nav a {
text-decoration: none;
}
nav li.selected {
color: #4bf;
background-color: rgba(34, 187, 255, 0.125);
}
nav li:hover, nav .pp-tag:hover {
color: #ccc;
background-color: rgba(34, 187, 255, 0.25);
@@ -128,11 +130,6 @@ nav li:hover, nav .pp-tag:hover {
nav .mg-icon {
color: #4bf;
font-family: sans-serif;
}
nav .mg-label {
color: #789;
font-family: 'SeanSansNarrowMedium';
}
nav li:hover .mg-label {
@@ -156,6 +153,10 @@ nav li:hover .mg-label {
color: #37b;
}
.danger {
color: #fa3;
}
/* Scrollbar */
::-webkit-scrollbar-track {
background-color: #111;