119 lines
2.9 KiB
SCSS
119 lines
2.9 KiB
SCSS
/* Buttons */
|
|
.grey-button{
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
padding: 5px 17px;
|
|
border: 1px solid #999;
|
|
color: #666;
|
|
display: inline-block;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.3);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.192, #fff), to(#f4f4f4));
|
|
background-image: -webkit-linear-gradient(#fff 19.2%, #f4f4f4);
|
|
background-image: -moz-linear-gradient(#fff 19.2%, #f4f4f4);
|
|
background-image: -o-linear-gradient(#fff 19.2%, #f4f4f4);
|
|
}
|
|
|
|
.red-button{
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
padding: 5px 17px;
|
|
border: 1px solid #999;
|
|
color: #666;
|
|
display: inline-block;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.3);
|
|
background: #D12F19;
|
|
color: white;
|
|
}
|
|
|
|
.positive-button{
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
padding: 5px 17px;
|
|
border: 1px solid #999;
|
|
color: #666;
|
|
display: inline-block;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.3);
|
|
background: #4A2;
|
|
color: white;
|
|
}
|
|
|
|
|
|
.lbutton,
|
|
.lite_button {
|
|
display:block;
|
|
float:left;
|
|
margin: 0px 5px 0px 0px;
|
|
padding:5px 10px;
|
|
|
|
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
border:1px solid #D3D3D3;
|
|
background:white;
|
|
font-size:12px !important;
|
|
line-height:130%;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
color:#565656;
|
|
cursor:pointer;
|
|
|
|
&:hover {
|
|
border:1px solid #C2E1EF;
|
|
color: #0099FF;
|
|
}
|
|
|
|
&.hm {
|
|
margin: 0px 0px;
|
|
}
|
|
|
|
&.vm {
|
|
margin: 5px 0px;
|
|
}
|
|
}
|
|
|
|
a.button, input.button {
|
|
font-weight: bold;
|
|
padding: 10px 20px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
border-radius: 5px;
|
|
color: #578E91;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
border: 1px solid #8CE2E6;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 34, color-stop(0.794, #dbf5f6), to(#c5eef0));
|
|
background-image: -webkit-linear-gradient(#dbf5f6 79.4%, #c5eef0);
|
|
background-image: -moz-linear-gradient(#dbf5f6 79.4%, #c5eef0);
|
|
background-image: -o-linear-gradient(#dbf5f6 79.4%, #c5eef0);
|
|
}
|
|
|
|
input.button{margin-bottom: 1.5em}
|
|
|
|
.button:hover {color: rgba(0,0,0,.8)}
|
|
|
|
.button.green {margin-right: 0; }
|
|
|
|
.button.yellow{
|
|
color: #908054;
|
|
border-color: #DDCDA1;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 34, color-stop(0.794, #FFEFC3), to(#F3E3B7));
|
|
background-image: -webkit-linear-gradient(#FFEFC3 79.4%, #F3E3B7);
|
|
background-image: -moz-linear-gradient(#FFEFC3 79.4%, #F3E3B7);
|
|
background-image: -o-linear-gradient(#FFEFC3 79.4%, #F3E3B7);
|
|
}
|
|
|
|
.button.blue{
|
|
color: #417E97;
|
|
border-color: #b2cdec;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 34, color-stop(0.794, #dbe8f6), to(#c7daf1));
|
|
background-image: -webkit-linear-gradient(#dbe8f6 79.4%, #c7daf1);
|
|
background-image: -moz-linear-gradient(#dbe8f6 79.4%, #c7daf1);
|
|
background-image: -o-linear-gradient(#dbe8f6 79.4%, #c7daf1);
|
|
}
|
|
|
|
.button-small{ text-shadow: none; padding: 4px 10px; }
|
|
.button-green{background: #A6B807; color: white}
|
|
|
|
|