503 lines
10 KiB
PHP
503 lines
10 KiB
PHP
<?php
|
|
/*
|
|
* Jyraphe, your web file repository
|
|
* Copyright (C) 2013
|
|
* Jerome Jutteau <jerome@jutteau.fr>
|
|
* Jimmy Beauvois <jimmy.beauvois@gmail.com>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
/*
|
|
* This stylesheet is the default stylesheet for Jyraphe.
|
|
* The content is dynamically generated for easier handling.
|
|
*/
|
|
|
|
header('Content-type: text/css');
|
|
|
|
?>
|
|
|
|
/* ==========================================================================
|
|
Summary
|
|
0 = CSS variables
|
|
1 = Basic Style
|
|
2 = Copyright
|
|
3 = Options
|
|
4 = Upload
|
|
5 = Terms of service
|
|
6 = Install
|
|
7 = Admin
|
|
8 = Download page
|
|
|
|
========================================================================== */
|
|
|
|
|
|
/* ==========================================================================
|
|
0 = CSS variables
|
|
========================================================================== */
|
|
|
|
:root{
|
|
--color-hangar: rgb(0,0,255);
|
|
--color-body: rgb(20,20,20);
|
|
--color-secondary: rgb(90,90,90) ;
|
|
--color-background: rgb(250,250,250);
|
|
--color-body-invert: rgb(200,200,200);
|
|
--color-background-invert: rgb(10,10,10);
|
|
--color-black: rgb(0,0,0);
|
|
--color-white: rgb(255,255,255);
|
|
--color-grey-dark: rgb(110,110,110);
|
|
--color-grey-light: rgb(230,230,230);
|
|
--color-error: rgb(230,50,50);
|
|
--global-padding: 1rem;
|
|
--global-margin: 1rem;
|
|
--global-border: 0.05rem solid var(--color-grey-light);
|
|
--global-radius: 1rem;
|
|
--font-hangar: Helvetica-Rounded, arial rounded, helvetica, arial, sans-serif;
|
|
--logo-hangar: url('https://grafica.hangar.org/assets/img/hangar-logo.svg');
|
|
}
|
|
|
|
|
|
|
|
/* ==========================================================================
|
|
1 = Basic Style
|
|
========================================================================== */
|
|
|
|
body {
|
|
background: var(--color-background);
|
|
font-family: var(--font-hangar);
|
|
margin: 0;
|
|
line-height: 1.5;
|
|
color: var(--color-body);
|
|
}
|
|
|
|
#content {
|
|
padding: 2em;
|
|
}
|
|
|
|
h1 a {
|
|
display: block;
|
|
background-image: var(--logo-hangar);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position:center;
|
|
text-indent: -9999px;
|
|
width: 194px;
|
|
height: 185px;
|
|
margin: 1em auto;
|
|
position: relative;
|
|
left: 0.4em;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
color: --color-secondary;
|
|
}
|
|
|
|
fieldset {
|
|
border: 0;
|
|
padding: 1.5em;
|
|
margin: 0 auto;
|
|
border-radius: var(--global-radius);
|
|
width: 20em;
|
|
border: var(--global-border);
|
|
min-height: 15em;
|
|
min-width: 30em;
|
|
position: relative;
|
|
}
|
|
|
|
legend {
|
|
padding: 0.5em 1em;
|
|
background: var(--color-background);
|
|
color: var(--color-hangar);
|
|
font-size: 1.2em;
|
|
display: block;
|
|
min-width: 8em;
|
|
text-align: center;
|
|
}
|
|
|
|
table a {
|
|
color: var(--color-body);
|
|
}
|
|
|
|
table a:hover,
|
|
table a:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
input[type="submit"] {
|
|
background: var(--color-hangar);
|
|
border: 0;
|
|
border-radius: var(--global-radius);
|
|
padding: 0.4em 2.2em;
|
|
font-size: 1.1em;
|
|
color: var(--color-white);
|
|
border-bottom: var(--global-border);
|
|
cursor: pointer;
|
|
margin: 10px;
|
|
}
|
|
|
|
select,
|
|
input[type="text"],
|
|
input[type="password"] {
|
|
border: 1;
|
|
padding: 5px 5px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
select { width: 100%; }
|
|
|
|
input[type="submit"]:hover,
|
|
input[type="submit"]:focus {
|
|
border: 0;
|
|
position: relative;
|
|
background: var(--color-hangar-light);
|
|
border-bottom: var(--global-border);
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.inner {
|
|
margin-top: 3em;
|
|
}
|
|
|
|
#upload fieldset {
|
|
background: url(upload.svg) no-repeat center;
|
|
-webkit-transition: all 0.5s ease;
|
|
-moz-transition: all 0.5s ease;
|
|
-ms-transition: all 0.5s ease;
|
|
-o-transition: all 0.5s ease;
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
#upload fieldset:hover {
|
|
border-color: var(--color-hangar);
|
|
}
|
|
|
|
#upload > form {
|
|
text-align: center;
|
|
}
|
|
|
|
#upload p {
|
|
margin: 0;
|
|
}
|
|
|
|
#file_select {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 16em;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|
|
#upload.file-selected #file_select {
|
|
opacity: 1;
|
|
height: 2em;
|
|
}
|
|
#upload.file-selected fieldset {
|
|
background-image: none;
|
|
}
|
|
|
|
|
|
/* ==========================================================================
|
|
2 = Copyright
|
|
========================================================================== */
|
|
|
|
#copyright {
|
|
text-align: center;
|
|
font-size: 0.8em;
|
|
color: var(--color-hangar);
|
|
margin: 3em auto;
|
|
}
|
|
|
|
#copyright a {
|
|
color: var(--color-hangar);
|
|
text-decoration: none;
|
|
}
|
|
|
|
#copyright a:hover,
|
|
#copyright a:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
3 = Options
|
|
========================================================================== */
|
|
|
|
#options {
|
|
position: relative;
|
|
z-index: 10;
|
|
width: 100%;
|
|
height: 90%;
|
|
}
|
|
|
|
#options tr { height: 2.7em; }
|
|
|
|
#option_table tr:first-child {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#option_table td:first-child {
|
|
}
|
|
|
|
#options input[type="submit"] {
|
|
position: relative;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
4 = Upload
|
|
========================================================================== */
|
|
|
|
#upload_finished,
|
|
#uploading,
|
|
.message,
|
|
.info,
|
|
.error {
|
|
text-align: center;
|
|
color: var(--color-hangar);
|
|
padding-left: 3em;
|
|
}
|
|
|
|
#upload_finished > p:nth-child(1) {
|
|
color: var(--color-seondary);
|
|
font-weight: bold;
|
|
}
|
|
|
|
#upload_finished div p:nth-child(1) {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#upload_finished a {
|
|
text-decoration: none;
|
|
color: var(--color-hangar);
|
|
}
|
|
|
|
#uploading a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: var(--color-hangar);
|
|
}
|
|
|
|
#uploaded_percentage {
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#upload_finished a:hover,
|
|
#uploading a:hover,
|
|
#upload_finished a:focus,
|
|
#uploading a:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.message,
|
|
.error {
|
|
color: var(--color-error);
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#upload_link_email {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#upload_image_email {
|
|
padding-left: 20px;
|
|
padding-bottom: 15px;
|
|
background: url('email.png') no-repeat;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
5 = Terms of service
|
|
========================================================================== */
|
|
|
|
textarea[readonly="readonly"] {
|
|
border: 0;
|
|
color: var(--color-hangar);
|
|
font-family: Arial, sans-serif;
|
|
background: none;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
|
|
textarea[readonly="readonly"] + p,
|
|
textarea[readonly="readonly"] + p + p {
|
|
text-align: center;
|
|
color: var(--color-hangar);
|
|
}
|
|
|
|
textarea[readonly="readonly"] + p a,
|
|
textarea[readonly="readonly"] + p + p a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: var(--color-hangar);
|
|
}
|
|
|
|
textarea[readonly="readonly"] + p a:hover,
|
|
textarea[readonly="readonly"] + p + p a:hover,
|
|
textarea[readonly="readonly"] + p a:focus,
|
|
textarea[readonly="readonly"] + p + p a:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
6 = Install
|
|
========================================================================== */
|
|
|
|
#install fieldset,
|
|
#install + fieldset {
|
|
width: auto;
|
|
max-width: 50em;
|
|
border: var(--global-border);
|
|
}
|
|
|
|
#install table,
|
|
#install + fieldset table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#install td,
|
|
#install + fieldset td {
|
|
padding: 0.5em 1em;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
#install td:empty {
|
|
width: 13.1em;
|
|
}
|
|
|
|
#install table form:nth-child(odd),
|
|
#install + fieldset tr:nth-child(odd) {
|
|
background: var(--color-grey-light);
|
|
}
|
|
|
|
#install fieldset > form {
|
|
margin-top: 2em;
|
|
text-align: center;
|
|
}
|
|
|
|
#install form {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
#install td:last-child { text-align: left; }
|
|
|
|
#install .info { width: 19em; }
|
|
|
|
#install input[type="submit"] {
|
|
min-width: 10.5em;
|
|
}
|
|
|
|
#install + fieldset table {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#install + fieldset td:first-child input[type="submit"] {
|
|
background: none;
|
|
padding: 0;
|
|
color: var(--color-body);
|
|
font-weight: bold;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
#install + fieldset td:first-child input[type="submit"]:hover,
|
|
#install + fieldset td:first-child input[type="submit"]:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
7 = Admin
|
|
========================================================================== */
|
|
|
|
#admin fieldset,
|
|
#admin + fieldset {
|
|
width: auto;
|
|
max-width: 60em;
|
|
border: var(--global-border);
|
|
}
|
|
|
|
#admin table,
|
|
#admin + fieldset table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-bottom: var(--global-border);
|
|
}
|
|
|
|
#admin td,
|
|
#admin + fieldset td {
|
|
padding: 0.5em 1em;
|
|
border: var(--global-border);
|
|
border-bottom: 0;
|
|
}
|
|
|
|
#admin td:empty {
|
|
width: 13.1em;
|
|
}
|
|
|
|
#admin table form:nth-child(odd),
|
|
#admin + fieldset tr:nth-child(odd) {
|
|
background: var(--color-grey-light);
|
|
}
|
|
|
|
#admin fieldset > form {
|
|
margin-top: 2em;
|
|
text-align: center;
|
|
}
|
|
|
|
#admin form {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
#admin td:last-child { text-align: left; }
|
|
|
|
#admin .info { width: 19em; }
|
|
|
|
#admin input[type="submit"] {
|
|
min-width: 10.5em;
|
|
}
|
|
|
|
#admin + fieldset table {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#admin + fieldset td:first-child input[type="submit"] {
|
|
background: none;
|
|
padding: 0;
|
|
color: var(--color-body);
|
|
font-weight: bold;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
#admin + fieldset td:first-child input[type="submit"]:hover,
|
|
#admin + fieldset td:first-child input[type="submit"]:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
8 = Download page
|
|
========================================================================== */
|
|
|
|
#self_destruct {
|
|
font-weight: bold;
|
|
color: red;
|
|
background-image: url('pixel_bomb.png');
|
|
background-size: 40px 40px;
|
|
background-repeat: no-repeat;
|
|
padding-left: 40px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|