You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
4.2 KiB
CSS
112 lines
4.2 KiB
CSS
/*
|
|
Minimal CSS
|
|
minimalcss.com
|
|
*/
|
|
|
|
/* Reset */
|
|
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
|
|
|
/* Layout */
|
|
body { background-color: #fff; color: #333; font: 14px/20px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif; }
|
|
|
|
header { width: 100%; margin: 0 auto; position: relative; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
|
|
.logo { font-size: 28px; color: #333; }
|
|
|
|
nav ul { margin: 0; }
|
|
nav ul li { display: inline; margin-right: 20px; font-size: 16px; line-height: 28px; color: #333; }
|
|
nav ul li a { color: #333; }
|
|
|
|
.container { position: relative; text-align: left; width: 960px; max-width: 90%; margin: 0 auto; }
|
|
|
|
footer { border-top:1px solid #ccc; font-size:11px; line-height:26px; color:#999; }
|
|
footer a { color:#999999; }
|
|
footer a:hover { color:#105CB6; }
|
|
footer ul li { display:inline; list-style:none; padding-left:20px; }
|
|
|
|
/* Grid */
|
|
.row { width: 100%; margin:0 auto 20px auto; display:inline-block; position:relative; }
|
|
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin-right: 2%; }
|
|
.row .col-1:last-child, .row .col-2:last-child, .row .col-3:last-child, .row .col-4:last-child, .row .col-5:last-child, .row .col-6:last-child, .row .col-7:last-child, .row .col-8:last-child, .row .col-9:last-child, .row .col-10:last-child, .row .col-11:last-child, .row .col-12:last-child { margin-right: 0; }
|
|
.row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
|
|
|
.col-1 { width: 6%; }
|
|
.col-2 { width: 15%; }
|
|
.col-3 { width: 23.5%; }
|
|
.col-4 { width: 32%; }
|
|
.col-5 { width: 40%; }
|
|
.col-6 { width: 49%; }
|
|
.col-7 { width: 56.5%; }
|
|
.col-8 { width: 66%; }
|
|
.col-9 { width: 74%; }
|
|
.col-10 { width: 82.5%; }
|
|
.col-11 { width: 91%; }
|
|
.col-12 { width: 100%; }
|
|
|
|
/* Typography */
|
|
a { color: #105CB6; text-decoration: none; }
|
|
a:hover, a:focus { color: #105CB6; text-decoration: underline; }
|
|
a:active { color: #105CB6; }
|
|
|
|
h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; }
|
|
h2 { font-size: 24px; line-height: 20px; margin-bottom: 20px; }
|
|
h3 { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
|
|
h4 { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
|
|
h5 { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
|
|
h6 { font-size: 12px; line-height: 20px; margin-bottom: 20px; }
|
|
h1,h2,h3,h4,h5,h6 { color: #333; }
|
|
|
|
p { margin-bottom: 20px; }
|
|
|
|
.float-left { float: left; }
|
|
.float-right { float: right; }
|
|
img.float-left { float: left; margin: 0 20px 20px 0; }
|
|
img.float-right { float: right; margin: 0 0 20px 20px; }
|
|
img.center { margin: 0 auto; display: block; }
|
|
|
|
.text-left { text-align: left; }
|
|
.text-center { text-align: center; }
|
|
.text-right { text-align: right; }
|
|
.text-justify { text-align: justify; }
|
|
|
|
/* Misc */
|
|
hr { background-color: #ccc; border: 0px; color: #ccc; height: 1px; margin-bottom: 20px; }
|
|
|
|
pre, code { background-color: #eee; display:block; padding:10px; }
|
|
|
|
pre {
|
|
margin-bottom: 20px;
|
|
white-space: pre-wrap; /* css-3 */
|
|
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
|
white-space: -pre-wrap; /* Opera 4-6 */
|
|
white-space: -o-pre-wrap; /* Opera 7 */
|
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
}
|
|
|
|
blockquote { margin: 10px 10px 20px; padding: 9px; background-color: #f8f8f8; color: #666; border-left: 5px solid #ddd; font: 14px/20px Georgia, Times, serif; quotes: "\201C" "\201D"; }
|
|
blockquote p { margin: 0; }
|
|
blockquote:before { content: open-quote; font-weight: bold; }
|
|
blockquote:after { content: close-quote; font-weight: bold; }
|
|
|
|
/* List */
|
|
ul { margin-bottom: 20px; list-style-position:inside; }
|
|
ol { margin-bottom: 20px; list-style-position:inside; }
|
|
ul ul, ol ol { margin-bottom:0; }
|
|
|
|
/* Form */
|
|
fieldset { position: relative; border-top:1px solid #ccc; padding: 10px; margin-bottom:20px; }
|
|
fieldset legend { font-weight:bold; font-size:16px; padding: 0 5px; }
|
|
|
|
/* Table */
|
|
table { margin-bottom: 20px; width:100%; }
|
|
th { font-weight: bold; }
|
|
td { text-align: left; }
|
|
tfoot { font-style: italic; }
|
|
|
|
/* Print */
|
|
@media print {
|
|
* {
|
|
text-shadow: none !important;
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
color: #000 !important;
|
|
} |