2013-11-11 19:45:33 +01:00
|
|
|
/**
|
|
|
|
* EGroupware: Stylite Pixelegg template
|
|
|
|
*
|
|
|
|
* Definitions for login page
|
|
|
|
*
|
|
|
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
|
|
|
*
|
|
|
|
* @link http://www.egroupware.org
|
|
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
|
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
|
|
|
* @package pixelegg
|
|
|
|
* @version $Id$
|
|
|
|
*/
|
|
|
|
|
2014-07-16 13:24:38 +02:00
|
|
|
@import (reference) "definitions.less";
|
2014-07-24 10:27:05 +02:00
|
|
|
|
2016-01-28 19:17:40 +01:00
|
|
|
@import "def_colors.less";
|
2014-07-16 13:24:38 +02:00
|
|
|
//##############################################################################################################
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2014-07-24 16:47:25 +02:00
|
|
|
#socialMedia {
|
|
|
|
position: relative;
|
2014-07-25 09:55:17 +02:00
|
|
|
bottom: 20px;
|
|
|
|
float: right;
|
|
|
|
right: -10px;
|
2014-07-24 16:47:25 +02:00
|
|
|
}
|
|
|
|
#socialMedia a {
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
|
|
|
/* ##################################################################################
|
|
|
|
* login page
|
|
|
|
*/
|
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
#loginMainDiv {
|
2014-10-27 15:54:39 +01:00
|
|
|
padding: 0;
|
2013-12-12 21:27:20 +01:00
|
|
|
height: 100%;
|
2014-10-27 15:54:39 +01:00
|
|
|
width: 100%;
|
2016-02-01 16:08:13 +01:00
|
|
|
border: none;
|
2014-10-27 15:54:39 +01:00
|
|
|
margin: 0;
|
2016-02-01 16:08:13 +01:00
|
|
|
background-color: white;
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
// Logo Leiste
|
|
|
|
#divAppIconBar{
|
|
|
|
margin-left:auto;
|
|
|
|
margin-right:auto;
|
|
|
|
background: transparent;
|
2014-06-24 18:07:58 +02:00
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
2013-11-11 19:45:33 +01:00
|
|
|
|
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
#divLogo {
|
|
|
|
position: relative;
|
|
|
|
top: 1px;
|
2014-03-17 15:10:27 +01:00
|
|
|
|
2014-06-23 16:14:05 +02:00
|
|
|
img {
|
2016-02-01 16:08:13 +01:00
|
|
|
margin: 0 auto;
|
2014-06-23 16:14:05 +02:00
|
|
|
max-width: 400px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2014-01-11 19:51:59 +01:00
|
|
|
img[src$="svg"]{
|
2014-07-25 15:35:57 +02:00
|
|
|
width: 70%;
|
|
|
|
max-width: 2560px;
|
2016-02-01 16:08:13 +01:00
|
|
|
}
|
2013-12-12 21:27:20 +01:00
|
|
|
}
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
// Anmeldefenster / Box mit Mesaage + Form
|
|
|
|
div#centerBox{
|
2014-04-01 11:14:34 +02:00
|
|
|
margin: 0% auto;
|
2014-07-24 10:27:05 +02:00
|
|
|
width: 57em;
|
2016-02-01 16:08:13 +01:00
|
|
|
background-color: @gray_20;
|
|
|
|
border: none;
|
2013-12-12 21:27:20 +01:00
|
|
|
z-index: 100;
|
2014-07-24 10:27:05 +02:00
|
|
|
padding: 25px 10px 10px;
|
|
|
|
.border_radius (5px, 5px, 5px, 50px);
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
// Meldung
|
|
|
|
#loginScreenMessage{
|
|
|
|
margin: 1em;
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
// Message
|
|
|
|
#loginCdMessage{
|
2015-07-01 14:44:34 +02:00
|
|
|
margin: 1em;
|
|
|
|
.border_radius_button_lefttop;
|
|
|
|
color: red;
|
|
|
|
text-align: center;
|
|
|
|
padding: 1em;
|
|
|
|
white-space: pre-wrap;
|
2013-12-12 21:27:20 +01:00
|
|
|
}
|
2015-07-01 14:44:34 +02:00
|
|
|
#loginCdMessage.error {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
// Formular
|
|
|
|
form{
|
|
|
|
margin: 1em;
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2014-07-24 10:27:05 +02:00
|
|
|
// Table
|
2013-12-12 21:27:20 +01:00
|
|
|
table.divLoginbox {
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2014-07-24 10:27:05 +02:00
|
|
|
background-color: transparent;
|
2013-12-12 21:27:20 +01:00
|
|
|
.border_radius_button_lefttop;
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
tr.divLoginboxHeader{}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2014-07-25 15:35:57 +02:00
|
|
|
// Passwort Image
|
|
|
|
div.LoginPasswordImage{
|
|
|
|
.gradient_vertical (@egw_color_1_a, @egw_color_2_d);
|
2014-10-27 15:54:39 +01:00
|
|
|
|
2014-07-25 15:35:57 +02:00
|
|
|
img.passwordImage {
|
|
|
|
/*width: 70%;*/
|
|
|
|
/*margin-left: 15%;*/
|
|
|
|
margin: 0 auto;
|
|
|
|
max-width: 400px;
|
|
|
|
.bordered(5px);
|
|
|
|
}
|
|
|
|
|
|
|
|
img.passwordImage[src$="svg"]{
|
|
|
|
.bordered(5px);
|
|
|
|
|
|
|
|
.dimension_width_height_xl;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-07-24 10:27:05 +02:00
|
|
|
td { padding: 0.5em; font-weight: bold; color: @egw_color_1_a}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
select {
|
|
|
|
.Complete_Button_select;
|
2014-07-24 10:27:05 +02:00
|
|
|
margin: 5px 0em 5px 0px;
|
2013-12-12 21:27:20 +01:00
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
select:hover {
|
|
|
|
.Complete_Button_select_hover;
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
input {
|
|
|
|
.Complete_Button_input;
|
2014-07-24 10:27:05 +02:00
|
|
|
width: 250px;
|
2013-12-12 21:27:20 +01:00
|
|
|
}
|
|
|
|
input:hover{
|
|
|
|
.Complete_Button_input_hover;
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
input:focus{
|
|
|
|
.Complete_Button_input_focus;
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
input[type="submit"] {
|
2013-12-30 18:32:42 +01:00
|
|
|
.background_color_egw_normal; // Orange
|
2013-12-12 21:27:20 +01:00
|
|
|
// Hintergrund in EGW Farbe
|
2013-12-30 18:32:42 +01:00
|
|
|
.color_100_gray;
|
2014-07-24 10:27:05 +02:00
|
|
|
.fontsize_xxl;
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2014-07-24 10:27:05 +02:00
|
|
|
&:hover{.Complete_Button_select_hover; background-color: @color_positive_action !important;}
|
|
|
|
&:focus {.Complete_Button_input_focus;}
|
2013-12-12 21:27:20 +01:00
|
|
|
}
|
|
|
|
}
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
} // Formular
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
} //center box
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
} // #loginMainDiv
|
2013-11-11 19:45:33 +01:00
|
|
|
|
2013-12-12 21:27:20 +01:00
|
|
|
// Ende Login / Start #################################################
|
2013-11-11 19:45:33 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
2014-01-18 09:11:23 +01:00
|
|
|
#wrap{
|
|
|
|
/* float: left;
|
|
|
|
z-index: -1;
|
|
|
|
margin: 0 auto;
|
|
|
|
background-color:transparent;
|
|
|
|
width: 100%;*/
|
|
|
|
|
2014-03-17 15:10:27 +01:00
|
|
|
div.animation_login{
|
2014-01-18 09:11:23 +01:00
|
|
|
margin: 0.3em;
|
|
|
|
position: fixed;
|
|
|
|
width: 100%;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
2014-03-17 15:10:27 +01:00
|
|
|
|
2014-01-18 09:11:23 +01:00
|
|
|
img[src$="svg"],
|
|
|
|
background-image[url$="svg"]{
|
|
|
|
.gradient_vertical (@egw_color_2_e, @egw_color_2_e);
|
2014-03-17 15:10:27 +01:00
|
|
|
}
|
2014-01-18 09:11:23 +01:00
|
|
|
|
|
|
|
}
|
2014-03-17 15:10:27 +01:00
|
|
|
|
2014-01-18 09:11:23 +01:00
|
|
|
#img1, #img2, #img3, #img4 , #img5 , #img6 , #img7 , #img8 {
|
|
|
|
width:12%;
|
|
|
|
/*height:100%;*/
|
|
|
|
/*position:fixed;*/
|
|
|
|
/*top: 10em;*/
|
2014-01-11 19:51:59 +01:00
|
|
|
z-index:-1;
|
2014-03-17 15:10:27 +01:00
|
|
|
|
2014-01-11 19:51:59 +01:00
|
|
|
animation-name: test;
|
2014-01-14 09:20:19 +01:00
|
|
|
animation-duration: 8s;
|
|
|
|
animation-iteration-count: infinite;
|
2014-03-17 15:10:27 +01:00
|
|
|
|
2014-01-14 09:20:19 +01:00
|
|
|
-webkit-animation-name: test;
|
|
|
|
-webkit-animation-duration: 8s;
|
|
|
|
-webkit-animation-iteration-count: infinite;
|
2014-03-17 15:10:27 +01:00
|
|
|
|
2014-01-11 19:51:59 +01:00
|
|
|
opacity:0;
|
|
|
|
}
|
2014-01-14 09:20:19 +01:00
|
|
|
#img1 {
|
|
|
|
animation-delay:0s;
|
|
|
|
-webkit-animation-delay:0s
|
2014-03-17 15:10:27 +01:00
|
|
|
}
|
|
|
|
|
2014-01-11 19:51:59 +01:00
|
|
|
#img2 {
|
2014-01-18 09:11:23 +01:00
|
|
|
animation-delay:3s;
|
|
|
|
-webkit-animation-delay:3s
|
2014-01-11 19:51:59 +01:00
|
|
|
}
|
|
|
|
#img3 {
|
2014-01-18 09:11:23 +01:00
|
|
|
animation-delay:6s;
|
|
|
|
-webkit-animation-delay:6s
|
2014-01-11 19:51:59 +01:00
|
|
|
}
|
|
|
|
#img4 {
|
2014-01-18 09:11:23 +01:00
|
|
|
animation-delay:9s;
|
|
|
|
-webkit-animation-delay:9s
|
|
|
|
}
|
|
|
|
#img5 {
|
|
|
|
animation-delay:12s;
|
|
|
|
-webkit-animation-delay:12s
|
|
|
|
}
|
|
|
|
#img6 {
|
|
|
|
animation-delay:15s;
|
|
|
|
-webkit-animation-delay:15s
|
|
|
|
}
|
|
|
|
#img7 {
|
|
|
|
animation-delay:18s;
|
|
|
|
-webkit-animation-delay:18s
|
|
|
|
}
|
|
|
|
#img8 {
|
|
|
|
animation-delay:21s;
|
|
|
|
-webkit-animation-delay:21s
|
2014-01-11 19:51:59 +01:00
|
|
|
}
|
2014-01-14 09:20:19 +01:00
|
|
|
|
2014-03-17 15:10:27 +01:00
|
|
|
|
|
|
|
|
2014-01-11 19:51:59 +01:00
|
|
|
@-webkit-keyframes test {
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
100% {
|
2014-01-14 09:20:19 +01:00
|
|
|
opacity: 0;
|
2014-01-11 19:51:59 +01:00
|
|
|
}
|
|
|
|
}
|
2014-03-17 15:10:27 +01:00
|
|
|
|
2014-01-11 19:51:59 +01:00
|
|
|
@keyframes test {
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
100% {
|
2014-01-14 09:20:19 +01:00
|
|
|
opacity: 0;
|
2014-01-11 19:51:59 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2013-12-30 18:32:42 +01:00
|
|
|
//
|