Skip to content

Instantly share code, notes, and snippets.

@jasondavis
Created March 31, 2012 11:35
Show Gist options
  • Select an option

  • Save jasondavis/2262544 to your computer and use it in GitHub Desktop.

Select an option

Save jasondavis/2262544 to your computer and use it in GitHub Desktop.
begin styles
body, p, div, form, label, input{
/* some reset */
font-family:Verdana, Geneva, sans-serif;
font-size:small;
color:#fff;
background: #3a5875
}
/* begin styles */
.ui-corner-all{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #CD0A0A;
background: #B81900 url(http://www.getklok.com/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
color: white;
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(http://www.getklok.com/css/ui-lightness/images/ui-icons_ffd27a_256x240.png);
}
.ui-icon-star {background-position: -224px -112px;
}
.ui-icon {width: 16px;height: 16px;background-image: url(http://www.getklok.com/css/ui-lightness/images/ui-icons_222222_256x240.png);
}
.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {color: white;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {color: white;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {color: white;
}
<div class="ui-widget" style="margin:0 8px">
<div class="ui-state-error ui-corner-all" style="margin-top: 10px; padding: 0 .7em;">
<p><span class="ui-icon ui-icon-star" style="float: left; margin-right: .3em;"></span>
<strong>Having trouble with version 2.3.6?</strong> Sorry for the inconvenience. We recently resolved the issue with the update checker hanging. Please <a href="downloads/Klok2.air">download 2.3.7 manually</a> to fix the issue. If you continue to have trouble, let us know at <a href="mailto:support@getklok.com">support@getklok.com</a></p>
</div>
</div>
{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment