├── 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 |
16 |
17 |

PHP Mentoring

18 |

building strong developers

19 | Follow me onGitHub 20 |
21 |
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 | --------------------------------------------------------------------------------