Skip to content

Instantly share code, notes, and snippets.

@javifr
Created July 21, 2011 15:06
Show Gist options
  • Save javifr/1097393 to your computer and use it in GitHub Desktop.
Save javifr/1097393 to your computer and use it in GitHub Desktop.
jquerymobile theme swatch - LESS
//Vars para theme nuevo
@a_color:#ffffff;
@a_text_shadow:#000000;
//bar
@a_bar_gradient_start:#3c3c3c;
@a_bar_gradient_stop:#111111;
@a_bar_border:#2A2A2A;
@a_bar_background:#111111;
@a_bar_link:#7cc4e7;
//body
@a_body_gradient_start:#666666;
@a_body_gradient_stop:#222222;
@a_body_border:#2A2A2A;
@a_body_background:#222222;
@a_body_link:#2489CE;
//button
@a_button_link:#2489CE;
//button state - up
@a_button_up_gradient_start:#555555;
@a_button_up_gradient_stop:#333333;
@a_button_up_border:#222222;
@a_button_up_background:#333333;
//button state - hover
@a_button_hover_gradient_start:#666666;
@a_button_hover_gradient_stop:#444444;
@a_button_hover_border:#000;
@a_button_hover_background:#444444;
//button state - down
@a_button_down_gradient_start:#333333;
@a_button_down_gradient_stop:#5a5a5a;
@a_button_down_border:#000;
@a_button_down_background:#3d3d3d;
/* A
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-a {
border: 1px solid @a_bar_border;
background: @a_bar_gradient_stop;
color: @a_color;
font-weight: bold;
text-shadow: 0 -1px 1px @a_text_shadow;
background-image: -moz-linear-gradient(top,
@a_bar_gradient_start,
@a_bar_gradient_stop);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, @a_bar_gradient_start),
color-stop(1, @a_bar_gradient_stop));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='@a_bar_gradient_start', EndColorStr='@a_bar_gradient_stop')";
}
.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-a .ui-link-inherit {
color: @a_color;
}
.ui-bar-a .ui-link {
color: @a_bar_link;
font-weight: bold;
}
.ui-body-a {
border: 1px solid @a_body_border;
background: @a_body_background;
color: @a_color;
text-shadow: 0 1px 0 @a_text_shadow;
font-weight: normal;
background-image: -moz-linear-gradient(top,
@a_body_gradient_start,
@a_body_gradient_stop);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, @a_body_gradient_start),
color-stop(1, @a_body_gradient_stop));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='@a_body_gradient_start', EndColorStr='@a_body_gradient_stop)')";
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
font-family: Helvetica, Arial, sans-serif;
}
.ui-body-a .ui-link-inherit {
color: @a_color;
}
.ui-body-a .ui-link {
color: @a_body_link;
font-weight: bold;
}
.ui-br {
border-bottom: rgb(130,130,130);
border-bottom: rgba(130,130,130,.3);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.ui-btn-up-a {
border: 1px solid @a_button_up_border;
background: @a_button_up_background;
font-weight: bold;
color: @a_color;
text-shadow: 0 -1px 1px @a_text_shadow;
background-image: -moz-linear-gradient(top,
@a_button_up_gradient_start,
@a_button_up_gradient_stop);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, @a_button_up_gradient_start),
color-stop(1, @a_button_up_gradient_stop));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='@a_button_up_gradient_start', EndColorStr='@a_button_up_gradient_stop')";
}
.ui-btn-up-a a.ui-link-inherit {
color: @a_color;
}
.ui-btn-hover-a {
border: 1px solid @a_button_hover_border;
background: @a_button_hover_background;
font-weight: bold;
color: @a_color;
text-shadow: 0 -1px 1px @a_text_shadow;
background-image: -moz-linear-gradient(top,
@a_button_hover_gradient_start,
@a_button_hover_gradient_stop);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, @a_button_hover_gradient_start),
color-stop(1, @a_button_hover_gradient_stop));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='@a_button_hover_gradient_start', EndColorStr='@a_button_hover_gradient_stop')";
}
.ui-btn-hover-a a.ui-link-inherit {
color: @a_color;
}
.ui-btn-down-a {
border: 1px solid @a_button_down_border;
background: @a_button_down_background;
font-weight: bold;
color: @a_color;
text-shadow: 0 -1px 1px @a_text_shadow;
background-image: -moz-linear-gradient(top,
@a_button_down_gradient_start,
@a_button_down_gradient_stop);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0, @a_button_down_gradient_start),
color-stop(1, @a_button_down_gradient_stop));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='@a_button_down_gradient_start', EndColorStr='@a_button_down_gradient_stop')";
}
.ui-btn-down-a a.ui-link-inherit {
color: @a_color;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment