Advertisement
Guest User

JQM rest H5BP a styles

a guest
May 10th, 2012
977
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.62 KB | None | 0 0
  1. .ui-bar-a {
  2.     border: 1px solid       #333 /*{a-bar-border}*/;
  3.     background:             #111111 /*{a-bar-background-color}*/;
  4.     color:                  #ffffff /*{a-bar-color}*/;
  5.     font-weight: bold;
  6.     text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
  7.     background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  8.     background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  9.     background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
  10.     background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
  11.     background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  12.     background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
  13. }
  14. .ui-bar-a,
  15. .ui-bar-a input,
  16. .ui-bar-a select,
  17. .ui-bar-a textarea,
  18. .ui-bar-a button {
  19.     font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  20. }
  21. .ui-bar-a .ui-link-inherit {
  22.     color: #fff /*{a-bar-color}*/;
  23. }
  24.  
  25. .ui-bar-a .ui-link {
  26.     color: #7cc4e7 /*{a-bar-link-color}*/;
  27.     font-weight: bold;
  28. }
  29.  
  30. .ui-bar-a .ui-link:hover {
  31.     color: #2489CE /*{a-bar-link-hover}*/;
  32. }
  33.  
  34. .ui-bar-a .ui-link:active {
  35.     color: #2489CE /*{a-bar-link-active}*/;
  36. }
  37.  
  38. .ui-bar-a .ui-link:visited {
  39.     color: #2489CE /*{a-bar-link-visited}*/;
  40. }
  41. .ui-body-a,
  42. .ui-overlay-a {
  43.     border: 1px solid       #444 /*{a-body-border}*/;
  44.     background:             #222 /*{a-body-background-color}*/;
  45.     color:                  #fff /*{a-body-color}*/;
  46.     text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
  47.     font-weight: normal;
  48.     background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  49.     background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  50.     background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
  51.     background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
  52.     background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
  53.     background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);  
  54. }
  55. .ui-overlay-a {
  56.     background-image: none;
  57.     border-width: 0;
  58. }
  59. .ui-body-a,
  60. .ui-body-a input,
  61. .ui-body-a select,
  62. .ui-body-a textarea,
  63. .ui-body-a button {
  64.     font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  65. }
  66. .ui-body-a .ui-link-inherit {
  67.     color:  #fff /*{a-body-color}*/;
  68. }
  69.  
  70. .ui-body-a .ui-link {
  71.     color: #2489CE /*{a-body-link-color}*/;
  72.     font-weight: bold;
  73. }
  74.  
  75. .ui-body-a .ui-link:hover {
  76.     color: #2489CE /*{a-body-link-hover}*/;
  77. }
  78.  
  79. .ui-body-a .ui-link:active {
  80.     color: #2489CE /*{a-body-link-active}*/;
  81. }
  82.  
  83. .ui-body-a .ui-link:visited {
  84.     color: #2489CE /*{a-body-link-visited}*/;
  85. }
  86.  
  87. .ui-btn-up-a {
  88.     border: 1px solid       #111 /*{a-bup-border}*/;
  89.     background:             #333 /*{a-bup-background-color}*/;
  90.     font-weight: bold;
  91.     color:                  #fff /*{a-bup-color}*/;
  92.     text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
  93.     background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  94.     background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  95.     background-image:    -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
  96.     background-image:     -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
  97.     background-image:      -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
  98.     background-image:         linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
  99. }
  100. /* H5BP reset: added 1 selector */
  101. .ui-btn-up-a:visited,
  102. .ui-btn-up-a a.ui-link-inherit {
  103.     color:                  #fff /*{a-bup-color}*/;
  104. }
  105. .ui-btn-hover-a {
  106.     border: 1px solid       #000 /*{a-bhover-border}*/;
  107.     background:             #444444 /*{a-bhover-background-color}*/;
  108.     font-weight: bold;
  109.     color:                  #fff /*{a-bhover-color}*/;
  110.     text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
  111.     background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
  112.     background-image: -webkit-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  113.     background-image:    -moz-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
  114.     background-image:     -ms-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
  115.     background-image:      -o-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
  116.     background-image:         linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
  117. }
  118. /* H5BP reset: added 2 selectors */
  119. .ui-btn-hover-a:visited,
  120. .ui-btn-hover-a:hover,
  121. .ui-btn-hover-a a.ui-link-inherit {
  122.     color:                  #fff /*{a-bhover-color}*/;
  123. }
  124. .ui-btn-down-a {
  125.     border: 1px solid       #000 /*{a-bdown-border}*/;
  126.     background:             #222 /*{a-bdown-background-color}*/;
  127.     font-weight: bold;
  128.     color:                  #fff /*{a-bdown-color}*/;
  129.     text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
  130.     background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
  131.     background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  132.     background-image:    -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
  133.     background-image:     -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
  134.     background-image:      -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
  135.     background-image:         linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
  136. }
  137. /* H5BP reset: added 2 selectors */
  138. .ui-btn-down-a:visited,
  139. .ui-btn-down-a:hover,
  140. .ui-btn-down-a a.ui-link-inherit {
  141.     color:                  #fff /*{a-bdown-color}*/;
  142. }
  143. .ui-btn-up-a,
  144. .ui-btn-hover-a,
  145. .ui-btn-down-a {
  146.     font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  147.     text-decoration: none;
  148. }
  149.  
  150. /* Active state */
  151.  
  152. /* H5BP reset: added 2 selectors */
  153. .ui-btn-active:visited,
  154. .ui-btn-active:hover,
  155. .ui-btn-active a.ui-link-inherit {
  156.     color:                  #fff /*{global-active-color}*/;
  157. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement