-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathstyle.css
executable file
·87 lines (71 loc) · 6.3 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
/* ==========================================================================
RESET / DEFAULTS
========================================================================== */
/* normalize.css - https://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline;zoom:1;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body,button,input,select,textarea{font-family:sans-serif;}a{color:#00e;}a:visited{color:#551a8b;}a:focus{outline:none;}a:hover,a:active{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}ul,ol{margin:1em 0;padding:0 0 0 40px;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}fieldset{margin:0 2px;padding:.35em .625em .75em;}legend{border:0;margin-left:-7px;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;overflow:visible;}table button,table input{overflow:auto;}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}audio:not([controls]),[hidden]{display:none;}body,figure,form{margin:0;}
/* ==========================================================================
PRIMARY STYLES
========================================================================== */
body { background:#fff; line-height:1.2; font-size:16px; color:#222;}
.wrapper { padding:20px 50px; width:900px; margin:0 auto; background:#fff;}
header { padding-bottom:10px; border-bottom:solid 8px #eee; text-align: center;}
section {margin-bottom:40px; border-bottom:solid 8px #eee; padding-bottom: 10px; }
a, a:visited { color:#1982D1; font-weight: bold; }
a:hover { color:#000; }
a:focus, a:hover, a:active { outline:0; }
ul {list-style:none; margin-bottom:40px;}
li {margin-bottom:10px;}
h1 {font-size:4em; margin:0 0 10px; font-weight:normal; font-family:'Courgette', cursive; }
h2 { font-size:1.6em; margin:0 0 10px; font-weight:normal; font-family:'Courgette', cursive; }
h3 { font-size: 1.6em; font-family:'Courgette', cursive;}
fieldset { border: none; margin: 5px auto; padding: 0;}
iframe {margin-right:10px; position:relative; top:10px;}
.author {margin:0 0 20px;}
#demo { border: solid 1px #ddd; padding: 20px; width: 500px; margin: 0 auto 40px; }
#rhyme-form label { width: 200px; text-align: right; *display:block; zoom:1; display:inline-block; margin-right: 10px;}
#rhyme-form input { width: 100px; *display:block; zoom:1; display:inline-block; margin-right: 130px; }
#rhyme-blockquote { text-align: center; }
#demo-url-display input { display: block; text-align: center; width: 480px; margin: 40px auto 10px; color: #666; font-style: italic; }
.playground { text-align: center; }
.playground a { font-weight: normal; font-style: italic; }
.playground label { margin: 40px 0 10px; display: block; font-style: italic; font-weight: bold; }
#config-list { border-collapse:separate; border: solid 1px #eee; margin: 0 auto 40px; padding: 10px; text-align: left;}
#config-list tr { margin: 0 20px; }
#config-list td { padding: 5px; vertical-align: top; }
#config-list .key { text-align: right; font-weight: bold; }
.icon-back-arrows { font-size: 1.3em; }
/* ==========================================================================
HELPERS
========================================================================== */
/* For image replacement */
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0; }
.ir br { display:none; }
/* Hide from both screenreaders and browsers:h5bp.com/u */
.hidden { display:none !important; visibility:hidden; }
/* Hide only visually, but have it available for screenreaders:h5bp.com/v */
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }
/* Contain floats:h5bp.com/q */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }
/* ==========================================================================
PRINT
========================================================================== */
@media print {
* { background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } /* Black prints faster:h5bp.com/s */
a, a:visited { text-decoration:underline; }
a[href]:after { content:" (" attr(href) ")"; }
abbr[title]:after { content:" (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside:avoid; }
img { max-width:100% !important; }
@page { margin:0.5cm; }
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }
}