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
|
||||
|
||||
* 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")
|
63
style.css
63
style.css
|
@ -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
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
|
|
Loading…
Reference in New Issue