Mercurial > repos > vimalkumarvelayudhan > riboplot

annotate data/css/skeleton.css @ 11:7571f5c89090

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Simple error message now output to HTML. Detailed error goes to standard error. Other changes: * Remove information on time taken (riboplot). * Remove striped table styles (not used. unusable on sorting). * log before re-raising errors.
author Vimalkumar Velayudhan <vimal@biotechcoder.com>
date Wed, 19 Aug 2015 10:14:52 +0100
parents ca58e9466cbf
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
1 /*
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
2 * Skeleton V2.0.4
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
3 * Copyright 2014, Dave Gamache
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
4 * www.getskeleton.com
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
5 * Free to use under the MIT license.
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
6 * http://www.opensource.org/licenses/mit-license.php
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
7 * 12/29/2014
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
8 */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
9
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
10
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
11 /* Table of contents
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
12 ––––––––––––––––––––––––––––––––––––––––––––––––––
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
13 - Grid
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
14 - Base Styles
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
15 - Typography
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
16 - Links
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
17 - Buttons
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
18 - Forms
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
19 - Lists
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
20 - Code
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
21 - Tables
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
22 - Spacing
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
23 - Utilities
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
24 - Clearing
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
25 - Media Queries
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
26 */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
27
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
28
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
29 /* Grid
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
30 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
31 .container {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
32 position: relative;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
33 width: 100%;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
34 max-width: 960px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
35 margin: 0 auto;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
36 padding: 0 20px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
37 box-sizing: border-box; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
38 .column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
39 .columns {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
40 width: 100%;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
41 float: left;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
42 box-sizing: border-box; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
43
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
44 /* For devices larger than 400px */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
45 @media (min-width: 400px) {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
46 .container {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
47 width: 85%;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
48 padding: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
49 }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
50
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
51 /* For devices larger than 550px */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
52 @media (min-width: 550px) {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
53 .container {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
54 width: 80%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
55 .column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
56 .columns {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
57 margin-left: 4%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
58 .column:first-child,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
59 .columns:first-child {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
60 margin-left: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
61
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
62 .one.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
63 .one.columns { width: 4.66666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
64 .two.columns { width: 13.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
65 .three.columns { width: 22%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
66 .four.columns { width: 30.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
67 .five.columns { width: 39.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
68 .six.columns { width: 48%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
69 .seven.columns { width: 56.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
70 .eight.columns { width: 65.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
71 .nine.columns { width: 74.0%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
72 .ten.columns { width: 82.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
73 .eleven.columns { width: 91.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
74 .twelve.columns { width: 100%; margin-left: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
75
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
76 .one-third.column { width: 30.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
77 .two-thirds.column { width: 65.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
78
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
79 .one-half.column { width: 48%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
80
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
81 /* Offsets */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
82 .offset-by-one.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
83 .offset-by-one.columns { margin-left: 8.66666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
84 .offset-by-two.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
85 .offset-by-two.columns { margin-left: 17.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
86 .offset-by-three.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
87 .offset-by-three.columns { margin-left: 26%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
88 .offset-by-four.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
89 .offset-by-four.columns { margin-left: 34.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
90 .offset-by-five.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
91 .offset-by-five.columns { margin-left: 43.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
92 .offset-by-six.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
93 .offset-by-six.columns { margin-left: 52%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
94 .offset-by-seven.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
95 .offset-by-seven.columns { margin-left: 60.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
96 .offset-by-eight.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
97 .offset-by-eight.columns { margin-left: 69.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
98 .offset-by-nine.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
99 .offset-by-nine.columns { margin-left: 78.0%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
100 .offset-by-ten.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
101 .offset-by-ten.columns { margin-left: 86.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
102 .offset-by-eleven.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
103 .offset-by-eleven.columns { margin-left: 95.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
104
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
105 .offset-by-one-third.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
106 .offset-by-one-third.columns { margin-left: 34.6666666667%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
107 .offset-by-two-thirds.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
108 .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
109
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
110 .offset-by-one-half.column,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
111 .offset-by-one-half.columns { margin-left: 52%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
112
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
113 }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
114
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
115
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
116 /* Base Styles
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
117 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
118 /* NOTE
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
119 html is set to 62.5% so that all the REM measurements throughout Skeleton
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
120 are based on 10px sizing. So basically 1.5rem = 15px :) */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
121 html {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
122 font-size: 62.5%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
123 body {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
124 font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
125 line-height: 1.6;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
126 font-weight: 400;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
127 font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
128 color: #515151; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
129
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
130
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
131 /* Typography
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
132 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
133 h1, h2, h3, h4, h5, h6 {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
134 margin-top: 0;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
135 margin-bottom: 2rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
136 font-weight: 300; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
137 h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
138 h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
139 h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
140 h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
141 h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
142 h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
143
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
144 /* Larger than phablet */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
145 @media (min-width: 550px) {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
146 h1 { font-size: 5.0rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
147 h2 { font-size: 4.2rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
148 h3 { font-size: 3.6rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
149 h4 { font-size: 3.0rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
150 h5 { font-size: 2.4rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
151 h6 { font-size: 1.5rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
152 }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
153
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
154 p {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
155 margin-top: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
156
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
157
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
158 /* Links
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
159 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
160 a {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
161 color: #00b4ff; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
162 a:hover {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
163 color: #008CD7; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
164
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
165
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
166 /* Buttons
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
167 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
168 .button,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
169 button,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
170 input[type="submit"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
171 input[type="reset"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
172 input[type="button"] {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
173 display: inline-block;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
174 height: 38px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
175 padding: 0 30px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
176 color: #555;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
177 text-align: center;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
178 font-size: 11px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
179 font-weight: 600;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
180 line-height: 38px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
181 letter-spacing: .1rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
182 text-transform: uppercase;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
183 text-decoration: none;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
184 white-space: nowrap;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
185 background-color: transparent;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
186 border-radius: 4px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
187 border: 1px solid #bbb;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
188 cursor: pointer;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
189 box-sizing: border-box; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
190 .button:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
191 button:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
192 input[type="submit"]:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
193 input[type="reset"]:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
194 input[type="button"]:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
195 .button:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
196 button:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
197 input[type="submit"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
198 input[type="reset"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
199 input[type="button"]:focus {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
200 color: #333;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
201 border-color: #888;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
202 outline: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
203 .button.button-primary,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
204 button.button-primary,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
205 input[type="submit"].button-primary,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
206 input[type="reset"].button-primary,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
207 input[type="button"].button-primary {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
208 color: #FFF;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
209 background-color: #33C3F0;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
210 border-color: #33C3F0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
211 .button.button-primary:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
212 button.button-primary:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
213 input[type="submit"].button-primary:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
214 input[type="reset"].button-primary:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
215 input[type="button"].button-primary:hover,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
216 .button.button-primary:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
217 button.button-primary:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
218 input[type="submit"].button-primary:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
219 input[type="reset"].button-primary:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
220 input[type="button"].button-primary:focus {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
221 color: #FFF;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
222 background-color: #1EAEDB;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
223 border-color: #1EAEDB; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
224
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
225
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
226 /* Forms
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
227 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
228 input[type="email"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
229 input[type="number"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
230 input[type="search"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
231 input[type="text"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
232 input[type="tel"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
233 input[type="url"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
234 input[type="password"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
235 textarea,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
236 select {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
237 height: 38px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
238 padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
239 background-color: #fff;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
240 border: 1px solid #D1D1D1;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
241 border-radius: 4px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
242 box-shadow: none;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
243 box-sizing: border-box; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
244 /* Removes awkward default styles on some inputs for iOS */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
245 input[type="email"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
246 input[type="number"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
247 input[type="search"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
248 input[type="text"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
249 input[type="tel"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
250 input[type="url"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
251 input[type="password"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
252 textarea {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
253 -webkit-appearance: none;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
254 -moz-appearance: none;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
255 appearance: none; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
256 textarea {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
257 min-height: 65px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
258 padding-top: 6px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
259 padding-bottom: 6px; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
260 input[type="email"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
261 input[type="number"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
262 input[type="search"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
263 input[type="text"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
264 input[type="tel"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
265 input[type="url"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
266 input[type="password"]:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
267 textarea:focus,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
268 select:focus {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
269 border: 1px solid #33C3F0;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
270 outline: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
271 label,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
272 legend {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
273 display: block;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
274 margin-bottom: .5rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
275 font-weight: 600; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
276 fieldset {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
277 padding: 0;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
278 border-width: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
279 input[type="checkbox"],
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
280 input[type="radio"] {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
281 display: inline; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
282 label > .label-body {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
283 display: inline-block;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
284 margin-left: .5rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
285 font-weight: normal; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
286
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
287
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
288 /* Lists
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
289 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
290 ul {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
291 list-style: circle inside; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
292 ol {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
293 list-style: decimal inside; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
294 ol, ul {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
295 padding-left: 0;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
296 margin-top: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
297 ul ul,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
298 ul ol,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
299 ol ol,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
300 ol ul {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
301 margin: 1.5rem 0 1.5rem 3rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
302 font-size: 90%; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
303 li {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
304 margin-bottom: 1rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
305
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
306
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
307 /* Code
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
308 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
309 code {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
310 padding: .2rem .5rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
311 margin: 0 .2rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
312 font-size: 90%;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
313 white-space: nowrap;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
314 background: #F1F1F1;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
315 border: 1px solid #E1E1E1;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
316 border-radius: 4px; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
317 pre > code {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
318 display: block;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
319 padding: 1rem 1.5rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
320 white-space: pre; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
321
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
322
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
323 /* Tables
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
324 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
325 th,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
326 td {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
327 padding: 12px 15px;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
328 text-align: left;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
329 border-bottom: 1px solid #E1E1E1; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
330
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
331 /*th:first-child,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
332 td:first-child {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
333 padding-left: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
334 th:last-child,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
335 td:last-child {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
336 padding-right: 0; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
337 */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
338
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
339 /* Spacing
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
340 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
341 button,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
342 .button {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
343 margin-bottom: 1rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
344 input,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
345 textarea,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
346 select,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
347 fieldset {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
348 margin-bottom: 1.5rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
349 pre,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
350 blockquote,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
351 dl,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
352 figure,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
353 table,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
354 p,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
355 ul,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
356 ol,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
357 form {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
358 margin-bottom: 2.5rem; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
359
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
360
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
361 /* Utilities
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
362 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
363 .u-full-width {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
364 width: 100%;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
365 box-sizing: border-box; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
366 .u-max-full-width {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
367 max-width: 100%;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
368 box-sizing: border-box; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
369 .u-pull-right {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
370 float: right; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
371 .u-pull-left {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
372 float: left; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
373
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
374
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
375 /* Misc
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
376 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
377 hr {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
378 margin-top: 3rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
379 margin-bottom: 3.5rem;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
380 border-width: 0;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
381 border-top: 1px solid #E1E1E1; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
382
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
383
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
384 /* Clearing
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
385 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
386
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
387 /* Self Clearing Goodness */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
388 .container:after,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
389 .row:after,
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
390 .u-cf {
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
391 content: "";
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
392 display: table;
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
393 clear: both; }
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
394
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
395
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
396 /* Media Queries
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
397 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
398 /*
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
399 Note: The best way to structure the use of media queries is to create the queries
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
400 near the relevant code. For example, if you wanted to change the styles for buttons
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
401 on small devices, paste the mobile query code up in the buttons section and style it
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
402 there.
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
403 */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
404
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
405
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
406 /* Larger than mobile */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
407 @media (min-width: 400px) {}
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
408
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
409 /* Larger than phablet (also point when grid becomes active) */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
410 @media (min-width: 550px) {}
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
411
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
412 /* Larger than tablet */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
413 @media (min-width: 750px) {}
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
414
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
415 /* Larger than desktop */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
416 @media (min-width: 1000px) {}
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
417
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
418 /* Larger than Desktop HD */
ca58e9466cbf First commit
Vimalkumar Velayudhan <vimal@biotechcoder.com>
parents:
diff changeset
419 @media (min-width: 1200px) {}