Add data into the homepage
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user