mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-07 18:52:08 +02:00
643418342d
button + Datei aussuchen... + Link to Filesystem app.less pixelegg.less
266 lines
5.4 KiB
Plaintext
266 lines
5.4 KiB
Plaintext
/**
|
|
* 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$
|
|
*/
|
|
|
|
@import (reference) "def_buttons.less";
|
|
@import (reference) "def_design_pattern_color_font_shadow.less";
|
|
@import (reference) "layout_messages.less";
|
|
|
|
|
|
/* ##################################################################################
|
|
* login page
|
|
*
|
|
* ##################################################################################
|
|
*
|
|
*
|
|
*/
|
|
|
|
|
|
|
|
|
|
#loginMainDiv {
|
|
padding: 0px;
|
|
min-height: 720px;
|
|
height: 100%;
|
|
width: auto;
|
|
border-bottom: 0px solid #7E7E7E;
|
|
margin: 0 -2%;
|
|
background-color: @egw_color_2_e;
|
|
|
|
// Logo Leiste
|
|
#divAppIconBar{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
background: transparent;
|
|
|
|
|
|
#divLogo {
|
|
margin-left:-2%;
|
|
margin-right:-2%;
|
|
margin-bottom: 2em;
|
|
position: relative;
|
|
top: 1px;
|
|
background-color: @egw_color_2_e;
|
|
|
|
img {width: 70%;margin-left: 15%; }
|
|
img[src$="svg"]{
|
|
.gradient_vertical (@egw_color_2_e, @egw_color_2_e);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Anmeldefenster / Box mit Mesaage + Form
|
|
div#centerBox{
|
|
margin: 0% auto;
|
|
width: 444px;
|
|
background-color: @gray_0;
|
|
z-index: 100;
|
|
.border_radius (5px, 5px, 5px, 25px);
|
|
|
|
/*.bordered (@egw_color_1_a, @egw_color_1_a, @egw_color_2_e, @egw_color_2_e );*/
|
|
border-width: 14px;
|
|
|
|
|
|
|
|
// Meldung
|
|
#loginScreenMessage{
|
|
margin: 1em;
|
|
|
|
}
|
|
|
|
|
|
// Message
|
|
#loginCdMessage{
|
|
margin: 1em;
|
|
.border_radius_button_lefttop;
|
|
color: red;
|
|
text-align: center;
|
|
padding-top: 1em;
|
|
|
|
|
|
// Text der Meldung
|
|
span {
|
|
padding: 0.5em;
|
|
font-size: 1.2em;
|
|
// .background-color-hint;
|
|
color: @color_hint;
|
|
text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// Formular
|
|
form{
|
|
margin: 1em;
|
|
|
|
|
|
table.divLoginbox {
|
|
|
|
// background-color: red;
|
|
.box_shadow_standard_light;
|
|
.border_radius_button_lefttop;
|
|
|
|
|
|
tr.divLoginboxHeader{}
|
|
|
|
td { padding: 0.5em;}
|
|
|
|
select {
|
|
.Complete_Button_select;
|
|
}
|
|
|
|
select:hover {
|
|
.Complete_Button_select_hover;
|
|
}
|
|
|
|
input {
|
|
.Complete_Button_input;
|
|
}
|
|
input:hover{
|
|
.Complete_Button_input_hover;
|
|
}
|
|
|
|
input:focus{
|
|
.Complete_Button_input_focus;
|
|
}
|
|
|
|
input[type="submit"] {
|
|
.background_color_egw_normal; // Orange
|
|
// Hintergrund in EGW Farbe
|
|
.color_100_gray;
|
|
|
|
|
|
}
|
|
|
|
input[type="submit"]:focus {
|
|
.Complete_Button_input_focus;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
} // Formular
|
|
|
|
} //center box
|
|
|
|
} // #loginMainDiv
|
|
|
|
// Ende Login / Start #################################################
|
|
|
|
|
|
|
|
#wrap{
|
|
/* float: left;
|
|
z-index: -1;
|
|
margin: 0 auto;
|
|
background-color:transparent;
|
|
width: 100%;*/
|
|
|
|
div.animation_login{
|
|
margin: 0.3em;
|
|
position: fixed;
|
|
width: 100%;
|
|
bottom: 0;
|
|
}
|
|
|
|
img[src$="svg"],
|
|
background-image[url$="svg"]{
|
|
.gradient_vertical (@egw_color_2_e, @egw_color_2_e);
|
|
}
|
|
|
|
}
|
|
|
|
#img1, #img2, #img3, #img4 , #img5 , #img6 , #img7 , #img8 {
|
|
width:12%;
|
|
/*height:100%;*/
|
|
/*position:fixed;*/
|
|
/*top: 10em;*/
|
|
z-index:-1;
|
|
|
|
animation-name: test;
|
|
animation-duration: 8s;
|
|
animation-iteration-count: infinite;
|
|
|
|
-webkit-animation-name: test;
|
|
-webkit-animation-duration: 8s;
|
|
-webkit-animation-iteration-count: infinite;
|
|
|
|
opacity:0;
|
|
}
|
|
#img1 {
|
|
animation-delay:0s;
|
|
-webkit-animation-delay:0s
|
|
}
|
|
|
|
#img2 {
|
|
animation-delay:3s;
|
|
-webkit-animation-delay:3s
|
|
}
|
|
#img3 {
|
|
animation-delay:6s;
|
|
-webkit-animation-delay:6s
|
|
}
|
|
#img4 {
|
|
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
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes test {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes test {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
// |