Sha256: 468279975212c7562bfeb7d063e5fac2ccd763c3c058e1f2cb92ce22d638ea4d
Contents?: true
Size: 1.5 KB
Versions: 11
Compression:
Stored size: 1.5 KB
Contents
//toolbar component
.toolbar{
background: rgba(255, 255, 255, 0.43);
border: solid 1px #A8A8A8;
padding:10px 5px;
position: relative;
}
.toolbar_item{
display:inline-block;
height:40px;
width:120px;
line-height:40px;
text-align:center;
margin:5px;
border-radius:3px;
cursor:pointer;
@include font-attr(1.1em, whitesmoke, bold);
}
.toolbar_item.enabled{
background-color:$medium_blue;
color: white;
box-shadow: 3px 3px 7px 1px #1C1D1F;
&:hover{
box-shadow: 1px 1px 4px 1px #1C1D1F;
font-size: 1.0em;
}
}
.toolbar_item.disabled{
background-color: #B0B0B2;
color: #E0E0E0;
}
.toolbar_item-pagination{
position: absolute;
right: 0;
top: 10px;
width: 165px;
color: $medium_blue;
input{
display: inline-block;
width: 60px;
margin-top: 10px;
margin-left: 30px;
height: 35px;
padding-left: 5px;
}
.previous, .next{
position: absolute;
top:17px;
display: block;
width: 20px;
height: 20px;
@include rotate(45deg);
&:hover{
box-shadow: none;
}
}
.previous{
left:5px;
border-left: solid 4px blue;
border-bottom: solid 4px blue;
box-shadow: -4px 4px 4px 0px rgba(150, 150, 150, 1);
&.disabled{
border-color: grey;
box-shadow: none;
}
}
.next{
right:12px;
border-top: solid 4px blue;
border-right: solid 4px blue;
box-shadow: 4px -4px 4px 0px rgba(150, 150, 150, 1);
&.disabled{
border-color: grey;
box-shadow: none;
}
}
}
Version data entries
11 entries across 11 versions & 1 rubygems