├── CNAME
├── javascripts
└── main.js
├── images
├── body-bg.jpg
├── header-bg.jpg
├── sidebar-bg.jpg
├── highlight-bg.jpg
├── download-button.png
└── github-button.png
├── params.json
├── stylesheets
├── pygment_trac.css
├── print.css
└── stylesheet.css
└── index.html
/CNAME:
--------------------------------------------------------------------------------
1 | phpmentoring.org
2 |
--------------------------------------------------------------------------------
/javascripts/main.js:
--------------------------------------------------------------------------------
1 | console.log('This would be the main JS file.');
2 |
--------------------------------------------------------------------------------
/images/body-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mgdm/phpmentoring.github.com/master/images/body-bg.jpg
--------------------------------------------------------------------------------
/images/header-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mgdm/phpmentoring.github.com/master/images/header-bg.jpg
--------------------------------------------------------------------------------
/images/sidebar-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mgdm/phpmentoring.github.com/master/images/sidebar-bg.jpg
--------------------------------------------------------------------------------
/images/highlight-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mgdm/phpmentoring.github.com/master/images/highlight-bg.jpg
--------------------------------------------------------------------------------
/images/download-button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mgdm/phpmentoring.github.com/master/images/download-button.png
--------------------------------------------------------------------------------
/images/github-button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mgdm/phpmentoring.github.com/master/images/github-button.png
--------------------------------------------------------------------------------
/params.json:
--------------------------------------------------------------------------------
1 | {"note":"Don't delete this file! It's used internally to help with page regeneration.","google":"","body":"# phpMentoring - building strong developers\r\n From Minion to Mentor one Dev at a Time","tagline":"Website for the PHP Mentoring Organization","name":"phpMentoring"}
--------------------------------------------------------------------------------
/stylesheets/pygment_trac.css:
--------------------------------------------------------------------------------
1 | .highlight { background: #ffffff; }
2 | .highlight .c { color: #999988; font-style: italic } /* Comment */
3 | .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
4 | .highlight .k { font-weight: bold } /* Keyword */
5 | .highlight .o { font-weight: bold } /* Operator */
6 | .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
7 | .highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
8 | .highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
9 | .highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
10 | .highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
11 | .highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
12 | .highlight .ge { font-style: italic } /* Generic.Emph */
13 | .highlight .gr { color: #aa0000 } /* Generic.Error */
14 | .highlight .gh { color: #999999 } /* Generic.Heading */
15 | .highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
16 | .highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
17 | .highlight .go { color: #888888 } /* Generic.Output */
18 | .highlight .gp { color: #555555 } /* Generic.Prompt */
19 | .highlight .gs { font-weight: bold } /* Generic.Strong */
20 | .highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
21 | .highlight .gt { color: #aa0000 } /* Generic.Traceback */
22 | .highlight .kc { font-weight: bold } /* Keyword.Constant */
23 | .highlight .kd { font-weight: bold } /* Keyword.Declaration */
24 | .highlight .kn { font-weight: bold } /* Keyword.Namespace */
25 | .highlight .kp { font-weight: bold } /* Keyword.Pseudo */
26 | .highlight .kr { font-weight: bold } /* Keyword.Reserved */
27 | .highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
28 | .highlight .m { color: #009999 } /* Literal.Number */
29 | .highlight .s { color: #d14 } /* Literal.String */
30 | .highlight .na { color: #008080 } /* Name.Attribute */
31 | .highlight .nb { color: #0086B3 } /* Name.Builtin */
32 | .highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
33 | .highlight .no { color: #008080 } /* Name.Constant */
34 | .highlight .ni { color: #800080 } /* Name.Entity */
35 | .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
36 | .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
37 | .highlight .nn { color: #555555 } /* Name.Namespace */
38 | .highlight .nt { color: #000080 } /* Name.Tag */
39 | .highlight .nv { color: #008080 } /* Name.Variable */
40 | .highlight .ow { font-weight: bold } /* Operator.Word */
41 | .highlight .w { color: #bbbbbb } /* Text.Whitespace */
42 | .highlight .mf { color: #009999 } /* Literal.Number.Float */
43 | .highlight .mh { color: #009999 } /* Literal.Number.Hex */
44 | .highlight .mi { color: #009999 } /* Literal.Number.Integer */
45 | .highlight .mo { color: #009999 } /* Literal.Number.Oct */
46 | .highlight .sb { color: #d14 } /* Literal.String.Backtick */
47 | .highlight .sc { color: #d14 } /* Literal.String.Char */
48 | .highlight .sd { color: #d14 } /* Literal.String.Doc */
49 | .highlight .s2 { color: #d14 } /* Literal.String.Double */
50 | .highlight .se { color: #d14 } /* Literal.String.Escape */
51 | .highlight .sh { color: #d14 } /* Literal.String.Heredoc */
52 | .highlight .si { color: #d14 } /* Literal.String.Interpol */
53 | .highlight .sx { color: #d14 } /* Literal.String.Other */
54 | .highlight .sr { color: #009926 } /* Literal.String.Regex */
55 | .highlight .s1 { color: #d14 } /* Literal.String.Single */
56 | .highlight .ss { color: #990073 } /* Literal.String.Symbol */
57 | .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
58 | .highlight .vc { color: #008080 } /* Name.Variable.Class */
59 | .highlight .vg { color: #008080 } /* Name.Variable.Global */
60 | .highlight .vi { color: #008080 } /* Name.Variable.Instance */
61 | .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
62 |
63 | .type-csharp .highlight .k { color: #0000FF }
64 | .type-csharp .highlight .kt { color: #0000FF }
65 | .type-csharp .highlight .nf { color: #000000; font-weight: normal }
66 | .type-csharp .highlight .nc { color: #2B91AF }
67 | .type-csharp .highlight .nn { color: #000000 }
68 | .type-csharp .highlight .s { color: #A31515 }
69 | .type-csharp .highlight .sc { color: #A31515 }
70 |
--------------------------------------------------------------------------------
/stylesheets/print.css:
--------------------------------------------------------------------------------
1 | html, body, div, span, applet, object, iframe,
2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3 | a, abbr, acronym, address, big, cite, code,
4 | del, dfn, em, img, ins, kbd, q, s, samp,
5 | small, strike, strong, sub, sup, tt, var,
6 | b, u, i, center,
7 | dl, dt, dd, ol, ul, li,
8 | fieldset, form, label, legend,
9 | table, caption, tbody, tfoot, thead, tr, th, td,
10 | article, aside, canvas, details, embed,
11 | figure, figcaption, footer, header, hgroup,
12 | menu, nav, output, ruby, section, summary,
13 | time, mark, audio, video {
14 | margin: 0;
15 | padding: 0;
16 | border: 0;
17 | font-size: 100%;
18 | font: inherit;
19 | vertical-align: baseline;
20 | }
21 | /* HTML5 display-role reset for older browsers */
22 | article, aside, details, figcaption, figure,
23 | footer, header, hgroup, menu, nav, section {
24 | display: block;
25 | }
26 | body {
27 | line-height: 1;
28 | }
29 | ol, ul {
30 | list-style: none;
31 | }
32 | blockquote, q {
33 | quotes: none;
34 | }
35 | blockquote:before, blockquote:after,
36 | q:before, q:after {
37 | content: '';
38 | content: none;
39 | }
40 | table {
41 | border-collapse: collapse;
42 | border-spacing: 0;
43 | }
44 | body {
45 | font-size: 13px;
46 | line-height: 1.5;
47 | font-family: 'Helvetica Neue', Helvetica, Arial, serif;
48 | color: #000;
49 | }
50 |
51 | a {
52 | color: #d5000d;
53 | font-weight: bold;
54 | }
55 |
56 | header {
57 | padding-top: 35px;
58 | padding-bottom: 10px;
59 | }
60 |
61 | header h1 {
62 | font-weight: bold;
63 | letter-spacing: -1px;
64 | font-size: 48px;
65 | color: #303030;
66 | line-height: 1.2;
67 | }
68 |
69 | header h2 {
70 | letter-spacing: -1px;
71 | font-size: 24px;
72 | color: #aaa;
73 | font-weight: normal;
74 | line-height: 1.3;
75 | }
76 | #downloads {
77 | display: none;
78 | }
79 | #main_content {
80 | padding-top: 20px;
81 | }
82 |
83 | code, pre {
84 | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
85 | color: #222;
86 | margin-bottom: 30px;
87 | font-size: 12px;
88 | }
89 |
90 | code {
91 | padding: 0 3px;
92 | }
93 |
94 | pre {
95 | border: solid 1px #ddd;
96 | padding: 20px;
97 | overflow: auto;
98 | }
99 | pre code {
100 | padding: 0;
101 | }
102 |
103 | ul, ol, dl {
104 | margin-bottom: 20px;
105 | }
106 |
107 |
108 | /* COMMON STYLES */
109 |
110 | table {
111 | width: 100%;
112 | border: 1px solid #ebebeb;
113 | }
114 |
115 | th {
116 | font-weight: 500;
117 | }
118 |
119 | td {
120 | border: 1px solid #ebebeb;
121 | text-align: center;
122 | font-weight: 300;
123 | }
124 |
125 | form {
126 | background: #f2f2f2;
127 | padding: 20px;
128 |
129 | }
130 |
131 |
132 | /* GENERAL ELEMENT TYPE STYLES */
133 |
134 | h1 {
135 | font-size: 2.8em;
136 | }
137 |
138 | h2 {
139 | font-size: 22px;
140 | font-weight: bold;
141 | color: #303030;
142 | margin-bottom: 8px;
143 | }
144 |
145 | h3 {
146 | color: #d5000d;
147 | font-size: 18px;
148 | font-weight: bold;
149 | margin-bottom: 8px;
150 | }
151 |
152 | h4 {
153 | font-size: 16px;
154 | color: #303030;
155 | font-weight: bold;
156 | }
157 |
158 | h5 {
159 | font-size: 1em;
160 | color: #303030;
161 | }
162 |
163 | h6 {
164 | font-size: .8em;
165 | color: #303030;
166 | }
167 |
168 | p {
169 | font-weight: 300;
170 | margin-bottom: 20px;
171 | }
172 |
173 | a {
174 | text-decoration: none;
175 | }
176 |
177 | p a {
178 | font-weight: 400;
179 | }
180 |
181 | blockquote {
182 | font-size: 1.6em;
183 | border-left: 10px solid #e9e9e9;
184 | margin-bottom: 20px;
185 | padding: 0 0 0 30px;
186 | }
187 |
188 | ul li {
189 | list-style: disc inside;
190 | padding-left: 20px;
191 | }
192 |
193 | ol li {
194 | list-style: decimal inside;
195 | padding-left: 3px;
196 | }
197 |
198 | dl dd {
199 | font-style: italic;
200 | font-weight: 100;
201 | }
202 |
203 | footer {
204 | margin-top: 40px;
205 | padding-top: 20px;
206 | padding-bottom: 30px;
207 | font-size: 13px;
208 | color: #aaa;
209 | }
210 |
211 | footer a {
212 | color: #666;
213 | }
214 |
215 | /* MISC */
216 | .clearfix:after {
217 | clear: both;
218 | content: '.';
219 | display: block;
220 | visibility: hidden;
221 | height: 0;
222 | }
223 |
224 | .clearfix {display: inline-block;}
225 | * html .clearfix {height: 1%;}
226 | .clearfix {display: block;}
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | PHP Mentoring
13 |
14 |
15 |
22 |
23 |
24 |
25 | phpMentoring
26 | Who
27 |
28 | We are a formal, personal, long term, peer to peer mentorship organization focused on creating networks of skilled developers from all walks of life.
29 | We are PHP developers first and foremost - but that is not all we do nor is it the only skill listed on our resume.
30 | We are both mentors and apprentices, teachers, counselors, and we're not in this for profit but for the end result, a strong community of talented developers doing some fabulous things.
31 | We give back to the community as much as we take, we build up not tear down, and above all we believe in "play nice" and "code well"
32 |
33 | What
34 |
35 | Mentorship is a personal developmental relationship in which a more experienced or more knowledgeable person helps to guide a less experienced or less knowledgeable person.
36 |
37 | It's more then just answering questions or providing help, it's about learning, communication, and interaction.
38 | There are many different types of mentorships and mentorship programs, we have chosen a specific set of facets that describe mentorship for our program.
39 | There are mentorship organizations which have very formal procedures and there are also much more informal mentorships. Because we have both rules for relationships and procedures for mentorships this is a formal organization.
40 | Not every mentorship relationship needs to be or should be the kind where you invite them to your wedding, but we do focus more on personal involvement between two people, which makes our organization more personal then professional.
41 | Although short term, intensive mentorships can be useful for specific skills, we feel that the end result of a good mentorship is a healthy career in the long term. This means our mentorships should be a rich and ever changing career-long experience.
42 | Although group mentorships work well at the beginning of a career we feel the most best bang for your buck works best in face to face relationships.
43 |
44 | When
45 |
46 | The idea for a mentorship organization for technical communities is not a new one, but a common place to come together with some basic rules and guidelines where people could connect with each other and get questions answered in a common way is the ultimate goal. Sometimes a little organization and beaurocracy makes things that were previously difficult much easier.
47 |
48 | Where
49 |
50 | We communicate in various ways - from a google groups mailing list to an irc channel, wikis and example code directories on github, and our website. We also encourage face-to-face interaction - through user groups, meetups, conferences. We use technology from google hangouts to skype to irc and other chat programs. Communication is the key to any good relationship.
51 |
52 | Why
53 |
54 | Mentoring is great for your career. It provides
55 |
56 | Information - technology moves fast, get help and insight into your every day work
57 | Recognition - as a mentor, your apprentice's work and progress will reflect on you
58 | Role modeling - as an apprentice you will have people to look up to, so you can map where you want to be in the future
59 | Advice - get insights into your strengths and weaknesses as well as guidance on where to go next
60 | Networking - find opportunities and meet people you never would have before
61 | Interaction - regular communication helps you introduce more social interaction into your work
62 | Intangibles - humans want to do things that make use feel good, from giving back knowledge received as an apprentice to a new apprentice or just helping someone with a problem
63 |
64 |
65 | How
66 |
67 | Our charter
68 | Our rules
69 |
70 | Apprentice Rules
71 |
72 | Take responsibility for career goals
73 | Listen and share
74 | Incorporate feedback given
75 | Make time for interaction
76 | Have realistic expectations and approach the relationship with honesty
77 |
78 | Master Rules
79 |
80 | Trust and Respect
81 | Listen not just hear
82 | Help apprentice define and achieve goals
83 | Offer advice, references, resources, constructive feedback
84 | Give support when apprentice succeeds, and when they fail
85 | How to find a mentor
86 | How to find an apprentice
87 | Goals and ongoing encouragement
88 |
89 |
90 |
91 | Programs and Opportunities
92 |
93 | Mailing list
94 | IRC channels
95 | Video chat hangouts
96 | RL get togethers (conferences, meetups)
97 |
98 |
99 |
110 |
111 |
112 |
113 |
114 |
--------------------------------------------------------------------------------
/stylesheets/stylesheet.css:
--------------------------------------------------------------------------------
1 | /* http://meyerweb.com/eric/tools/css/reset/
2 | v2.0 | 20110126
3 | License: none (public domain)
4 | */
5 | html, body, div, span, applet, object, iframe,
6 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
7 | a, abbr, acronym, address, big, cite, code,
8 | del, dfn, em, img, ins, kbd, q, s, samp,
9 | small, strike, strong, sub, sup, tt, var,
10 | b, u, i, center,
11 | dl, dt, dd, ol, ul, li,
12 | fieldset, form, label, legend,
13 | table, caption, tbody, tfoot, thead, tr, th, td,
14 | article, aside, canvas, details, embed,
15 | figure, figcaption, footer, header, hgroup,
16 | menu, nav, output, ruby, section, summary,
17 | time, mark, audio, video {
18 | margin: 0;
19 | padding: 0;
20 | border: 0;
21 | font-size: 100%;
22 | font: inherit;
23 | vertical-align: baseline;
24 | }
25 | /* HTML5 display-role reset for older browsers */
26 | article, aside, details, figcaption, figure,
27 | footer, header, hgroup, menu, nav, section {
28 | display: block;
29 | }
30 | body {
31 | line-height: 1;
32 | }
33 | ol, ul {
34 | list-style: none;
35 | }
36 | blockquote, q {
37 | quotes: none;
38 | }
39 | blockquote:before, blockquote:after,
40 | q:before, q:after {
41 | content: '';
42 | content: none;
43 | }
44 | table {
45 | border-collapse: collapse;
46 | border-spacing: 0;
47 | }
48 |
49 | /* LAYOUT STYLES */
50 | body {
51 | font-size: 15px;
52 | line-height: 1.5;
53 | background: #fafafa url(../images/body-bg.jpg) 0 0 repeat;
54 | font-family: 'Helvetica Neue', Helvetica, Arial, serif;
55 | font-weight: 400;
56 | color: #666;
57 | }
58 |
59 | a {
60 | color: #2879d0;
61 | }
62 | a:hover {
63 | color: #2268b2;
64 | }
65 |
66 | header {
67 | padding-top: 40px;
68 | padding-bottom: 40px;
69 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
70 | background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x;
71 | border-bottom: solid 1px #275da1;
72 | }
73 |
74 | header h1 {
75 | letter-spacing: -1px;
76 | font-size: 72px;
77 | color: #fff;
78 | line-height: 1;
79 | margin-bottom: 0.2em;
80 | width: 540px;
81 | }
82 |
83 | header h2 {
84 | font-size: 26px;
85 | color: #9ddcff;
86 | font-weight: normal;
87 | line-height: 1.3;
88 | width: 540px;
89 | letter-spacing: 0;
90 | }
91 |
92 | .inner {
93 | position: relative;
94 | width: 940px;
95 | margin: 0 auto;
96 | }
97 |
98 | #content-wrapper {
99 | border-top: solid 1px #fff;
100 | padding-top: 30px;
101 | }
102 |
103 | #main-content {
104 | width: 690px;
105 | float: left;
106 | }
107 |
108 | #main-content img {
109 | max-width: 100%;
110 | }
111 |
112 | aside#sidebar {
113 | width: 200px;
114 | padding-left: 20px;
115 | min-height: 504px;
116 | float: right;
117 | background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat;
118 | font-size: 12px;
119 | line-height: 1.3;
120 | }
121 |
122 | aside#sidebar p.repo-owner,
123 | aside#sidebar p.repo-owner a {
124 | font-weight: bold;
125 | }
126 |
127 | #downloads {
128 | margin-bottom: 40px;
129 | }
130 |
131 | a.button {
132 | width: 134px;
133 | height: 58px;
134 | line-height: 1.2;
135 | font-size: 23px;
136 | color: #fff;
137 | padding-left: 68px;
138 | padding-top: 22px;
139 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
140 | }
141 | a.button small {
142 | display: block;
143 | font-size: 11px;
144 | }
145 | header a.button {
146 | position: absolute;
147 | right: 0;
148 | top: 0;
149 | background: transparent url(../images/github-button.png) 0 0 no-repeat;
150 | }
151 | aside a.button {
152 | width: 138px;
153 | padding-left: 64px;
154 | display: block;
155 | background: transparent url(../images/download-button.png) 0 0 no-repeat;
156 | margin-bottom: 20px;
157 | font-size: 21px;
158 | }
159 |
160 | code, pre {
161 | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
162 | color: #222;
163 | margin-bottom: 30px;
164 | font-size: 13px;
165 | }
166 |
167 | code {
168 | background-color: #f2f8fc;
169 | border: solid 1px #dbe7f3;
170 | padding: 0 3px;
171 | }
172 |
173 | pre {
174 | padding: 20px;
175 | background: #fff;
176 | text-shadow: none;
177 | overflow: auto;
178 | border: solid 1px #f2f2f2;
179 | }
180 | pre code {
181 | color: #2879d0;
182 | background-color: #fff;
183 | border: none;
184 | padding: 0;
185 | }
186 |
187 | ul, ol, dl {
188 | margin-bottom: 20px;
189 | }
190 |
191 |
192 | /* COMMON STYLES */
193 |
194 | hr {
195 | height: 1px;
196 | line-height: 1px;
197 | margin-top: 1em;
198 | padding-bottom: 1em;
199 | border: none;
200 | background: transparent url('../images/hr.png') 0 0 no-repeat;
201 | }
202 |
203 | table {
204 | width: 100%;
205 | border: 1px solid #ebebeb;
206 | }
207 |
208 | th {
209 | font-weight: 500;
210 | }
211 |
212 | td {
213 | border: 1px solid #ebebeb;
214 | text-align: center;
215 | font-weight: 300;
216 | }
217 |
218 | form {
219 | background: #f2f2f2;
220 | padding: 20px;
221 |
222 | }
223 |
224 |
225 | /* GENERAL ELEMENT TYPE STYLES */
226 |
227 | #main-content h1 {
228 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
229 | font-size: 2.8em;
230 | letter-spacing: -1px;
231 | color: #474747;
232 | }
233 |
234 | #main-content h1:before {
235 | content: "/";
236 | color: #9ddcff;
237 | padding-right: 0.3em;
238 | margin-left: -0.9em;
239 | }
240 |
241 | #main-content h2 {
242 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
243 | font-size: 22px;
244 | font-weight: bold;
245 | margin-bottom: 8px;
246 | color: #474747;
247 | }
248 | #main-content h2:before {
249 | content: "//";
250 | color: #9ddcff;
251 | padding-right: 0.3em;
252 | margin-left: -1.5em;
253 | }
254 |
255 | #main-content h3 {
256 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
257 | font-size: 18px;
258 | font-weight: bold;
259 | margin-top: 24px;
260 | margin-bottom: 8px;
261 | color: #474747;
262 | }
263 |
264 | #main-content h3:before {
265 | content: "///";
266 | color: #9ddcff;
267 | padding-right: 0.3em;
268 | margin-left: -2em;
269 | }
270 |
271 | #main-content h4 {
272 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
273 | font-size: 15px;
274 | font-weight: bold;
275 | color: #474747;
276 | }
277 |
278 | h4:before {
279 | content: "////";
280 | color: #9ddcff;
281 | padding-right: 0.3em;
282 | margin-left: -2.8em;
283 | }
284 |
285 | #main-content h5 {
286 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
287 | font-size: 14px;
288 | color: #474747;
289 | }
290 | h5:before {
291 | content: "/////";
292 | color: #9ddcff;
293 | padding-right: 0.3em;
294 | margin-left: -3.2em;
295 | }
296 |
297 | #main-content h6 {
298 | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
299 | font-size: .8em;
300 | color: #474747;
301 | }
302 | h6:before {
303 | content: "//////";
304 | color: #9ddcff;
305 | padding-right: 0.3em;
306 | margin-left: -3.7em;
307 | }
308 |
309 | p {
310 | margin-bottom: 20px;
311 | }
312 |
313 | a {
314 | text-decoration: none;
315 | }
316 |
317 | p a {
318 | font-weight: 400;
319 | }
320 |
321 | blockquote {
322 | font-size: 1.6em;
323 | border-left: 10px solid #e9e9e9;
324 | margin-bottom: 20px;
325 | padding: 0 0 0 30px;
326 | }
327 |
328 | ul li {
329 | list-style: disc inside;
330 | padding-left: 20px;
331 | }
332 |
333 | ol li {
334 | list-style: decimal inside;
335 | padding-left: 3px;
336 | }
337 |
338 | dl dd {
339 | font-style: italic;
340 | font-weight: 100;
341 | }
342 |
343 | footer {
344 | background: transparent url('../images/hr.png') 0 0 no-repeat;
345 | margin-top: 40px;
346 | padding-top: 20px;
347 | padding-bottom: 30px;
348 | font-size: 13px;
349 | color: #aaa;
350 | }
351 |
352 | footer a {
353 | color: #666;
354 | }
355 | footer a:hover {
356 | color: #444;
357 | }
358 |
359 | h1 + section,
360 | h2 + section,
361 | h3 + section,
362 | h4 + section,
363 | h5 + section,
364 | h6 + section {
365 | padding-left: 1.5em;
366 | }
367 |
368 | /* MISC */
369 | .clearfix:after {
370 | clear: both;
371 | content: '.';
372 | display: block;
373 | visibility: hidden;
374 | height: 0;
375 | }
376 |
377 | .clearfix {display: inline-block;}
378 | * html .clearfix {height: 1%;}
379 | .clearfix {display: block;}
380 |
381 | /* #Media Queries
382 | ================================================== */
383 |
384 | /* Smaller than standard 960 (devices and browsers) */
385 | @media only screen and (max-width: 959px) {}
386 |
387 | /* Tablet Portrait size to standard 960 (devices and browsers) */
388 | @media only screen and (min-width: 768px) and (max-width: 959px) {
389 | .inner {
390 | width: 740px;
391 | }
392 | header h1, header h2 {
393 | width: 340px;
394 | }
395 | header h1 {
396 | font-size: 60px;
397 | }
398 | header h2 {
399 | font-size: 30px;
400 | }
401 | #main-content {
402 | width: 490px;
403 | }
404 | #main-content h1:before,
405 | #main-content h2:before,
406 | #main-content h3:before,
407 | #main-content h4:before,
408 | #main-content h5:before,
409 | #main-content h6:before {
410 | content: none;
411 | padding-right: 0;
412 | margin-left: 0;
413 | }
414 | }
415 |
416 | /* All Mobile Sizes (devices and browser) */
417 | @media only screen and (max-width: 767px) {
418 | .inner {
419 | width: 93%;
420 | }
421 | header {
422 | padding: 20px 0;
423 | }
424 | header .inner {
425 | position: relative;
426 | }
427 | header h1, header h2 {
428 | width: 100%;
429 | }
430 | header h1 {
431 | font-size: 48px;
432 | }
433 | header h2 {
434 | font-size: 24px;
435 | }
436 | header a.button {
437 | background-image: none;
438 | width: auto;
439 | height: auto;
440 | display: inline-block;
441 | margin-top: 15px;
442 | padding: 5px 10px;
443 | position: relative;
444 | text-align: center;
445 | font-size: 13px;
446 | line-height: 1;
447 | background-color: #9ddcff;
448 | color: #2879d0;
449 | -moz-border-radius: 5px;
450 | -webkit-border-radius: 5px;
451 | border-radius: 5px;
452 | }
453 | header a.button small {
454 | font-size: 13px;
455 | display: inline;
456 | }
457 | #main-content,
458 | aside#sidebar {
459 | float: none;
460 | width: 100% ! important;
461 | }
462 | aside#sidebar {
463 | background-image: none;
464 | margin-top: 20px;
465 | border-top: solid 1px #ddd;
466 | padding: 20px 0;
467 | min-height: 0;
468 | }
469 | aside#sidebar a.button {
470 | display: none;
471 | }
472 | #main-content h1:before,
473 | #main-content h2:before,
474 | #main-content h3:before,
475 | #main-content h4:before,
476 | #main-content h5:before,
477 | #main-content h6:before {
478 | content: none;
479 | padding-right: 0;
480 | margin-left: 0;
481 | }
482 | }
483 |
484 | /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
485 | @media only screen and (min-width: 480px) and (max-width: 767px) {}
486 |
487 | /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
488 | @media only screen and (max-width: 479px) {}
489 |
--------------------------------------------------------------------------------