Add data into the homepage

This commit is contained in:
yflory
2017-01-18 18:02:32 +01:00
parent b9c4ceccd4
commit 69bee7d79a
19 changed files with 462 additions and 106 deletions

View File

@@ -129,19 +129,46 @@ p, pre, td, a, table, tr {
body.html {
}
.page {
width: 70vw;
height: 90vh;
margin-left: 15vw;
background: blue;
&.first {
margin-top: ~"calc(100vh - 80px)";
}
}
width: 100%;
margin-left: auto;
margin-right: auto;
background: @base;
padding: 10px @main-border-width;
position: relative;
.page2 {
width: 70vw;
height: 100vh;
background: red;
&.first {
margin-top: ~"calc(100vh - 50px)";
}
&.even {
background: darken(@base, 10%);
}
&.category {
background: darken(@base, 20%);
}
.left {
padding: 10px;
width: 45%;
position: relative;
left: 0; //@main-border-width;
display: inline-block;
vertical-align: middle;
}
.right {
padding: 10px;
width: 45%;
position: relative;
left: 10%; //@main-border-width;
display: inline-block;
vertical-align: middle;
}
.image {
text-align: center;
}
p {
text-align: justify;
}
}
.btn-default {
@@ -283,14 +310,16 @@ body.html {
}
}
}
.buttons {
text-align: center;
button {
font-weight: bold;
cursor: pointer;
margin-top: 10px;
}
margin-top: 15px;
}
}
p.buttons, div.buttons {
text-align: center;
button {
font-weight: bold;
cursor: pointer;
margin-top: 10px;
}
}
@@ -335,7 +364,7 @@ body.html {
// currently only used in /user/
.panel {
background-color: #333;
background-color: @dark-base;
}
/* Tables
@@ -347,7 +376,7 @@ table {
margin: 20px;
}
tbody {
border: 2px solid black;
border: 1px solid @poll-border-color;
tr {
text-align: center;
&:first-of-type th{
@@ -371,7 +400,7 @@ tbody {
}
th {
box-sizing: border-box;
border: 1px solid black;
border: 1px solid @poll-border-color;
}
th, td {
color: @fore;
@@ -386,7 +415,7 @@ tbody {
}
td {
border-right: 1px solid black;
border-right: 1px solid @poll-border-color;
padding: 12px;
padding-top: 0px;
padding-bottom: 0px;
@@ -451,7 +480,7 @@ form.realtime, div.realtime {
border: 0px;
&[disabled] {
background-color: transparent;
color: @fore;
color: @poll-fg;
font-weight: bold;
}
}
@@ -489,7 +518,7 @@ form.realtime, div.realtime {
font-weight: bold;
background-color: @cp-red;
color: @base;
color: @poll-cover-color;
&:after {
height: 100%;
@@ -530,7 +559,7 @@ form.realtime, div.realtime {
thead {
td {
padding: 0px 5px;
background: @less-light-base;
background: @poll-th-bg;
border-radius: 20px 20px 0 0;
text-align: center;
input {
@@ -538,7 +567,7 @@ form.realtime, div.realtime {
width: 100%;
box-sizing: border-box;
&[disabled] {
color: white;
color: @poll-fg;
padding: 1px 5px;
border: none;
}
@@ -549,7 +578,7 @@ form.realtime, div.realtime {
tbody {
.text-cell {
background: @less-light-base;
background: @poll-td-bg;
//border-radius: 20px 0 0 20px;
input[type="text"] {
width: ~"calc(100% - 50px)";
@@ -563,6 +592,11 @@ form.realtime, div.realtime {
margin: 0 0 0 10px;
}
}
td {
label {
border: .5px solid @poll-border-color;
}
}
}
.edit {
color: @cp-green;
@@ -691,6 +725,10 @@ div.modal, div#modal {
h5 { .size(2.2); }
h6 { .size(1.6); }
h1, h2, h3, h4, h5, h6 {
color: inherit;
}
pre > code {
display: block;
position: relative;
@@ -719,7 +757,7 @@ div.modal, div#modal {
height: 100vh;
display: none;
background-color: @base;
background-color: @slide-default-bg;
.center {
position: relative;