egroupware_official/pixelegg/less/layout_content_elements.less

236 lines
3.6 KiB
Plaintext
Raw Normal View History

2013-11-14 20:11:29 +01:00
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for content-elements
*
* 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 Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "definitions.less";
2013-11-14 20:11:29 +01:00
2014-01-08 19:49:09 +01:00
2013-11-14 20:11:29 +01:00
/* #######################################################################################
*
*
* Inhaltselemente
*
*
* ########################################################################################
*/
2013-11-14 20:11:29 +01:00
body,
2013-11-18 20:27:56 +01:00
textarea {
2013-11-22 06:27:29 +01:00
.basefontfamily;
2013-11-18 20:27:56 +01:00
}
2013-11-14 20:11:29 +01:00
#egw_fw_basecontainer {
2013-11-22 06:27:29 +01:00
position: fixed;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
2013-11-14 20:11:29 +01:00
2013-11-22 06:27:29 +01:00
.basefontfamily;
2013-11-14 20:11:29 +01:00
2013-12-30 18:32:42 +01:00
.background_color_5_gray ;
2013-11-14 20:11:29 +01:00
}
//##########################
input {
2014-01-14 17:05:31 +01:00
/* .Complete_Button_input;
.basefontfamily;
2013-11-22 06:27:29 +01:00
&:hover{.Complete_Button_input_hover;}
2014-01-14 17:05:31 +01:00
&:focus{.Complete_Button_input_focus;}*/
2013-11-14 20:11:29 +01:00
}
select {
padding:3px;
margin: 0;
.rounded (3px);
2013-11-14 20:11:29 +01:00
2013-11-22 06:27:29 +01:00
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
&.after{}
2013-11-14 20:11:29 +01:00
}
2013-12-30 18:32:42 +01:00
:hover {.transition (0.2s, ease-out);}
2013-11-14 20:11:29 +01:00
// #############################
// Schriftformate
2014-01-08 19:49:09 +01:00
p { font-size: 1em;}
2013-11-14 20:11:29 +01:00
li {}
2013-12-16 10:37:26 +01:00
// Headlines h1 usw in layout_headlines.less
2013-11-14 20:11:29 +01:00
// select
2013-11-14 20:11:29 +01:00
div.selectbox-wrapper {
2013-11-22 06:27:29 +01:00
ul {
list-style-type:none;
margin:0px;
padding:0px;
li.selected {
background-color: #EAF2FB;
}
li.current {
background-color: #CDD8E4;
}
li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
}
2013-11-14 20:11:29 +01:00
}
2013-11-22 06:27:29 +01:00
select {
position:relative;
2013-11-14 20:11:29 +01:00
}
select,input,button
{
2013-12-30 18:32:42 +01:00
.color_100_gray;
2014-01-23 09:44:38 +01:00
/*font-size:99%;*/
padding: 2px 0px;
2013-11-22 06:27:29 +01:00
border-width: 1px;
border-style: solid;
border-color: @gray_10;
2013-11-14 20:11:29 +01:00
}
// Links
a:link, a:visited, select, input, textarea {
color : @link_color;
}
2013-11-14 20:11:29 +01:00
a:link,a:visited
{
2013-11-22 06:27:29 +01:00
cursor:pointer;
2013-12-30 18:32:42 +01:00
color: @link_color;
2013-11-22 06:27:29 +01:00
text-decoration: none;
2013-11-14 20:11:29 +01:00
}
a:hover,a:active
{
2013-11-22 06:27:29 +01:00
cursor:pointer;
2013-12-30 18:32:42 +01:00
color:@link_color_active;
2013-11-22 06:27:29 +01:00
text-decoration: underline;
2013-11-14 20:11:29 +01:00
}
2013-12-16 10:37:26 +01:00
2013-11-14 20:11:29 +01:00
.divLoginboxHeader,
.divSideboxHeader,
a.appTitles,
.appTitles,
a.textSidebox,
.textSidebox,#fmStatusBar
{
2013-11-22 06:27:29 +01:00
font-size:90%;
2013-11-14 20:11:29 +01:00
}
.prefSection
{
2013-11-22 06:27:29 +01:00
font-weight:bold;
font-size:145%;
line-height:40px;
2013-11-14 20:11:29 +01:00
}
#divAppboxHeader
{
2013-11-22 06:27:29 +01:00
line-height:28px;
font-size:125%;
font-weight:bold;
color:#666666;
2013-11-14 20:11:29 +01:00
}
#divGenTime,#divPoweredBy
{
2013-11-22 06:27:29 +01:00
font-size: 80%;
color: #ff0000;
2013-11-14 20:11:29 +01:00
}
#divPoweredBy
{
2013-11-22 06:27:29 +01:00
color: #000000;
2013-11-14 20:11:29 +01:00
}
#sideboxdragarea {
2013-11-22 06:27:29 +01:00
z-index:100;
position:absolute;
left:0px;
top:105px;
2013-11-14 20:11:29 +01:00
}
#menu2handle {
2013-11-22 06:27:29 +01:00
padding-top: 10px;
2013-11-14 20:11:29 +01:00
}
#menu1close {
2013-11-22 06:27:29 +01:00
position: absolute;
right: 7px;
top: 7px;
2013-11-14 20:11:29 +01:00
}
2013-12-19 04:14:06 +01:00
hr.clearer {
2013-12-19 04:14:06 +01:00
clear: both;
height: 20px;
width: 100%;
background-color: @egw_color_1_a;
.rounded (3px);
2013-12-30 18:32:42 +01:00
border: 1px solid @gray_100;
2013-12-19 04:14:06 +01:00
}
2014-01-17 12:53:23 +01:00
2014-02-03 11:05:36 +01:00
/**
* table_passord_change
*/
table.table_passord_change{
margin: 1em;
tr {height: 50px;}
td:first-child{ padding-right: 4em;}
2014-02-03 11:05:36 +01:00
}
2014-02-11 09:24:40 +01:00
2014-02-14 16:32:25 +01:00
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
padding-right: 20px !important;
-webkit-appearance:none;
margin:0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 16px auto;
2014-02-14 16:32:25 +01:00
}
}
2014-02-03 11:05:36 +01:00
//