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
* Base reset and normalisation styles
* Reset, normalisation and base font/form styles
* Includes Google HTML5 shiv
* Semantic use of HTML5 elements
* 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
* 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
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;
}
/* =Normalisation
-------------------------------------------------------------- */
html {
background-color: #fff;
font: 1em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
@ -114,64 +117,21 @@ input, select, textarea {
font-weight: normal;
line-height: 1.5em;
border: solid 1px #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 4px;
color: #000;
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 {
height: 24px;
line-height: 24px;
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 {
display: inline-block;
background-color: #999;
border: solid 1px #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: none;
font-size: 12px;
color: #fff;
@ -200,6 +160,23 @@ img.alignright {
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
-------------------------------------------------------------- */