Merge branch 'soon'
ansuz
7 years ago
commit
1fd49d66f8
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.3 KiB |
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360.4 94.7"><defs><style>.cls-1{fill:#4591c4}.cls-2{fill:#999}</style></defs><title>CryptPad_logo_color</title><g id="Layer_2" data-name="Layer 2"><g id="svg2"><g id="g4845"><path id="path4811" class="cls-1" d="M99.5 63.6a24.8 24.8 0 0 1-5.9-.6 8.5 8.5 0 0 1-3.8-1.9 7.1 7.1 0 0 1-2-3.4 19.4 19.4 0 0 1-.6-5.2v-10a19.4 19.4 0 0 1 .6-5.1 7.1 7.1 0 0 1 2-3.4 8.5 8.5 0 0 1 3.8-2 24.8 24.8 0 0 1 5.9-.6h22.3v6.2h-22a11.8 11.8 0 0 0-2.7.3 3.5 3.5 0 0 0-1.7.9 3.3 3.3 0 0 0-.9 1.6 11.1 11.1 0 0 0-.2 2.5v9.4a11.1 11.1 0 0 0 .2 2.5 3.3 3.3 0 0 0 .9 1.6 3.3 3.3 0 0 0 1.7.8l2.7.2h22v6.1z"/><path id="path4813" class="cls-1" d="M126.5 63.6V48.8a16 16 0 0 1 .7-4.9 7.5 7.5 0 0 1 2.1-3.3 8.9 8.9 0 0 1 3.7-1.9 21.4 21.4 0 0 1 5.5-.6h4.6v5.7h-4.4l-2.5.2a3.3 3.3 0 0 0-1.6.8 3.2 3.2 0 0 0-.8 1.6 10.1 10.1 0 0 0-.3 2.5v14.7z"/><path id="path4815" class="cls-1" d="M154.1 51.4a3.8 3.8 0 0 0 .9 3 4.6 4.6 0 0 0 3.1.8h15.7V38h6.8v25.2q0 4.3-2.1 6.2t-6.9 1.9h-10.2v-5.8h9.6a3.3 3.3 0 0 0 2.1-.6 2.7 2.7 0 0 0 .7-2.2v-2h-16.1a19 19 0 0 1-4.9-.5 7.8 7.8 0 0 1-3.3-1.7 6.5 6.5 0 0 1-1.8-2.8 12.7 12.7 0 0 1-.6-4V38h6.9z"/><path id="path4817" class="cls-1" d="M207.5 38a25.1 25.1 0 0 1 5.9.6 8.5 8.5 0 0 1 3.8 1.9 7.1 7.1 0 0 1 2 3.4 19.7 19.7 0 0 1 .6 5.2v3.4a19.4 19.4 0 0 1-.6 5.2 7.1 7.1 0 0 1-2 3.4 8.5 8.5 0 0 1-3.8 1.9 25.1 25.1 0 0 1-5.9.6h-14.3v7.6h-7V49.1a19.7 19.7 0 0 1 .6-5.2 7.1 7.1 0 0 1 2-3.4 8.6 8.6 0 0 1 3.8-1.9 25.1 25.1 0 0 1 5.9-.6zm5.3 11.3a11.7 11.7 0 0 0-.3-2.7 2.9 2.9 0 0 0-1-1.6 4 4 0 0 0-1.9-.8l-3-.2h-7.8l-2.7.2a3.5 3.5 0 0 0-1.7.8 3.2 3.2 0 0 0-.8 1.6 11.7 11.7 0 0 0-.2 2.6v8.4h13.4l3-.2a3.8 3.8 0 0 0 1.9-.7 2.9 2.9 0 0 0 1-1.6 11.9 11.9 0 0 0 .3-2.8z"/><path id="path4819" class="cls-1" d="M226.5 63.6V43.8H223V38h3.6v-7.2h7.2V38h8.1v5.7h-8.1v19.9z"/><path id="path4821" class="cls-2" d="M252.4 54.4v9.2h-7.2V31.4H271a25.7 25.7 0 0 1 5.8.5 8.4 8.4 0 0 1 3.7 1.8 6.8 6.8 0 0 1 2 3.2 17.1 17.1 0 0 1 .6 4.8v2.8a16.9 16.9 0 0 1-.6 4.8 6 6 0 0 1-2 3 8.3 8.3 0 0 1-3.7 1.6 31.6 31.6 0 0 1-5.9.4zm23.5-12.3q0-2.6-1.1-3.5t-4-.9h-18.4v11h18.5a6.5 6.5 0 0 0 3.9-.9q1.1-.9 1.1-3.4z"/><path id="path4823" class="cls-2" d="M296.2 63.6a18.4 18.4 0 0 1-4.6-.5 7.4 7.4 0 0 1-2.9-1.3 4.6 4.6 0 0 1-1.5-2.1 8.7 8.7 0 0 1-.4-2.8v-2.4a9.3 9.3 0 0 1 .4-2.9 4.7 4.7 0 0 1 1.4-2.1 6.5 6.5 0 0 1 2.7-1.3 17.7 17.7 0 0 1 4.4-.4h18.9v-.6q0-2.5-1-3.3a5.3 5.3 0 0 0-3.4-.8h-7V38h7a20.7 20.7 0 0 1 5.2.6 8.9 8.9 0 0 1 3.5 1.7 6.7 6.7 0 0 1 2 2.9 12.5 12.5 0 0 1 .6 4.2v6.2a17.2 17.2 0 0 1-.5 4.7 6.3 6.3 0 0 1-1.9 3.1 7.9 7.9 0 0 1-3.6 1.7 26.8 26.8 0 0 1-5.6.5zM314.7 52h-18.2a3.1 3.1 0 0 0-1.9.5 2.5 2.5 0 0 0-.7 2.1v1.7a2.1 2.1 0 0 0 .8 1.9 3.7 3.7 0 0 0 2.1.5H310l2.1-.2a3.2 3.2 0 0 0 1.5-.7 3 3 0 0 0 .9-1.4 7.8 7.8 0 0 0 .3-2.3z"/><path id="path4825" class="cls-2" d="M339.1 63.6a25.4 25.4 0 0 1-6-.6 8.6 8.6 0 0 1-3.8-1.9 7.1 7.1 0 0 1-2-3.4 19.4 19.4 0 0 1-.6-5.2v-3.4a19.7 19.7 0 0 1 .6-5.2 7.1 7.1 0 0 1 2-3.4 8.6 8.6 0 0 1 3.8-1.9 25.4 25.4 0 0 1 6-.6h14.2v-8.2h7v22.8a19.4 19.4 0 0 1-.6 5.2 7.1 7.1 0 0 1-2 3.4A8.5 8.5 0 0 1 354 63a25.1 25.1 0 0 1-5.9.6zm-5.3-11.2a11.7 11.7 0 0 0 .3 2.7 2.9 2.9 0 0 0 1 1.6 4 4 0 0 0 1.9.8l3.1.2h7.8l2.7-.2a3.3 3.3 0 0 0 1.7-.8 3.2 3.2 0 0 0 .9-1.6 11.9 11.9 0 0 0 .2-2.6v-8.4H340l-3 .2a4 4 0 0 0-1.9.8 2.9 2.9 0 0 0-1 1.6 11.7 11.7 0 0 0-.3 2.7z"/><path id="path4827" class="cls-1" d="M39.2 0L9.9 5.4A6.3 6.3 0 1 0 3.2 16v42.2c0 4 1.8 8.3 5.3 12.7A65.5 65.5 0 0 0 21.6 83a128.2 128.2 0 0 0 17.6 10.5A128.1 128.1 0 0 0 56.7 83a65.4 65.4 0 0 0 13.1-12.1c3.5-4.5 5.3-8.8 5.3-12.7V16A6.3 6.3 0 0 0 72 4.2a6.2 6.2 0 0 0-3.6 1.2zm-.1 6.2l26.7 4.9a5.9 5.9 0 0 0 .2 1.1L50.3 22.5a15.3 15.3 0 0 0-22.6.1l-15.5-10a6.3 6.3 0 0 0 .3-1.4zm28.8 9a6.5 6.5 0 0 0 1.8 1.1v41a10.4 10.4 0 0 1-.1 1.7 21.5 21.5 0 0 1-4.1 7.8 56.1 56.1 0 0 1-11.3 10.4 110.6 110.6 0 0 1-15 9 110.8 110.8 0 0 1-15-9A55.8 55.8 0 0 1 13 66.8a19.8 19.8 0 0 1-4.4-9.3V16.4a6.3 6.3 0 0 0 1.7-1l19.8 12.7a10.1 10.1 0 0 1 9-5.4 10 10 0 0 1 9 5.4z"/><g id="g4829"><path id="path4831" class="cls-2" d="M23 54.8a4.6 4.6 0 1 0 0 9.3 4.6 4.6 0 0 0 0-9.3z"/><path id="path4833" class="cls-2" d="M24.3 28.5a14.9 14.9 0 0 0 4.2 15.4l-7.3 14.8a2.8 2.8 0 0 0 2.3 3.8h11v-5.2h-6.8l6.4-12.8a2.7 2.7 0 0 0-.8-3.3 9.7 9.7 0 0 1-4.3-9.6z"/></g><g id="g4835"><path id="path4837" class="cls-2" d="M55.3 54.8a4.6 4.6 0 1 0 0 9.3 4.6 4.6 0 0 0 0-9.3z"/><path id="path4839" class="cls-2" d="M53.8 28.6l-4.7 3.1a10.2 10.2 0 0 1 .1 1.2 10 10 0 0 1-4.3 8.3 2.7 2.7 0 0 0-.8 3.3l6.3 12.8h-6.8v5.2h11a2.8 2.8 0 0 0 2.3-3.8l-7.3-14.8a15.2 15.2 0 0 0 4.8-11 15.3 15.3 0 0 0-.6-4.3z"/></g><path id="path4841" class="cls-1" d="M43.2 33.3a4.2 4.2 0 1 1-4.2-4.2 4.2 4.2 0 0 1 4.2 4.2z"/><path id="path4843" class="cls-1" d="M45.3 88.4a6.3 6.3 0 1 1-6.3-6.3 6.3 6.3 0 0 1 6.3 6.3z"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 252 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
</style>
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1.6" y1="12" x2="22.4" y2="12">
|
||||
<stop offset="0" style="stop-color:#4592C4"/>
|
||||
<stop offset="1" style="stop-color:#545ACD"/>
|
||||
</linearGradient>
|
||||
<path class="st0" d="M12.9,3l2,0.4L11.1,21l-2-0.4L12.9,3 M19.6,12L16,8.4V5.6l6.4,6.4L16,18.4v-2.8L19.6,12 M1.6,12L8,5.6v2.8
|
||||
L4.4,12L8,15.6v2.8L1.6,12z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 779 B |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
@ -0,0 +1,133 @@
|
||||
/* Open Sans @font-face kit */
|
||||
|
||||
@OpenSansPath: "/bower_components/open-sans-fontface/fonts";
|
||||
|
||||
/* BEGIN Light */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/Light/OpenSans-Light.eot');
|
||||
src: url('@{OpenSansPath}/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/Light/OpenSans-Light.woff') format('woff'),
|
||||
url('@{OpenSansPath}/Light/OpenSans-Light.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
/* END Light */
|
||||
|
||||
/* BEGIN Light Italic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/LightItalic/OpenSans-LightItalic.eot');
|
||||
src: url('@{OpenSansPath}/LightItalic/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/LightItalic/OpenSans-LightItalic.woff') format('woff'),
|
||||
url('@{OpenSansPath}/LightItalic/OpenSans-LightItalic.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic') format('svg');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
/* END Light Italic */
|
||||
|
||||
/* BEGIN Regular */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/Regular/OpenSans-Regular.eot');
|
||||
src: url('@{OpenSansPath}/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/Regular/OpenSans-Regular.woff') format('woff'),
|
||||
url('@{OpenSansPath}/Regular/OpenSans-Regular.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* END Regular */
|
||||
|
||||
/* BEGIN Italic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/Italic/OpenSans-Italic.eot');
|
||||
src: url('@{OpenSansPath}/Italic/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/Italic/OpenSans-Italic.woff') format('woff'),
|
||||
url('@{OpenSansPath}/Italic/OpenSans-Italic.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/Italic/OpenSans-Italic.svg#OpenSansItalic') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
/* END Italic */
|
||||
|
||||
/* BEGIN Semibold */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/Semibold/OpenSans-Semibold.eot');
|
||||
src: url('@{OpenSansPath}/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/Semibold/OpenSans-Semibold.woff') format('woff'),
|
||||
url('@{OpenSansPath}/Semibold/OpenSans-Semibold.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/Semibold/OpenSans-Semibold.svg#OpenSansSemibold') format('svg');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
/* END Semibold */
|
||||
|
||||
/* BEGIN Semibold Italic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/SemiboldItalic/OpenSans-SemiboldItalic.eot');
|
||||
src: url('@{OpenSansPath}/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/SemiboldItalic/OpenSans-SemiboldItalic.woff') format('woff'),
|
||||
url('@{OpenSansPath}/SemiboldItalic/OpenSans-SemiboldItalic.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic') format('svg');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
/* END Semibold Italic */
|
||||
|
||||
/* BEGIN Bold */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/Bold/OpenSans-Bold.eot');
|
||||
src: url('@{OpenSansPath}/Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/Bold/OpenSans-Bold.woff') format('woff'),
|
||||
url('@{OpenSansPath}/Bold/OpenSans-Bold.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/Bold/OpenSans-Bold.svg#OpenSansBold') format('svg');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
/* END Bold */
|
||||
|
||||
/* BEGIN Bold Italic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/BoldItalic/OpenSans-BoldItalic.eot');
|
||||
src: url('@{OpenSansPath}/BoldItalic/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/BoldItalic/OpenSans-BoldItalic.woff') format('woff'),
|
||||
url('@{OpenSansPath}/BoldItalic/OpenSans-BoldItalic.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
/* END Bold Italic */
|
||||
|
||||
/* BEGIN Extrabold */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/ExtraBold/OpenSans-ExtraBold.eot');
|
||||
src: url('@{OpenSansPath}/ExtraBold/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/ExtraBold/OpenSans-ExtraBold.woff') format('woff'),
|
||||
url('@{OpenSansPath}/ExtraBold/OpenSans-ExtraBold.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold') format('svg');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
/* END Extrabold */
|
||||
|
||||
/* BEGIN Extrabold Italic */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('@{OpenSansPath}/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot');
|
||||
src: url('@{OpenSansPath}/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{OpenSansPath}/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff') format('woff'),
|
||||
url('@{OpenSansPath}/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
|
||||
url('@{OpenSansPath}/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic') format('svg');
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
/* END Extrabold Italic */
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 865 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 935 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 284 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 8.3 KiB |
@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
</style>
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="4" y1="12" x2="20" y2="12">
|
||||
<stop offset="0" style="stop-color:#4592C4"/>
|
||||
<stop offset="1" style="stop-color:#545ACD"/>
|
||||
</linearGradient>
|
||||
<path class="st0" d="M13,14c-3.4,0-4.5,1.4-4.8,2.2C9.3,16.7,10,17.8,10,19c0,1.7-1.3,3-3,3s-3-1.3-3-3c0-1.3,0.8-2.4,2-2.8V7.8
|
||||
C4.8,7.4,4,6.3,4,5c0-1.7,1.3-3,3-3s3,1.3,3,3c0,1.3-0.8,2.4-2,2.8v5.3c0.9-0.6,2.2-1.1,4-1.1c2.7,0,3.6-1.3,3.9-2.2
|
||||
C14.8,9.3,14,8.3,14,7c0-1.7,1.3-3,3-3s3,1.3,3,3c0,1.3-0.9,2.5-2.1,2.9C17.6,11.3,16.7,14,13,14 M7,18c-0.6,0-1,0.4-1,1s0.4,1,1,1
|
||||
s1-0.4,1-1S7.6,18,7,18 M7,4C6.4,4,6,4.4,6,5s0.4,1,1,1s1-0.4,1-1S7.6,4,7,4 M17,6c-0.6,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1
|
||||
S17.6,6,17,6z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@ -1,282 +0,0 @@
|
||||
@import "./variables.less";
|
||||
|
||||
/* Logs are shown to inform the user that something has happened
|
||||
They are only displayed briefly
|
||||
*/
|
||||
.alertify-logs {
|
||||
@media print {
|
||||
visibility: hidden;
|
||||
}
|
||||
> * {
|
||||
padding: @padding-base @padding-base * 4;
|
||||
color: @alertify-fore;
|
||||
|
||||
font-weight: bold;
|
||||
font-size: large;
|
||||
|
||||
box-shadow: @box-shadow;
|
||||
border-radius: @border-radius;
|
||||
&, &.default {
|
||||
// FIXME
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
&.error {
|
||||
background: @danger-color;
|
||||
}
|
||||
&.success {
|
||||
background: @success-color;
|
||||
color: @success-fore;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alertify {
|
||||
position: fixed;
|
||||
background-color: @alertify-bg;
|
||||
color: @alertify-fg;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99999;
|
||||
|
||||
&.hide {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&, &.show {
|
||||
box-sizing: border-box;
|
||||
transition: all .33s cubic-bezier(.25, .8, .25, 1);
|
||||
}
|
||||
|
||||
&, * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.dialog, .alert {
|
||||
.bright {
|
||||
color: @light-base;
|
||||
}
|
||||
|
||||
& > div {
|
||||
background-color: @alertify-dialog-bg;
|
||||
border-radius: 5px;
|
||||
&.half {
|
||||
width: 50%;
|
||||
@media (max-width: @media-medium-screen) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
> * {
|
||||
width: 30%;
|
||||
width: 500px;
|
||||
max-width: 95%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding: @padding-base;
|
||||
background: #fff;
|
||||
// FIXME
|
||||
box-shadow: 0 2px 4px -1px rgba(0,0,0,.14), 0 4px 5px 0 rgba(0,0,0,.098), 0 1px 10px 0 rgba(0,0,0,.084);
|
||||
}
|
||||
|
||||
.msg {
|
||||
padding: @padding-base;
|
||||
margin-bottom: @padding-base;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input:not(.form-control){
|
||||
background-color: @alertify-input-bg;
|
||||
color: @alertify-input-fg;
|
||||
|
||||
border: 0px;
|
||||
border-radius: 5px;
|
||||
|
||||
margin-bottom: 15px;
|
||||
width: 100%;
|
||||
font-size: 100%;
|
||||
padding: @padding-base;
|
||||
&:focus {
|
||||
//outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
nav {
|
||||
|
||||
text-align: right;
|
||||
|
||||
button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
|
||||
|
||||
background-color: @alertify-btn-bg;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
display: inline-block;
|
||||
align-items: center;
|
||||
padding: 0 6px;
|
||||
margin: 6px 8px;
|
||||
line-height: 36px;
|
||||
min-height: 36px;
|
||||
white-space: nowrap;
|
||||
min-width: 88px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
|
||||
color: @alertify-btn-fg;
|
||||
border: 1px solid @alertify-base;
|
||||
border-radius: 5px;
|
||||
|
||||
&.safe, &.danger {
|
||||
color: @old-base;
|
||||
white-space: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.danger {
|
||||
background-color: @cp-red;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@cp-red, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.safe {
|
||||
background-color: @cp-green;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@cp-green, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:active {
|
||||
background-color: @alertify-btn-bg-hover;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border: 1px dotted @alertify-base;
|
||||
}
|
||||
&::-moz-focus-inner {
|
||||
border:0;
|
||||
}
|
||||
}
|
||||
|
||||
button.btn {
|
||||
margin: 6px 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alertify-logs {
|
||||
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
|
||||
&.bottom, &:not(.top) {
|
||||
bottom: 16px;
|
||||
// Bottom left placement. Default. Use for transitions.
|
||||
&.left, &:not(.right) {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
// Top right placement
|
||||
&.right {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// All left positions.
|
||||
&.left, &:not(.right) {
|
||||
left: 16px;
|
||||
> * {
|
||||
float: left;
|
||||
transform: translate3d(0, 0, 0);
|
||||
height: auto;
|
||||
|
||||
&.show {
|
||||
left: 0;
|
||||
}
|
||||
&, &.hide {
|
||||
left: -110%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.right {
|
||||
right: 16px;
|
||||
> * {
|
||||
float: right;
|
||||
transform: translate3d(0, 0, 0);
|
||||
&.show {
|
||||
right: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
&, &.hide {
|
||||
right: -110%;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.top {
|
||||
top: 0;
|
||||
// Top left placement, use for transitions.
|
||||
&.left, &:not(.right) {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
// Top right placement, use for transitions
|
||||
&.right {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> * {
|
||||
box-sizing: border-box;
|
||||
transition: all .4s cubic-bezier(.25, .8, .25, 1);
|
||||
position: relative;
|
||||
clear: both;
|
||||
backface-visibility: hidden;
|
||||
perspective: 1000;
|
||||
|
||||
& {
|
||||
max-height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&.show {
|
||||
margin-top: @padding-base;
|
||||
opacity: 1;
|
||||
max-height: 1000px;
|
||||
padding: @padding-base;
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,311 @@
|
||||
@import (once) "./colortheme.less";
|
||||
@import (once) "./browser.less";
|
||||
|
||||
.alertify_main () {
|
||||
@alertify-fore: @colortheme_modal-fg;
|
||||
@alertify-base: @colortheme_modal-bg;
|
||||
|
||||
@alertify-dialog-bg: @alertify-base;
|
||||
@alertify-dialog-fg: @alertify-fore;
|
||||
|
||||
@alertify-btn-fg: @alertify-fore;
|
||||
|
||||
@alertify-btn-bg: rgba(200, 200, 200, 0.1);
|
||||
@alertify-btn-bg-hover: rgba(200, 200, 200, .3);
|
||||
|
||||
@alertify-bg: @colortheme_modal-dim;
|
||||
@alertify-fg: @alertify-fore;
|
||||
|
||||
@alertify-input-bg: @colortheme_modal-input;
|
||||
@alertify-input-fg: @colortheme_modal-fg;
|
||||
|
||||
@alertify_padding-base: @colortheme_modal-padding;
|
||||
@alertify_box-shadow: @colortheme_modal-shadow;
|
||||
|
||||
// Logs to show that something has happened
|
||||
// These show only once
|
||||
|
||||
.alertify-logs {
|
||||
@media print {
|
||||
visibility: hidden;
|
||||
}
|
||||
> * {
|
||||
padding: @alertify_padding-base @alertify_padding-base * 4;
|
||||
color: @alertify-fore;
|
||||
|
||||
font-family: @colortheme_font;
|
||||
font-size: large;
|
||||
|
||||
box-shadow: @alertify_box-shadow;
|
||||
&, &.default {
|
||||
// FIXME
|
||||
background: @colortheme_notification-log;
|
||||
}
|
||||
&.error {
|
||||
font-weight: bold;
|
||||
background: @colortheme_notification-warn;
|
||||
}
|
||||
&.success {
|
||||
background: @colortheme_notification-log;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alertify {
|
||||
position: fixed;
|
||||
background-color: @alertify-bg;
|
||||
color: @alertify-fg;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99999;
|
||||
|
||||
h1, h2, h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&.hide {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&, &.show {
|
||||
box-sizing: border-box;
|
||||
transition: all .33s cubic-bezier(.25, .8, .25, 1);
|
||||
}
|
||||
|
||||
&, * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.dialog, .alert {
|
||||
.bright {
|
||||
color: @colortheme_light-base;
|
||||
}
|
||||
|
||||
& > div {
|
||||
background-color: @alertify-dialog-bg;
|
||||
&.half {
|
||||
width: 50%;
|
||||
max-width: 50%;
|
||||
@media (max-width: @browser_media-medium-screen) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
> * {
|
||||
width: 100%;
|
||||
min-width: 300px;
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
padding: @alertify_padding-base;
|
||||
background: #fff;
|
||||
box-shadow: @alertify_box-shadow;
|
||||
}
|
||||
|
||||
.msg {
|
||||
padding: @alertify_padding-base;
|
||||
margin-bottom: @alertify_padding-base;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input:not(.form-control), textarea {
|
||||
background-color: @alertify-input-bg;
|
||||
color: @alertify-input-fg;
|
||||
border: 0px;
|
||||
|
||||
margin-bottom: 15px;
|
||||
width: 100%;
|
||||
font-size: 100%;
|
||||
padding: @alertify_padding-base;
|
||||
&:focus {
|
||||
//outline-offset: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
nav {
|
||||
|
||||
text-align: right;
|
||||
|
||||
button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
|
||||
|
||||
background-color: @alertify-btn-bg;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
display: inline-block;
|
||||
align-items: center;
|
||||
padding: 0 6px;
|
||||
margin: 6px 8px;
|
||||
line-height: 36px;
|
||||
min-height: 36px;
|
||||
white-space: nowrap;
|
||||
min-width: 88px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
|
||||
color: @alertify-btn-fg;
|
||||
border: 1px solid transparent;
|
||||
|
||||
&.safe, &.danger {
|
||||
color: @colortheme_old-base;
|
||||
white-space: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.danger {
|
||||
background-color: @colortheme_alertify-red;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@colortheme_alertify-red, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.safe {
|
||||
background-color: @colortheme_alertify-green;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@colortheme_alertify-green, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:active {
|
||||
background-color: @alertify-btn-bg-hover;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border: 1px dotted @alertify-base;
|
||||
}
|
||||
&::-moz-focus-inner {
|
||||
border:0;
|
||||
}
|
||||
}
|
||||
|
||||
button.btn {
|
||||
margin: 6px 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alertify-logs {
|
||||
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
|
||||
&.bottom, &:not(.top) {
|
||||
bottom: 16px;
|
||||
// Bottom left placement. Default. Use for transitions.
|
||||
&.left, &:not(.right) {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
// Top right placement
|
||||
&.right {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// All left positions.
|
||||
&.left, &:not(.right) {
|
||||
left: 16px;
|
||||
> * {
|
||||
float: left;
|
||||
transform: translate3d(0, 0, 0);
|
||||
height: auto;
|
||||
|
||||
&.show {
|
||||
left: 0;
|
||||
}
|
||||
&, &.hide {
|
||||
left: -110%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.right {
|
||||
right: 16px;
|
||||
> * {
|
||||
float: right;
|
||||
transform: translate3d(0, 0, 0);
|
||||
&.show {
|
||||
right: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
&, &.hide {
|
||||
right: -110%;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.top {
|
||||
top: 0;
|
||||
// Top left placement, use for transitions.
|
||||
&.left, &:not(.right) {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
// Top right placement, use for transitions
|
||||
&.right {
|
||||
> * {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> * {
|
||||
box-sizing: border-box;
|
||||
transition: all .4s cubic-bezier(.25, .8, .25, 1);
|
||||
position: relative;
|
||||
clear: both;
|
||||
backface-visibility: hidden;
|
||||
perspective: 1000;
|
||||
|
||||
& {
|
||||
max-height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&.show {
|
||||
margin-top: @alertify_padding-base;
|
||||
opacity: 1;
|
||||
max-height: 1000px;
|
||||
padding: @alertify_padding-base;
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
// These things are not for design but rather for working in different browser
|
||||
// types and window sizes
|
||||
|
||||
@browser_media-not-big: 800px;
|
||||
@browser_media-not-small: 801px;
|
||||
|
||||
@browser_media-short-screen: 450px;
|
||||
@browser_media-narrow-screen: 400px;
|
||||
@browser_media-medium-screen: 600px;
|
||||
@ -0,0 +1,70 @@
|
||||
@colortheme_font: 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
|
||||
@colortheme_link-color: #0275D8;
|
||||
@colortheme_link-color-visited: #005999;
|
||||
@colortheme_info-background: #fafafa;
|
||||
|
||||
@colortheme_old-base: #302B28;
|
||||
@colortheme_old-fore: #fafafa;
|
||||
|
||||
@colortheme_base: #fff;
|
||||
@colortheme_light-base: lighten(@colortheme_base, 20%);
|
||||
|
||||
@colortheme_cp-red: #FA5858; // remove red
|
||||
@colortheme_cp-green: #46E981;
|
||||
|
||||
@colortheme_modal-bg: #222;
|
||||
@colortheme_modal-fg: #fff;
|
||||
@colortheme_modal-link: #eee;
|
||||
@colortheme_modal-link-visited: lighten(@colortheme_modal-link, 10%);
|
||||
@colortheme_modal-dim: rgba(0, 0, 0, 0.4);
|
||||
@colortheme_modal-padding: 12px;
|
||||
@colortheme_modal-shadow: 0 8px 32px 0 rgba(0,0,0,.4);
|
||||
|
||||
@colortheme_modal-input: #111;
|
||||
|
||||
@colortheme_alertify-red: #E55236;
|
||||
@colortheme_alertify-green: #77C825;
|
||||
|
||||
@colortheme_notification-log: rgba(0, 0, 0, 0.8);
|
||||
@colortheme_notification-warn: rgba(205, 37, 50, 0.8);
|
||||
|
||||
// Apps
|
||||
|
||||
@colortheme_pad-bg: #1c4fa0;
|
||||
@colortheme_pad-color: #fff;
|
||||
|
||||
@colortheme_slide-bg: #e57614;
|
||||
@colortheme_slide-color: #fff;
|
||||
|
||||
@colortheme_code-bg: #ffae00;
|
||||
@colortheme_code-color: #000;
|
||||
|
||||
@colortheme_poll-bg: #006304;
|
||||
@colortheme_poll-color: #fff;
|
||||
|
||||
@colortheme_whiteboard-bg: #800080;
|
||||
@colortheme_whiteboard-color: #fff;
|
||||
|
||||
@colortheme_drive-bg: #0087ff;
|
||||
@colortheme_drive-color: #fff;
|
||||
|
||||
@colortheme_file-bg: #cd2532;
|
||||
@colortheme_file-color: #fff;
|
||||
|
||||
@colortheme_friends-bg: #607B8D;
|
||||
@colortheme_friends-color: #fff;
|
||||
|
||||
@colortheme_default-bg: #ddd;
|
||||
@colortheme_default-color: #000;
|
||||
|
||||
@colortheme_settings-bg: #0087ff;
|
||||
@colortheme_settings-color: #fff;
|
||||
|
||||
@colortheme_profile-bg: #0087ff;
|
||||
@colortheme_profile-color: #fff;
|
||||
|
||||
@cryptpad_color_blue: #4591C4;
|
||||
@cryptpad_color_grey: #999999;
|
||||
@cryptpad_header_col: #1E1F1F;
|
||||
@cryptpad_text_col: #3F4141;
|
||||
@ -0,0 +1,9 @@
|
||||
.font_neuropolitical () {
|
||||
@font-face {
|
||||
font-family: Neuropolitical;
|
||||
src: url(./customize/fonts/neuropolitical.ttf)
|
||||
}
|
||||
}
|
||||
.font_open-sans () {
|
||||
@import (once) '/customize/fonts/open-sans.less';
|
||||
}
|
||||
@ -0,0 +1,217 @@
|
||||
@import (once) "./colortheme.less";
|
||||
|
||||
@infopages_infobar-height: 64px;
|
||||
@infopages_padding: 32px;
|
||||
|
||||
// Basic setup for info pages, this should be used at the global level
|
||||
.infopages_main () {
|
||||
background-color: @colortheme_info-background;
|
||||
a {
|
||||
color: @cryptpad_color_blue;
|
||||
&:visited { color: darken(@cryptpad_color_blue, 5%); }
|
||||
}
|
||||
a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-family: @colortheme_font;
|
||||
.cp-container {
|
||||
font-size: 16px;
|
||||
padding-top: @infopages_padding;
|
||||
padding-bottom: @infopages_padding;
|
||||
min-height: 75vh;
|
||||
h1 {
|
||||
font-size: 3em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5em;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
img {
|
||||
&.left {
|
||||
float: left;
|
||||
}
|
||||
max-width: 100%;
|
||||
}
|
||||
.form-group {
|
||||
& > * {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.checkbox-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
label {
|
||||
margin: 0;
|
||||
}
|
||||
input {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
footer {
|
||||
background-color: @cryptpad_color_blue;
|
||||
.container {
|
||||
.col {
|
||||
margin-top: 1em;
|
||||
}
|
||||
a {
|
||||
color: #fff;
|
||||
&:visited {
|
||||
color: darken(#fff, 5%);
|
||||
};
|
||||
}
|
||||
margin-bottom: 1em;
|
||||
ul.list-unstyled {
|
||||
margin-top: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.cp-bio-foot {
|
||||
background-image: url(/customize/CryptPad-white-logo.svg);
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
p {
|
||||
color: #fff;
|
||||
padding-top: 30%;
|
||||
margin-bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.cp-version-footer {
|
||||
background-color: @cryptpad_color_blue;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 0.5em;
|
||||
border-top: 2px solid #fff;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
.infopages_link () {
|
||||
text-decoration: none;
|
||||
color: #0275D8;
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
|
||||
// Apply this to the top bar div
|
||||
.infopages_topbar () {
|
||||
.cp-topbar {
|
||||
background: #fff;
|
||||
z-index: 9001;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: @infopages_infobar-height;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
vertical-align: middle;
|
||||
font-size: 1.25em;
|
||||
line-height: 1.25em;
|
||||
cursor: default;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
.navbar-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
a {
|
||||
font-weight: 500;
|
||||
padding: 0.6em;
|
||||
.infopages_link()
|
||||
}
|
||||
.cp-logo {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// navigation top bar
|
||||
.navbar {
|
||||
background: #fff;
|
||||
.navbar-brand {
|
||||
display: block;
|
||||
background-image: url(/customize/CryptPad_logo_color.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
height: 50px;
|
||||
width: 250px;
|
||||
}
|
||||
a {
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
.nav-link {
|
||||
padding: 0.5em 0.7em;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
};
|
||||
}
|
||||
.cp-register-btn {
|
||||
border: 2px solid #4591C4;
|
||||
}
|
||||
button:focus {
|
||||
outline: none;
|
||||
}
|
||||
.navbar-toggler {
|
||||
margin-top: 10px;
|
||||
color: #4591C4;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
#menuCollapse {
|
||||
text-align: right;
|
||||
}
|
||||
.navbar-nav a {
|
||||
text-align: right !important;
|
||||
}
|
||||
.cp-register-btn {
|
||||
margin-right: 13px;
|
||||
margin-left: 83vw;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 687px) {
|
||||
.cp-register-btn {
|
||||
margin-left: 75vw;
|
||||
}
|
||||
}
|
||||
@media (max-width: 467px) {
|
||||
.cp-register-btn {
|
||||
margin-left: 63vw;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//footer general styles
|
||||
|
||||
.footer-title {
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
color: #1E1F1F;
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
.mediatag_base() {
|
||||
media-tag {
|
||||
min-height: 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
media-tag img {
|
||||
flex: 1;
|
||||
max-height: 100% !important;
|
||||
}
|
||||
|
||||
media-tag iframe {
|
||||
min-height: 100%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
@import (once) "./colortheme.less";
|
||||
|
||||
.modal_base() {
|
||||
font-family: @colortheme_font;
|
||||
|
||||
background-color: @colortheme_modal-bg;
|
||||
color: @colortheme_modal-fg;
|
||||
box-shadow: @colortheme_modal-shadow;
|
||||
|
||||
a {
|
||||
color: @colortheme_modal-link;
|
||||
|
||||
&:visited {
|
||||
color: @colortheme_modal-link-visited;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
@import (once) './include/font.less';
|
||||
.font_neuropolitical();
|
||||
.font_open-sans();
|
||||
|
||||
body.cp-page-index { @import "./pages/page-index.less"; }
|
||||
body.cp-page-contact { @import "./pages/page-contact.less"; }
|
||||
body.cp-page-login { @import "./pages/page-login.less"; }
|
||||
body.cp-page-register { @import "./pages/page-register.less"; }
|
||||
body.cp-page-what-is-cryptpad { @import "./pages/page-what-is-cryptpad.less"; }
|
||||
body.cp-page-about { @import "./pages/page-about.less"; }
|
||||
body.cp-page-privacy { @import "./pages/page-privacy.less"; }
|
||||
body.cp-page-terms { @import "./pages/page-terms.less"; }
|
||||
@ -0,0 +1,115 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
#cp-main {
|
||||
background: #fff;
|
||||
}
|
||||
.cp-about-intro {
|
||||
padding-top: 3em;
|
||||
padding-bottom: 3em;
|
||||
background-image: url(/customize/bkabout.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
.container {
|
||||
color: #fff;
|
||||
font-family: "Open Sans";
|
||||
h1 {
|
||||
font-weight: 700;
|
||||
}
|
||||
a {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
p {
|
||||
padding-top: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-container {
|
||||
.row {
|
||||
background: #fff;
|
||||
}
|
||||
.cp-bio-avatar {
|
||||
padding-right: 0;
|
||||
@media (max-width: 991px) {
|
||||
padding-right: 15px;
|
||||
}
|
||||
img {
|
||||
@media (max-width: 991px) {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-bio-avatar-right {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
@media (max-width: 991px) {
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-develop-about {
|
||||
.cp-icon-cent {
|
||||
width: 6rem;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
height: 6rem;
|
||||
box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
|
||||
margin: 0 auto;
|
||||
background-image: url(/customize/code.svg);
|
||||
background-repeat: no-repeat;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1.5em;
|
||||
background-position: 50%;
|
||||
background-size: 4rem;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
font-weight: 600;
|
||||
color: #1E1F1F;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
}
|
||||
.cp-profile-det {
|
||||
padding-left: 30px;
|
||||
h3 {
|
||||
color: #1E1F1F;
|
||||
font-weight: 700;
|
||||
}
|
||||
p {
|
||||
color: #3F4141;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
hr {
|
||||
margin-left: 0;
|
||||
width: 15rem;
|
||||
border-top: 2px solid @cryptpad_color_blue;
|
||||
}
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.cp-soc-media {
|
||||
font-size: 1.5em;
|
||||
color: @cryptpad_color_blue;
|
||||
padding-right: 1em;
|
||||
display: inline-block;
|
||||
&:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
&:visited {
|
||||
color: @cryptpad_color_blue;
|
||||
}
|
||||
}
|
||||
.cp-contrib {
|
||||
margin-top: 3em;
|
||||
.cp-icon-cent {
|
||||
background-image: url(/customize/source-branch.svg);
|
||||
background-position: 60%;
|
||||
}
|
||||
}
|
||||
.cp-margin-bot {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
|
||||
.fa {
|
||||
padding-right: 0.25em;
|
||||
}
|
||||
@ -0,0 +1,197 @@
|
||||
//@import (once) "./variables.less";
|
||||
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
|
||||
@background_lighter: rgba(0,0,0,0.1);
|
||||
@background_darker: rgba(0,0,0,0.4);
|
||||
#cp-main {
|
||||
color: #FFF;
|
||||
background: linear-gradient( @background_darker, @background_lighter ), url('/customize/bg14.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.container {
|
||||
@media only screen and (max-device-width : 576px) {
|
||||
margin-top: 6em;
|
||||
}
|
||||
}
|
||||
}
|
||||
body {
|
||||
font-family: "Open Sans", Helvetica;
|
||||
}
|
||||
.cp-right {
|
||||
.cp-register-btn {
|
||||
padding: 0.5em 1em 0.7em 1em;
|
||||
border: 2px solid #fff;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
.cp-login-btn {
|
||||
color: #fff;
|
||||
padding: 0.5em 1em 0.7em 1em;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin-top: 1.5em;
|
||||
img {
|
||||
height: 20vh;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
margin-left: 0;
|
||||
h1 {
|
||||
font-family: "Neuropolitical";
|
||||
//font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;
|
||||
//font-family: "Raleway";
|
||||
font-size: 45px;
|
||||
}
|
||||
p {
|
||||
//font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-size: 20px;
|
||||
//font-style: italic;
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
@media only screen and (max-device-width: 991px) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.navbar-brand {
|
||||
background-image: url(/customize/CryptPad-white-logo.svg);
|
||||
}
|
||||
a {
|
||||
color: #fff;
|
||||
&:visited {
|
||||
color: rgba(255,255,255,.9);
|
||||
};
|
||||
}
|
||||
.nav-link {
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
};
|
||||
}
|
||||
.cp-register-btn {
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
.navbar-toggler {
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
@callout-padding: 15px;
|
||||
a:hover {
|
||||
text-decoration: none
|
||||
}
|
||||
.bs-callout {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
margin: 25px 0;
|
||||
background:rgba(255,255,255,0.6);
|
||||
color: black;
|
||||
transition: all .1s ease-in-out;
|
||||
box-sizing: border-box;
|
||||
height: 5em;
|
||||
position: relative;
|
||||
a {
|
||||
color: black;
|
||||
&:hover { text-decoration-line: none; }
|
||||
}
|
||||
div h4 {
|
||||
@media only screen and (min-device-width: 576px) and (max-device-width: 767px) {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
margin: 0;
|
||||
}
|
||||
.cp-callout-more-moremsg,.cp-callout-more-lessmsg {
|
||||
transform: none !important;
|
||||
}
|
||||
.bs-callout div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 5em;
|
||||
}
|
||||
.bs-callout+.bs-callout {
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.bs-callout:hover {
|
||||
//color: white;
|
||||
transform: scale(1.05);
|
||||
cursor: pointer;
|
||||
}
|
||||
.bs-callout:hover .fa {
|
||||
//width: 100%;
|
||||
}
|
||||
.bs-callout:hover.cp-callout-more {
|
||||
transform: none !important;
|
||||
}
|
||||
.bs-callout .fa {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 2em;
|
||||
padding-left: 0.57em;
|
||||
width: 2em;
|
||||
transition: width 0.1s;
|
||||
color: #fff;
|
||||
}
|
||||
.cp-callout-pad .fa { background-color: @colortheme_pad-bg; }
|
||||
.cp-callout-code .fa { background-color: @colortheme_code-bg; }
|
||||
.cp-callout-slide .fa { background-color: @colortheme_slide-bg; }
|
||||
.cp-callout-poll .fa { background-color: @colortheme_poll-bg; }
|
||||
.cp-callout-whiteboard .fa { background-color: @colortheme_whiteboard-bg; }
|
||||
.cp-callout-recent .fa { background-color: @colortheme_drive-bg; }
|
||||
.cp-hidden { display: none !important; }
|
||||
.cp-callout-more {
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
align-content: center;
|
||||
height: 2em;
|
||||
border-radius: 1em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 0;
|
||||
background: none;
|
||||
width: 100%;
|
||||
div {
|
||||
.infopages_link();
|
||||
color: #fff;
|
||||
.fa {
|
||||
font-size: inherit;
|
||||
padding: 0;
|
||||
width: 1em;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 576px) and (max-width: 767px) {
|
||||
.container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
div#cp-main.cp-page-index .cp-topbar .navbar-toggler-left {
|
||||
left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,78 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
@import (once) "../include/alertify.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
.alertify_main();
|
||||
|
||||
.form-group {
|
||||
.extra {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
width: 100%;
|
||||
.login {
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-container {
|
||||
#data {
|
||||
background: #4591C4;
|
||||
padding-top: 3em;
|
||||
padding-bottom: 7em;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
p {
|
||||
color: #fff;
|
||||
}
|
||||
h2 {
|
||||
font-weight: 700;
|
||||
color: @cryptpad_header_col;
|
||||
}
|
||||
}
|
||||
#userForm {
|
||||
padding-top: 3em;
|
||||
padding-bottom: 2em;
|
||||
.form-control {
|
||||
border-radius: 0;
|
||||
color: @cryptpad_text_col;
|
||||
margin-top: 1em;
|
||||
&:focus {
|
||||
border-color: @cryptpad_color_blue;
|
||||
}
|
||||
}
|
||||
.checkbox-container {
|
||||
color: @cryptpad_text_col;
|
||||
}
|
||||
}
|
||||
.align-items-center {
|
||||
box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
|
||||
background: #fff;
|
||||
}
|
||||
.extra {
|
||||
margin-top: 1em;
|
||||
.cp-login-register {
|
||||
color: @cryptpad_color_blue;
|
||||
background: #fff;
|
||||
border: 2px solid @cryptpad_color_blue;
|
||||
border-radius: 0;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
.login {
|
||||
background: transparent;
|
||||
color: @cryptpad_color_blue;
|
||||
padding: 0;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-container {
|
||||
padding-top: 0;
|
||||
min-height: 66vh;
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
@ -0,0 +1,130 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
@import (once) "../include/alertify.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
.alertify_main();
|
||||
|
||||
.cp-container {
|
||||
.form-group {
|
||||
.checkbox-container {
|
||||
&:nth-of-type(1) {
|
||||
margin-top: 2em;
|
||||
}
|
||||
&:last-of-type {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
#register {
|
||||
margin-top: 16px;
|
||||
font-size: 1.25em;
|
||||
min-width: 30%; // conflict?
|
||||
width: 30%;
|
||||
@media (max-width: 500px) {
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
}
|
||||
padding-bottom: 3em;
|
||||
min-height: 5vh;
|
||||
}
|
||||
.alertify {
|
||||
// workaround for alertify making empty p
|
||||
p:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.cp-register-wel {
|
||||
padding-top: 6em;
|
||||
padding-bottom: 20em;
|
||||
background-image: url(/customize/bkregister.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
h1 {
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 5px rgba(0,0,0,.2);
|
||||
}
|
||||
}
|
||||
.cp-register-det {
|
||||
margin-top: -7em;
|
||||
background: #fff;
|
||||
box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
|
||||
#data {
|
||||
background: #4591C4; /* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to right, #FF7C4F, #4592C4); /* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to right, #FF7C4F, #4592C4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
padding-top: 3em;
|
||||
padding-bottom: 7em;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
p {
|
||||
color: #fff;
|
||||
li {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.fa {
|
||||
font-size: 1.5em;
|
||||
padding-right: 10px;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
font-weight: 700;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
#userForm {
|
||||
padding-top: 3em;
|
||||
padding-bottom: 2em;
|
||||
.form-control {
|
||||
border-radius: 0;
|
||||
color: @cryptpad_text_col;
|
||||
margin-top: 1em;
|
||||
&:focus {
|
||||
border-color: @cryptpad_color_blue;
|
||||
}
|
||||
}
|
||||
.checkbox-container {
|
||||
color: @cryptpad_text_col;
|
||||
}
|
||||
}
|
||||
.cp-login-register {
|
||||
color: @cryptpad_color_blue;
|
||||
background: #fff;
|
||||
border: 2px solid @cryptpad_color_blue;
|
||||
border-radius: 0;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-register-test {
|
||||
margin-top: 3em;
|
||||
hr {
|
||||
width: 15rem;
|
||||
border-top: 2px solid @cryptpad_color_blue;
|
||||
margin-top: 0;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cp-test-source {
|
||||
font-style: italic;
|
||||
}
|
||||
.test-details {
|
||||
padding-left: 4em;
|
||||
background-image: url(/customize/testimonial.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left top;
|
||||
background-size: 3em;
|
||||
color: @cryptpad_text_col;
|
||||
}
|
||||
|
||||
}
|
||||
#cp-main {
|
||||
background: #fff;
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
@ -0,0 +1,9 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
|
||||
img#zeroknowledge {
|
||||
width: 100%;
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
# CryptPad Styling
|
||||
|
||||
How it works:
|
||||
* In this example, we use the index page, for each page we will have a corresponding class name and a corresponding less file.
|
||||
* The index page has a main div containing everything `<div id="cp-main" class="cp-page-index">`
|
||||
* There is a corresponding less file called `less2/pages/page-index.less`
|
||||
* Finally there is a corresponding line in main.less which imports that less file: `div#main.cp-page-index { @import "./pages/page-index.less"; }`
|
||||
* cp-page-index class means:
|
||||
* cp -> cryptpad
|
||||
* page -> this is a style for accessing a page's less file
|
||||
* index -> the name of the page and of the less file (page-index.less)
|
||||
* And everything which is standardized across pages is included from `page-index.less` as variables and mixins.
|
||||
|
||||
Rules:
|
||||
* All of our new classes and ids should start with `cp-`.
|
||||
* You may make as many files as you need, for different purposes, but they can only contain mixins and variables.
|
||||
* All mixins and variables must be prefixed with the name of the file where they're defined and and underscore.
|
||||
* e.g. `@colortheme_toolbar-poll-bg: #006304;` defined in `colortheme.less`
|
||||
* All mixin / variable files go in an `/include/` directory.
|
||||
* Document the meaning of your variable or mixin in a comment, consider that your mixin will be used by people other than you and if they do not have a definition of what it means, an update to it's style which seems logical to you might break their usage of it.
|
||||
@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 26 25" style="enable-background:new 0 0 26 25;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#4591C4;}
|
||||
</style>
|
||||
<title>testimonial</title>
|
||||
<g id="Layer_2">
|
||||
<g id="_25_Quote_Quotation_Text_Sample">
|
||||
<path class="st0" d="M8.5,12l-4.1,0c0.5-3.5,2.9-6.5,6.2-7.7l0.2,0c1-0.4,1.6-1.5,1.2-2.6c-0.4-1-1.5-1.6-2.6-1.2l-0.2,0
|
||||
c-5.3,2-8.8,7.1-8.8,12.7l0,7.4l0,0c-0.1,2,1.4,3.8,3.5,3.9c0.1,0,0.3,0,0.4,0l4,0c2,0.1,3.7-1.5,3.8-3.6c0,0,0-0.1,0-0.1l0-5l0,0
|
||||
C12.1,13.8,10.5,12.1,8.5,12z M8.2,20.6l-3.9,0l0-4.7l3.9,0L8.2,20.6z"/>
|
||||
<path class="st0" d="M25.5,15.8c0-2.1-1.7-3.8-3.8-3.8c0,0-0.1,0-0.1,0l-3.8,0c0.5-3.5,2.9-6.5,6.2-7.7h0.2c1-0.4,1.6-1.5,1.2-2.6
|
||||
S24,0.2,22.9,0.5l-0.2,0c-5.3,2-8.8,7.1-8.8,12.7l0,7.6c0.1,2,1.7,3.6,3.7,3.7l4.1,0c2,0.1,3.8-1.4,3.9-3.5c0-0.1,0-0.3,0-0.4
|
||||
L25.5,15.8L25.5,15.8z M21.7,20.7l-3.9,0l0-4.8l3.9,0l0,4.6V20.7z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="cp">
|
||||
<!-- If this file is not called customize.dist/src/template.html, it is generated -->
|
||||
<head>
|
||||
<title data-localization="main_title">CryptPad: Zero Knowledge, Collaborative Real Time Editing</title>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
|
||||
<script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.1.15"></script>
|
||||
</head>
|
||||
<body class="html">
|
||||
<noscript>
|
||||
<p><strong>OOPS</strong> In order to do encryption in your browser, Javascript is really <strong>really</strong> required.</p>
|
||||
<p><strong>OUPS</strong> Afin de pouvoir réaliser le chiffrement dans votre navigateur, Javascript est <strong>vraiment</strong> nécessaire.</p>
|
||||
</noscript>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,42 @@
|
||||
define([
|
||||
'/customize/application_config.js',
|
||||
'/customize/messages.js',
|
||||
], function (AppConfig, Messages) {
|
||||
var common = {};
|
||||
|
||||
common.infiniteSpinnerDetected = false;
|
||||
var BAD_STATE_TIMEOUT = typeof(AppConfig.badStateTimeout) === 'number'?
|
||||
AppConfig.badStateTimeout: 30000;
|
||||
|
||||
/*
|
||||
TODO make this not blow up when disconnected or lagging...
|
||||
*/
|
||||
common.whenRealtimeSyncs = function (realtime, cb) {
|
||||
realtime.sync();
|
||||
|
||||
window.setTimeout(function () {
|
||||
if (realtime.getAuthDoc() === realtime.getUserDoc()) {
|
||||
return void cb();
|
||||
}
|
||||
|
||||
var to = setTimeout(function () {
|
||||
realtime.abort();
|
||||
// don't launch more than one popup
|
||||
if (common.infiniteSpinnerDetected) { return; }
|
||||
|
||||
// inform the user their session is in a bad state
|
||||
common.confirm(Messages.realtime_unrecoverableError, function (yes) {
|
||||
if (!yes) { return; }
|
||||
window.location.reload();
|
||||
});
|
||||
common.infiniteSpinnerDetected = true;
|
||||
}, BAD_STATE_TIMEOUT);
|
||||
realtime.onSettle(function () {
|
||||
clearTimeout(to);
|
||||
cb();
|
||||
});
|
||||
}, 0);
|
||||
};
|
||||
|
||||
return common;
|
||||
});
|
||||
@ -0,0 +1,103 @@
|
||||
@import (once) '../customize/src/less2/include/colortheme.less';
|
||||
|
||||
#fileDialog {
|
||||
display: none;
|
||||
|
||||
z-index: 100000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: @colortheme_modal-dim;
|
||||
|
||||
.cp-modal {
|
||||
background-color: @colortheme_modal-bg;
|
||||
color: @colortheme_modal-fg;
|
||||
box-shadow: @colortheme_modal-shadow;
|
||||
|
||||
padding: @colortheme_modal-padding;
|
||||
|
||||
position: absolute;
|
||||
top: 15vh; bottom: 15vh;
|
||||
left: 10vw; right: 10vw;
|
||||
|
||||
overflow: auto;
|
||||
|
||||
font-family: @colortheme_font;
|
||||
text-align: center;
|
||||
|
||||
& > p {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.cp-form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: @colortheme_modal-input;
|
||||
color: @colortheme_modal-fg;
|
||||
border: 0;
|
||||
padding: 8px 12px;
|
||||
margin: 1em;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.close {
|
||||
text-shadow: none;
|
||||
color: inherit;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: @colortheme_modal-padding;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fileContainer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.element {
|
||||
@darker: darken(@colortheme_modal-fg, 30%);
|
||||
|
||||
width: 200px;
|
||||
min-width: 200px;
|
||||
height: 1em;
|
||||
padding: 0.5em;
|
||||
margin: 5px;
|
||||
box-sizing: content-box;
|
||||
|
||||
text-align: left;
|
||||
line-height: 1em;
|
||||
cursor: pointer;
|
||||
|
||||
background-color: #111;
|
||||
color: @darker;
|
||||
|
||||
transition: all 0.1s;
|
||||
|
||||
&:hover {
|
||||
color: @colortheme_modal-fg;
|
||||
}
|
||||
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
align-items: center;
|
||||
|
||||
.fa {
|
||||
cursor: pointer;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
.markdown_preformatted-code (@color: #333) {
|
||||
pre > code {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 1px solid @color;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
padding-left: .25vw;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.markdown_gfm-table (@color: black) {
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
tr {
|
||||
th {
|
||||
border: 3px solid @color;
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// todo ul, ol
|
||||
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,3 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en"><head><title>Rich Text Editor, editor1</title><style data-cke-temp="1">html{cursor:text;*cursor:auto}
|
||||
img,input,textarea{cursor:default}</style><link type="text/css" rel="stylesheet" href="/customize/ckeditor-contents.css"><link type="text/css" rel="stylesheet" href="/bower_components/ckeditor/plugins/tableselection/styles/tableselection.css"></head><body><p><br></p></body></html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue