egroupware/pixelegg/less/layout_sbHolder.less

141 lines
3.0 KiB
Plaintext

/**
* EGroupware: Stylite Pixelegg template
*
* lettersearch
*
* 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: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/
@import (reference) "definitions.less";
//##############################################################################################################
.sbHolder{
.Complete_Button_select;
// background-color: #2d2d2d;
// border: solid 1px #515151;
// font-family: Arial, sans-serif;
.basefontfamily;
font-size: 1.2em;
font-weight: normal;
height: 30px;
position: relative;
width: 10em;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
.sbHolder:focus .sbSelector{}
.sbSelector{
display: block;
height: 30px;
left: 0;
line-height: 30px;
outline: none;
overflow: hidden;
position: absolute;
text-indent: 10px;
top: 0;
width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
// color: #EBB52D;
.color_50_gray;
outline: none;
text-decoration: none;
}
.sbToggle{
background: url(../img/select-icons.png) 0 -116px no-repeat;
display: block;
height: 30px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.sbToggle:hover{
background: url(../../api/templates/default/images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
background: url(../../api/templates/default/images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
background: url(../../api/templates/default/images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
background-color: #3C3C3C;
border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
}
.sbHolderDisabled .sbToggle{
}
// Ausklappliste
.sbOptions{
// background-color: #212121;
.background_color_0_gray;
border: solid 1px #515151;
list-style: none;
left: -1px;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 200px;
z-index: 1;
overflow-y: auto;
li{
padding: 0 7px;
}
a{
border-bottom: dotted 1px #515151;
display: block;
outline: none;
padding: 7px 0 7px 3px;
color:@link_color;
}
a:link,
a:visited{
color:@link_color;
text-decoration: none;
}
a:hover,
a:focus,
a.sbFocus{
color: @link_color_active;
}
li.last a{
border-bottom: none;
}
.sbDisabled{
border-bottom: dotted 1px #515151;
color: #999;
display: block;
padding: 7px 0 7px 3px;
}
.sbGroup{
border-bottom: dotted 1px #515151;
color: #EBB52D;
display: block;
font-weight: bold;
padding: 7px 0 7px 3px;
}
.sbSub{
padding-left: 17px;
}
}