web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add data into the homepage

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

7
customize.dist/src/less/alertify.less
View File

@@ -6,7 +6,7 @@
.alertify-logs {
> * {
padding: @padding-base @padding-base * 4;
color: @fore;
color: @alertify-fore;
font-weight: bold;
font-size: large;
@@ -30,6 +30,7 @@
.alertify {
position: fixed;
background-color: @alertify-bg;
color: @alertify-fg;
left: 0;
right: 0;
top: 0;
@@ -128,7 +129,7 @@
cursor: pointer;
color: @alertify-btn-fg;
border: 1px solid @base;
border: 1px solid @alertify-base;
border-radius: 5px;
&:hover, &:active {
@@ -136,7 +137,7 @@
}
&:focus {
border: 1px dotted @base;
border: 1px dotted @alertify-base;
}
&::-moz-focus-inner {
border:0;

96
customize.dist/src/less/cryptpad.less
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;

1
customize.dist/src/less/loading.less
View File

@@ -6,6 +6,7 @@
left: 0px;
right: 0px;
background: @bg-loading;
color: @color-loading;
text-align: center;
font-size: 1.5em;
.loadingContainer {

27
customize.dist/src/less/variables.less
View File

@@ -1,13 +1,17 @@
@base: #f5f5f5;
@dark-base: darken(@base, 20%);
@less-dark-base: darken(@base, 10%);
@light-base: lighten(@base, 20%);
@less-light-base: lighten(@base, 10%);
@fore: #111;
@old-base: #302B28;
@old-fore: #fafafa;
@cp-green: #46E981;
@cp-accent: lighten(@cp-green, 20%);
@cp-red: #FF0073; // remove red
//@cp-red: #FF0073; // remove red
@cp-red: #FA5858; // remove red
@cp-outline: #444;
@cp-orange: #FE9A2E;
@@ -28,20 +32,33 @@
@text-color: rgba(0, 0, 0, .8);
@border-radius: 1px;
@alertify-dialog-bg: #444;
@alertify-dialog-fg: @fore;
@alertify-fore: @old-fore;
@alertify-base: @old-base;
@alertify-btn-fg: @fore;
@alertify-dialog-bg: #444;
@alertify-dialog-fg: @old-fore;
@alertify-btn-fg: @old-fore;
@alertify-btn-bg: rgba(200, 200, 200, 0.05);
@alertify-btn-bg-hover: rgba(200, 200, 200, .15);
@alertify-bg: rgba(0, 0, 0, .3);
@alertify-fg: @old-fore;
@alertify-input-bg: @base;
@alertify-input-fg: @fore;
@bg-loading: @base;
@slide-default-bg: #000;
@poll-th-bg: #aaa;
@poll-td-bg: #aaa;
@poll-border-color: #555;
@poll-cover-color: #000;
@poll-fg: #000;
@bg-loading: @old-base;
@color-loading: @old-fore;
@media-not-big: 800px;
@media-not-small: 801px;