Yadda yah

This commit is contained in:
Mike Francis 2012-12-20 21:33:35 +00:00
parent fa781ae3c9
commit 42222f69ce
2 changed files with 32 additions and 47 deletions

View File

@ -4,7 +4,7 @@ A lightweight, skinny skeletal WordPress theme for HTML5 and beyond. Great as a
## Features ## Features
* Base reset and normalisation styles * Reset, normalisation and base font/form styles
* Includes Google HTML5 shiv * Includes Google HTML5 shiv
* Semantic use of HTML5 elements * Semantic use of HTML5 elements
* WAI-ARIA role ready * WAI-ARIA role ready
@ -13,10 +13,18 @@ A lightweight, skinny skeletal WordPress theme for HTML5 and beyond. Great as a
* index.php Loop template * index.php Loop template
* Customised functions.php adding theme support for high customisation * Customised functions.php adding theme support for high customisation
## Preprocessors ## WordPress Support
barebones doesn't come bundled with any CSS preprocessor files however the main stylesheet was compiled from SASS. To use a preprocessor, just add another folder containing your files into the ./_ directory and set your files to compile to ./style.css Compatible with WordPress 3.5 and below.
## Browser Support ## Browser Support
The basic features are all supported from IE6+. Yet to be tested in any other browsers than modern Mozilla, Opera and WebKit builds but confident it would work in legacy versions. The basic features are all tested from IE7+. Yet to be tested in any other browsers than modern Mozilla, Opera and WebKit builds but confident it would work in legacy versions.
## Preprocessors
barebones doesn't come bundled with any CSS preprocessor files however the main stylesheet is compiled from SASS. To use a preprocessor, just add another folder containing your files into the ./_ directory and set your files to compile to ./style.css
## Credits
* [Twitter Bootstrap](http://getbootstrap.com "Twitter Bootstrap")

View File

@ -42,6 +42,9 @@ abbr, acronym {
border: 0; border: 0;
} }
/* =Normalisation
-------------------------------------------------------------- */
html { html {
background-color: #fff; background-color: #fff;
font: 1em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; font: 1em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
@ -114,64 +117,21 @@ input, select, textarea {
font-weight: normal; font-weight: normal;
line-height: 1.5em; line-height: 1.5em;
border: solid 1px #000; border: solid 1px #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 4px; padding: 4px;
color: #000; color: #000;
width: 220px; width: 220px;
} }
input, textarea {
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
select { select {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
width: 220px; width: 220px;
} }
input:focus,
textarea:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn { .btn {
display: inline-block; display: inline-block;
background-color: #999; background-color: #999;
border: solid 1px #999; border: solid 1px #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: none; box-shadow: none;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
@ -200,6 +160,23 @@ img.alignright {
margin: 0 0 24px 20px; margin: 0 0 24px 20px;
} }
/* =Nav Abstraction
-------------------------------------------------------------- */
.nav {
list-style: none;
margin-left: 0;
}
.nav > li {
display: inline-block;
*display: inline;
}
.nav > li > a {
display: block;
}
/* =Scaffolding /* =Scaffolding
-------------------------------------------------------------- */ -------------------------------------------------------------- */