136 lines
3.4 KiB
CSS
136 lines
3.4 KiB
CSS
/*
|
|
|
|
Theme Name: Barebones
|
|
Author: James Young
|
|
Website: http://www.welcomebrand.co.uk
|
|
Twitter: @welcomebrand
|
|
Version: 2.0
|
|
Description: A stripped down, style free (well, nearly!) minimal WordPress theme for developing on top of.
|
|
|
|
CONTENTS
|
|
-------------
|
|
- Global resets
|
|
- Global typography & layout rules
|
|
- Page styles
|
|
- Post styles
|
|
- General bits
|
|
|
|
- Media queries
|
|
|
|
*/
|
|
|
|
/* 01 START : Global reset styles */
|
|
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins,mark{background:#333;color:#fff;text-decoration:none}mark{padding:0 .2em;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#333;color:#fff;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}[type=submit]{cursor:pointer;}
|
|
/* 01 END : Global reset styles */
|
|
|
|
/* START : Global rules */
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-size: 100%; /* Set a 16px base size */
|
|
}
|
|
|
|
body {
|
|
padding: 2%;
|
|
margin: 0 auto;
|
|
font-size: 16px;
|
|
font-size: 1rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* Set vertical rhythm */
|
|
h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dd,p,figure,pre,table,fieldset,hr {
|
|
margin-bottom: 24px;
|
|
margin-bottom: 1.5rem; /* 24px equivalent/fallback */
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
line-height: normal;
|
|
}
|
|
|
|
blockquote { }
|
|
blockquote cite { }
|
|
|
|
p { }
|
|
|
|
a { }
|
|
a:hover { }
|
|
|
|
img,
|
|
a img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
figure { }
|
|
figcaption { }
|
|
|
|
.alignleft,
|
|
.alignright {
|
|
/* left and right float triggered on bigger screens */
|
|
float: none;
|
|
}
|
|
/* END : Global rules */
|
|
|
|
|
|
|
|
/* START : Page styles */
|
|
|
|
/* END : Page styles */
|
|
|
|
|
|
|
|
/* START : Post styles */
|
|
|
|
/* END : Post styles */
|
|
|
|
|
|
|
|
/* START : General bits */
|
|
|
|
/* END : General bits */
|
|
|
|
|
|
/* START : Media Queries */
|
|
|
|
/* I've added some arbitrary breakpoints to get you started, you don't have to use these - you can remove, edit or add to them however you like. They're just a guide. */
|
|
|
|
/* 480px equivalent breakpoint */
|
|
@media only screen and (min-width: 30em) {
|
|
}
|
|
|
|
/* 600px equivalent breakpoint */
|
|
@media only screen and (min-width: 37.5em) {
|
|
}
|
|
|
|
/* 768px equivalent breakpoint */
|
|
@media only screen and (min-width: 48em) {
|
|
.alignleft,
|
|
.alignright {
|
|
float: left;
|
|
display: inline;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
/* 1024px equivalent breakpoint */
|
|
@media only screen and (min-width: 64em) {
|
|
}
|
|
|
|
/* 1260px equivalent breakpoint */
|
|
@media only screen and (min-width: 78.75em) {
|
|
}
|
|
/* END : Media Queries */
|
|
|
|
|
|
/* PRINT STYLES */
|
|
|
|
@media print {
|
|
/* If you're going to have a print stylesheet, now's the time */
|
|
} |