Yadda yah
This commit is contained in:
parent
fa781ae3c9
commit
42222f69ce
16
README.md
16
README.md
|
@ -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")
|
63
style.css
63
style.css
|
@ -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
|
||||||
-------------------------------------------------------------- */
|
-------------------------------------------------------------- */
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue