├── .gitignore ├── CNAME ├── README.md ├── _config.yml ├── _data └── partenaires.yml ├── _includes ├── footer.html ├── head.html ├── header.html └── map.html ├── _layouts ├── default.html ├── page.html └── post.html ├── _posts └── 2014-05-25-welcome-to-jekyll.markdown ├── about.md ├── assets ├── blog-cover.jpg ├── boris_class.jpg ├── boris_paillard.jpg ├── cedric_menteau.jpg ├── class_concentre.jpg ├── class_happy.jpg ├── class_mathieu.jpg ├── guesthouse │ ├── dsc01545.jpg │ ├── dsc0499_1.jpg │ ├── dsc5991.jpg │ ├── dsc6175.jpg │ ├── dsc6186.jpg │ ├── dsc6196.jpg │ ├── dsc7943-50.jpg │ ├── dsc8047-50.jpg │ ├── guesthouse-outdoor.jpg │ ├── img_2038.jpg │ ├── miniramp-indoor.jpg │ ├── yp8a5369.jpg │ └── yp8a5499.jpg ├── home-geekos.jpg ├── home-surf.jpg ├── home-welcome-2.jpg ├── home-welcome-3.jpg ├── home-welcome.jpg ├── hossegor.jpg ├── icon-facebook.png ├── icon-twitter.png ├── lewagon-surfdev-lagraviere-barrel-cedricm.jpg ├── lewagon-surfdev-lagraviere-sunset-cedricm.jpg ├── lewagon-surfdev-quiver-cedricm.jpg ├── lewagon_mutinerie.jpg ├── logo.png ├── logo_lewagon.png ├── new-logo.png ├── og.jpg ├── partenaires │ ├── anticafe.png │ ├── git_paris.png │ ├── hopwork.png │ ├── remixjobs.png │ ├── surfsession_color.png │ └── woll.png ├── romain_paillard.jpg ├── ror.png ├── sebastien_saunier.jpg ├── surf.png ├── surf │ ├── lewagon-surf-1.jpg │ ├── lewagon-surf-2.jpg │ ├── lewagon-surf-3.jpg │ └── lewagon-surf-4.jpg ├── surf_resort.jpg └── yp8a7180.jpg ├── code.html ├── css └── main.css ├── favicon.ico ├── feed.xml ├── index.html ├── lieu.html ├── reservation.html └── surf.html /.gitignore: -------------------------------------------------------------------------------- 1 | /**/.DS_Store 2 | _site 3 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | surfcamp.lewagon.org -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Code & Surf Camp website 2 | 3 | To work on the site: 4 | 5 | ```shell 6 | $ jekyll serve --watch 7 | ``` 8 | 9 | Then go to [http://localhost:4000/](http://localhost:4000/) -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: "Code & Surf Camp - Le Wagon" 3 | email: contact@lewagon.org 4 | description: "2 semaines de formation et de perfectionnement au code et au surf dans les Landes" 5 | url: http://surfcamp.lewagon.org 6 | baseurl: "" 7 | 8 | # Build settings 9 | markdown: kramdown 10 | permalink: pretty 11 | -------------------------------------------------------------------------------- /_data/partenaires.yml: -------------------------------------------------------------------------------- 1 | - name: Woll 2 | url: http://www.wollbeer.com 3 | img: woll.png 4 | 5 | - name: SurfSession 6 | url: http://www.surfsession.com 7 | img: surfsession_color.png 8 | 9 | - name: GirlsInTech Paris 10 | url: http://gitparis.com 11 | img: git_paris.png 12 | 13 | - name: Hopwork 14 | url: https://www.hopwork.com 15 | img: hopwork.png 16 | 17 | - name: Remix Jobs 18 | url: https://remixjobs.com/ 19 | img: remixjobs.png 20 | 21 | - name: Anticafé 22 | url: http://anticafe.fr 23 | img: anticafe.png -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 29 | 30 | 40 | 41 | 42 | 60 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /_includes/map.html: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 16 | 17 | 18 | 62 | 63 | 64 |
65 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 | 8 | {% include header.html %} 9 | 10 |
11 |
12 | {{ content }} 13 |
14 |
15 | 16 | {% include footer.html %} 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |
9 | 10 |
11 | {{ content }} 12 |
13 | 14 |
-------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |

{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}

9 |
10 | 11 |
12 | {{ content }} 13 |
14 | 15 |
-------------------------------------------------------------------------------- /_posts/2014-05-25-welcome-to-jekyll.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Welcome to Jekyll!" 4 | date: 2014-05-25 14:43:34 5 | categories: jekyll update 6 | --- 7 | 8 | You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes! 9 | To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext. 10 | 11 | Jekyll also offers powerful support for code snippets: 12 | 13 | {% highlight ruby %} 14 | def print_hi(name) 15 | puts "Hi, #{name}" 16 | end 17 | print_hi('Tom') 18 | #=> prints 'Hi, Tom' to STDOUT. 19 | {% endhighlight %} 20 | 21 | Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh]. 22 | 23 | [jekyll-gh]: https://github.com/jekyll/jekyll 24 | [jekyll]: http://jekyllrb.com 25 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: About 4 | permalink: /about/ 5 | --- 6 | 7 | This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](http://jekyllrb.com/) 8 | 9 | You can find the source code for the Jekyll new theme at: [github.com/jglovier/jekyll-new](https://github.com/jglovier/jekyll-new) 10 | 11 | You can find the source code for Jekyll at [github.com/jekyll/jekyll](https://github.com/jekyll/jekyll) 12 | -------------------------------------------------------------------------------- /assets/blog-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/blog-cover.jpg -------------------------------------------------------------------------------- /assets/boris_class.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/boris_class.jpg -------------------------------------------------------------------------------- /assets/boris_paillard.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/boris_paillard.jpg -------------------------------------------------------------------------------- /assets/cedric_menteau.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/cedric_menteau.jpg -------------------------------------------------------------------------------- /assets/class_concentre.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/class_concentre.jpg -------------------------------------------------------------------------------- /assets/class_happy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/class_happy.jpg -------------------------------------------------------------------------------- /assets/class_mathieu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/class_mathieu.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc01545.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc01545.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc0499_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc0499_1.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc5991.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc5991.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc6175.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc6175.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc6186.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc6186.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc6196.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc6196.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc7943-50.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc7943-50.jpg -------------------------------------------------------------------------------- /assets/guesthouse/dsc8047-50.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/dsc8047-50.jpg -------------------------------------------------------------------------------- /assets/guesthouse/guesthouse-outdoor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/guesthouse-outdoor.jpg -------------------------------------------------------------------------------- /assets/guesthouse/img_2038.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/img_2038.jpg -------------------------------------------------------------------------------- /assets/guesthouse/miniramp-indoor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/miniramp-indoor.jpg -------------------------------------------------------------------------------- /assets/guesthouse/yp8a5369.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/yp8a5369.jpg -------------------------------------------------------------------------------- /assets/guesthouse/yp8a5499.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/guesthouse/yp8a5499.jpg -------------------------------------------------------------------------------- /assets/home-geekos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/home-geekos.jpg -------------------------------------------------------------------------------- /assets/home-surf.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/home-surf.jpg -------------------------------------------------------------------------------- /assets/home-welcome-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/home-welcome-2.jpg -------------------------------------------------------------------------------- /assets/home-welcome-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/home-welcome-3.jpg -------------------------------------------------------------------------------- /assets/home-welcome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/home-welcome.jpg -------------------------------------------------------------------------------- /assets/hossegor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/hossegor.jpg -------------------------------------------------------------------------------- /assets/icon-facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/icon-facebook.png -------------------------------------------------------------------------------- /assets/icon-twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/icon-twitter.png -------------------------------------------------------------------------------- /assets/lewagon-surfdev-lagraviere-barrel-cedricm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/lewagon-surfdev-lagraviere-barrel-cedricm.jpg -------------------------------------------------------------------------------- /assets/lewagon-surfdev-lagraviere-sunset-cedricm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/lewagon-surfdev-lagraviere-sunset-cedricm.jpg -------------------------------------------------------------------------------- /assets/lewagon-surfdev-quiver-cedricm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/lewagon-surfdev-quiver-cedricm.jpg -------------------------------------------------------------------------------- /assets/lewagon_mutinerie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/lewagon_mutinerie.jpg -------------------------------------------------------------------------------- /assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/logo.png -------------------------------------------------------------------------------- /assets/logo_lewagon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/logo_lewagon.png -------------------------------------------------------------------------------- /assets/new-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/new-logo.png -------------------------------------------------------------------------------- /assets/og.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/og.jpg -------------------------------------------------------------------------------- /assets/partenaires/anticafe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/partenaires/anticafe.png -------------------------------------------------------------------------------- /assets/partenaires/git_paris.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/partenaires/git_paris.png -------------------------------------------------------------------------------- /assets/partenaires/hopwork.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/partenaires/hopwork.png -------------------------------------------------------------------------------- /assets/partenaires/remixjobs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/partenaires/remixjobs.png -------------------------------------------------------------------------------- /assets/partenaires/surfsession_color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/partenaires/surfsession_color.png -------------------------------------------------------------------------------- /assets/partenaires/woll.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/partenaires/woll.png -------------------------------------------------------------------------------- /assets/romain_paillard.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/romain_paillard.jpg -------------------------------------------------------------------------------- /assets/ror.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/ror.png -------------------------------------------------------------------------------- /assets/sebastien_saunier.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/sebastien_saunier.jpg -------------------------------------------------------------------------------- /assets/surf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/surf.png -------------------------------------------------------------------------------- /assets/surf/lewagon-surf-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/surf/lewagon-surf-1.jpg -------------------------------------------------------------------------------- /assets/surf/lewagon-surf-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/surf/lewagon-surf-2.jpg -------------------------------------------------------------------------------- /assets/surf/lewagon-surf-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/surf/lewagon-surf-3.jpg -------------------------------------------------------------------------------- /assets/surf/lewagon-surf-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/surf/lewagon-surf-4.jpg -------------------------------------------------------------------------------- /assets/surf_resort.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/surf_resort.jpg -------------------------------------------------------------------------------- /assets/yp8a7180.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/assets/yp8a7180.jpg -------------------------------------------------------------------------------- /code.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |
7 |
8 |

Code

9 |

Devenez un(e) expert(e) Ruby on Rails

10 |
11 |
12 |
13 | 14 |
15 |

16 | Participer à un live-code autour du bar, projeté sur un écran géant au dessus d'une rampe de skate, ça vous tente ? 17 |

18 | 19 |

20 | Novice 21 |

22 | 23 |

24 | Ruby on Rails est un framework de développement web 25 | permettant de rapidement prototyper vos applications. L'objectif 26 | de ces deux semaines de formation est de vous donner les clés pour comprendre 27 | comment fonctionne une application Rails, et vous permettre de 28 | devenir autonome en développement web. 29 |

30 | 31 |

Pré-requis

32 | 33 |

34 | Aucun pré-requis, cependant il serait préférable que vous soyez 35 | un minimum familier avec HTML & CSS. Amenez votre ordinateur 36 | portable (Mac ou Linux de préférence). 37 |

38 | 39 |

Programme

40 | 41 |

42 | Nous travaillerons sur des cas concrets tout en introduisant au fur 43 | et à mesure les notions théoriques importantes. Ainsi nous allons recréer 44 | un clone de Airbnb, avant de passer sur un projet de votre choix. À la fin 45 | du programme, 46 |

47 | 68 | 69 |

70 | 71 | Je réserve 72 | 73 |

74 |
75 | 76 |
77 |
78 | 79 |
80 |

81 | Pro 82 |

83 | 84 |

85 | Vous avez déjà codé trois applications Rails, une gem, et vous donnez 86 | des talks dans les conférences Ruby ? Bienvenue ! 87 |

88 | 89 |

Programme

90 | 91 |

92 | L'objectif pour vous est le perfectionnement. Aussi, 93 | nous aborderons les points suivants sous forme de mini-conférences, entre 94 | autres : 95 |

96 | 108 | 109 |

Retraite

110 | 111 |

112 | Ce sera également l'occasion de consacrer deux semaines à ce fameux side-project qui vous 113 | tient à coeur sans pouvoir y consacrer du temps. Ou bien vous associer 114 | de manière éphémère avec les autres développeurs(euses) autour 115 | d'un produit surf ! 116 |

117 | 118 |

119 | 120 | Je réserve 121 | 122 |

123 |
-------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | .pull-right { 2 | float: right; 3 | } 4 | 5 | .pull-left { 6 | float: left; 7 | margin-top: -15px; 8 | margin-right: 15px; 9 | } 10 | 11 | .center-auto { 12 | margin: auto; 13 | } 14 | 15 | .center { 16 | text-align: center; 17 | } 18 | 19 | .clear { 20 | clear: both; 21 | } 22 | 23 | article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { 24 | display: block; 25 | } 26 | audio, canvas, video { 27 | display: inline-block; 28 | } 29 | audio:not([controls]) { 30 | display: none; 31 | height: 0; 32 | } 33 | [hidden] { 34 | display: none; 35 | } 36 | html { 37 | font-family: sans-serif; 38 | -webkit-text-size-adjust: 100%; 39 | -ms-text-size-adjust: 100%} 40 | body { 41 | margin: 0; 42 | } 43 | a:focus { 44 | outline: thin dotted; 45 | } 46 | a:active, a:hover { 47 | outline: 0; 48 | } 49 | h1 { 50 | font-size: 2em; 51 | margin: 0.67em 0; 52 | } 53 | abbr[title] { 54 | border-bottom: 1px dotted; 55 | } 56 | b, strong { 57 | font-weight: bold; 58 | } 59 | dfn { 60 | font-style: italic; 61 | } 62 | hr { 63 | -moz-box-sizing: content-box; 64 | box-sizing: content-box; 65 | height: 0; 66 | } 67 | mark { 68 | background: #ff0; 69 | color: #000; 70 | } 71 | code, kbd, pre, samp { 72 | font-family: monospace, serif; 73 | font-size: 1em; 74 | } 75 | pre { 76 | white-space: pre-wrap; 77 | } 78 | q { 79 | quotes: "\201C" "\201D" "\2018" "\2019"} 80 | small { 81 | font-size: 80%} 82 | sub, sup { 83 | font-size: 75%; 84 | line-height: 0; 85 | position: relative; 86 | vertical-align: baseline; 87 | } 88 | sup { 89 | top: -0.5em; 90 | } 91 | sub { 92 | bottom: -0.25em; 93 | } 94 | img { 95 | border: 0; 96 | } 97 | svg:not(:root) { 98 | overflow: hidden; 99 | } 100 | figure { 101 | margin: 0; 102 | } 103 | fieldset { 104 | border: 1px solid #c0c0c0; 105 | margin: 0 2px; 106 | padding: 0.35em 0.625em 0.75em; 107 | } 108 | legend { 109 | border: 0; 110 | padding: 0; 111 | } 112 | button, input, select, textarea { 113 | font-family: inherit; 114 | font-size: 100%; 115 | margin: 0; 116 | } 117 | button, input { 118 | line-height: normal; 119 | } 120 | button, select { 121 | text-transform: none; 122 | } 123 | button, html input[type="button"], input[type="reset"], input[type="submit"] { 124 | -webkit-appearance: button; 125 | cursor: pointer; 126 | } 127 | button[disabled], html input[disabled] { 128 | cursor: default; 129 | } 130 | input[type="checkbox"], input[type="radio"] { 131 | box-sizing: border-box; 132 | padding: 0; 133 | } 134 | input[type="search"] { 135 | -webkit-appearance: textfield; 136 | -moz-box-sizing: content-box; 137 | -webkit-box-sizing: content-box; 138 | box-sizing: content-box; 139 | } 140 | input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { 141 | -webkit-appearance: none; 142 | } 143 | button::-moz-focus-inner, input::-moz-focus-inner { 144 | border: 0; 145 | padding: 0; 146 | } 147 | textarea { 148 | overflow: auto; 149 | vertical-align: top; 150 | } 151 | table { 152 | border-collapse: collapse; 153 | border-spacing: 0; 154 | } 155 | *, *:before, *:after { 156 | -webkit-box-sizing: border-box; 157 | -moz-box-sizing: border-box; 158 | box-sizing: border-box; 159 | } 160 | html { 161 | font-size: 62.5%; 162 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 163 | } 164 | body { 165 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 166 | font-size: 14px; 167 | line-height: 1.428571429; 168 | color: #333333; 169 | background-color: #ffffff; 170 | } 171 | input, button, select, textarea { 172 | font-family: inherit; 173 | font-size: inherit; 174 | line-height: inherit; 175 | } 176 | button, input, select[multiple], textarea { 177 | background-image: none; 178 | } 179 | a { 180 | color: rgb(102,166,154); 181 | text-decoration: none; 182 | } 183 | a:hover, a:focus { 184 | color: #2a6496; 185 | text-decoration: none; 186 | } 187 | a:focus { 188 | outline: thin dotted #333; 189 | outline: 5px auto -webkit-focus-ring-color; 190 | outline-offset: -2px; 191 | } 192 | img { 193 | vertical-align: middle; 194 | } 195 | .img-responsive { 196 | display: block; 197 | max-width: 100%; 198 | height: auto; 199 | } 200 | .img-rounded { 201 | border-radius: 6px; 202 | } 203 | .img-thumbnail { 204 | padding: 4px; 205 | line-height: 1.428571429; 206 | background-color: #ffffff; 207 | border: 1px solid #dddddd; 208 | border-radius: 4px; 209 | -webkit-transition: all 0.2s ease-in-out; 210 | transition: all 0.2s ease-in-out; 211 | display: inline-block; 212 | max-width: 100%; 213 | height: auto; 214 | } 215 | .img-circle { 216 | border-radius: 50%} 217 | hr { 218 | margin-top: 20px; 219 | margin-bottom: 20px; 220 | border: 0; 221 | border-top: 1px solid #eeeeee; 222 | } 223 | .sr-only { 224 | position: absolute; 225 | width: 1px; 226 | height: 1px; 227 | margin: -1px; 228 | padding: 0; 229 | overflow: hidden; 230 | clip: rect(0 0 0 0); 231 | border: 0; 232 | } 233 | @media print { 234 | * { 235 | text-shadow: none !important; 236 | color: #000 !important; 237 | background: transparent !important; 238 | box-shadow: none !important; 239 | } 240 | a, a:visited { 241 | text-decoration: underline; 242 | } 243 | a[href]:after { 244 | content: " (" attr(href) ")"} 245 | abbr[title]:after { 246 | content: " (" attr(title) ")"} 247 | .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { 248 | content: ""} 249 | pre, blockquote { 250 | border: 1px solid #999; 251 | page-break-inside: avoid; 252 | } 253 | thead { 254 | display: table-header-group; 255 | } 256 | tr, img { 257 | page-break-inside: avoid; 258 | } 259 | img { 260 | max-width: 100% !important; 261 | } 262 | @page { 263 | margin: 2cm .5cm; 264 | } 265 | p, h2, h3 { 266 | orphans: 3; 267 | widows: 3; 268 | } 269 | h2, h3 { 270 | page-break-after: avoid; 271 | } 272 | .navbar { 273 | display: none; 274 | } 275 | .table td, .table th { 276 | background-color: #fff !important; 277 | } 278 | .btn>.caret, .dropup>.btn>.caret { 279 | border-top-color: #000 !important; 280 | } 281 | .label { 282 | border: 1px solid #000; 283 | } 284 | .table { 285 | border-collapse: collapse !important; 286 | } 287 | .table-bordered th, .table-bordered td { 288 | border: 1px solid #ddd !important; 289 | } 290 | }p { 291 | margin: 0 0 10px; 292 | } 293 | .lead { 294 | margin-bottom: 20px; 295 | font-size: 16.099999999999998px; 296 | font-weight: 200; 297 | line-height: 1.4; 298 | } 299 | @media (min-width: 768px) { 300 | .lead { 301 | font-size: 21px; 302 | } 303 | }small { 304 | font-size: 85%} 305 | cite { 306 | font-style: normal; 307 | } 308 | .text-muted { 309 | color: #999999; 310 | } 311 | .text-primary { 312 | color: #428bca; 313 | } 314 | .text-warning { 315 | color: #c09853; 316 | } 317 | .text-danger { 318 | color: #b94a48; 319 | } 320 | .text-success { 321 | color: #468847; 322 | } 323 | .text-info { 324 | color: #3a87ad; 325 | } 326 | .text-left { 327 | text-align: left; 328 | } 329 | .text-right { 330 | text-align: right; 331 | } 332 | .text-center { 333 | text-align: center; 334 | } 335 | h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 336 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 337 | font-weight: 500; 338 | line-height: 1.1; 339 | } 340 | h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { 341 | font-weight: normal; 342 | line-height: 1; 343 | color: #999999; 344 | } 345 | h1, h2, h3 { 346 | margin-top: 20px; 347 | margin-bottom: 10px; 348 | } 349 | h4, h5, h6 { 350 | margin-top: 10px; 351 | margin-bottom: 10px; 352 | } 353 | h1, .h1 { 354 | font-size: 36px; 355 | } 356 | h2, .h2 { 357 | font-size: 30px; 358 | } 359 | h3, .h3 { 360 | font-size: 24px; 361 | } 362 | h4, .h4 { 363 | font-size: 18px; 364 | } 365 | h5, .h5 { 366 | font-size: 14px; 367 | } 368 | h6, .h6 { 369 | font-size: 12px; 370 | } 371 | h1 small, .h1 small { 372 | font-size: 24px; 373 | } 374 | h2 small, .h2 small { 375 | font-size: 18px; 376 | } 377 | h3 small, .h3 small, h4 small, .h4 small { 378 | font-size: 14px; 379 | } 380 | .page-header { 381 | padding-bottom: 9px; 382 | margin: 40px 0 20px; 383 | border-bottom: 1px solid #eeeeee; 384 | } 385 | ul, ol { 386 | margin-top: 0; 387 | margin-bottom: 10px; 388 | } 389 | ul ul, ol ul, ul ol, ol ol { 390 | margin-bottom: 0; 391 | } 392 | .list-unstyled { 393 | padding-left: 0; 394 | list-style: none; 395 | } 396 | .list-inline { 397 | padding-left: 0; 398 | list-style: none; 399 | } 400 | .list-inline>li { 401 | display: inline-block; 402 | padding-left: 5px; 403 | padding-right: 5px; 404 | } 405 | dl { 406 | margin-bottom: 20px; 407 | } 408 | dt, dd { 409 | line-height: 1.428571429; 410 | } 411 | dt { 412 | font-weight: bold; 413 | } 414 | dd { 415 | margin-left: 0; 416 | } 417 | @media (min-width: 768px) { 418 | .dl-horizontal dt { 419 | float: left; 420 | width: 160px; 421 | clear: left; 422 | text-align: right; 423 | overflow: hidden; 424 | text-overflow: ellipsis; 425 | white-space: nowrap; 426 | } 427 | .dl-horizontal dd { 428 | margin-left: 180px; 429 | } 430 | .dl-horizontal dd:before, .dl-horizontal dd:after { 431 | content: " "; 432 | display: table; 433 | } 434 | .dl-horizontal dd:after { 435 | clear: both; 436 | } 437 | }abbr[title], abbr[data-original-title] { 438 | cursor: help; 439 | border-bottom: 1px dotted #999999; 440 | } 441 | abbr.initialism { 442 | font-size: 90%; 443 | text-transform: uppercase; 444 | } 445 | blockquote { 446 | padding: 10px 20px; 447 | margin: 0 0 20px; 448 | border-left: 5px solid #eeeeee; 449 | } 450 | blockquote p { 451 | font-size: 17.5px; 452 | font-weight: 300; 453 | line-height: 1.25; 454 | } 455 | blockquote p:last-child { 456 | margin-bottom: 0; 457 | } 458 | blockquote small { 459 | display: block; 460 | line-height: 1.428571429; 461 | color: #999999; 462 | } 463 | blockquote small:before { 464 | content: '\2014 \00A0'} 465 | blockquote.pull-right { 466 | padding-right: 15px; 467 | padding-left: 0; 468 | border-right: 5px solid #eeeeee; 469 | border-left: 0; 470 | } 471 | blockquote.pull-right p, blockquote.pull-right small { 472 | text-align: right; 473 | } 474 | blockquote.pull-right small:before { 475 | content: ''} 476 | blockquote.pull-right small:after { 477 | content: '\00A0 \2014'} 478 | q:before, q:after, blockquote:before, blockquote:after { 479 | content: ""} 480 | address { 481 | display: block; 482 | margin-bottom: 20px; 483 | font-style: normal; 484 | line-height: 1.428571429; 485 | } 486 | code, pre { 487 | font-family: Monaco, Menlo, Consolas, "Courier New", monospace; 488 | } 489 | code { 490 | padding: 2px 4px; 491 | font-size: 90%; 492 | color: #c7254e; 493 | background-color: #f9f2f4; 494 | white-space: nowrap; 495 | border-radius: 4px; 496 | } 497 | pre { 498 | display: block; 499 | padding: 9.5px; 500 | margin: 0 0 10px; 501 | font-size: 13px; 502 | line-height: 1.428571429; 503 | word-break: break-all; 504 | word-wrap: break-word; 505 | color: #333333; 506 | background-color: #f5f5f5; 507 | border: 1px solid #cccccc; 508 | border-radius: 4px; 509 | } 510 | pre.prettyprint { 511 | margin-bottom: 20px; 512 | } 513 | pre code { 514 | padding: 0; 515 | font-size: inherit; 516 | color: inherit; 517 | white-space: pre-wrap; 518 | background-color: transparent; 519 | border: 0; 520 | } 521 | .pre-scrollable { 522 | max-height: 340px; 523 | overflow-y: scroll; 524 | } 525 | table { 526 | max-width: 100%; 527 | background-color: transparent; 528 | } 529 | th { 530 | text-align: left; 531 | } 532 | .table { 533 | width: 100%; 534 | margin-bottom: 20px; 535 | } 536 | .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td { 537 | padding: 8px; 538 | line-height: 1.428571429; 539 | vertical-align: top; 540 | border-top: 1px solid #dddddd; 541 | } 542 | .table thead>tr>th { 543 | vertical-align: bottom; 544 | border-bottom: 2px solid #dddddd; 545 | } 546 | .table caption+thead tr:first-child th, .table colgroup+thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child td { 547 | border-top: 0; 548 | } 549 | .table tbody+tbody { 550 | border-top: 2px solid #dddddd; 551 | } 552 | .table .table { 553 | background-color: #ffffff; 554 | } 555 | .table-condensed thead>tr>th, .table-condensed tbody>tr>th, .table-condensed tfoot>tr>th, .table-condensed thead>tr>td, .table-condensed tbody>tr>td, .table-condensed tfoot>tr>td { 556 | padding: 5px; 557 | } 558 | .table-bordered { 559 | border: 1px solid #dddddd; 560 | } 561 | .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { 562 | border: 1px solid #dddddd; 563 | } 564 | .table-bordered>thead>tr>th, .table-bordered>thead>tr>td { 565 | border-bottom-width: 2px; 566 | } 567 | .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { 568 | background-color: #f9f9f9; 569 | } 570 | .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { 571 | background-color: #f5f5f5; 572 | } 573 | table col[class*="col-"] { 574 | float: none; 575 | display: table-column; 576 | } 577 | table td[class*="col-"], table th[class*="col-"] { 578 | float: none; 579 | display: table-cell; 580 | } 581 | .table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th { 582 | background-color: #f5f5f5; 583 | } 584 | .table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th { 585 | background-color: #dff0d8; 586 | border-color: #d6e9c6; 587 | } 588 | .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td { 589 | background-color: #d0e9c6; 590 | border-color: #c9e2b3; 591 | } 592 | .table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th { 593 | background-color: #f2dede; 594 | border-color: #eed3d7; 595 | } 596 | .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td { 597 | background-color: #ebcccc; 598 | border-color: #e6c1c7; 599 | } 600 | .table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th { 601 | background-color: #fcf8e3; 602 | border-color: #fbeed5; 603 | } 604 | .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td { 605 | background-color: #faf2cc; 606 | border-color: #f8e5be; 607 | } 608 | @media (max-width: 768px) { 609 | .table-responsive { 610 | width: 100%; 611 | margin-bottom: 15px; 612 | overflow-y: hidden; 613 | overflow-x: scroll; 614 | border: 1px solid #dddddd; 615 | } 616 | .table-responsive>.table { 617 | margin-bottom: 0; 618 | background-color: #fff; 619 | } 620 | .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { 621 | white-space: nowrap; 622 | } 623 | .table-responsive>.table-bordered { 624 | border: 0; 625 | } 626 | .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { 627 | border-left: 0; 628 | } 629 | .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { 630 | border-right: 0; 631 | } 632 | .table-responsive>.table-bordered>thead>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>thead>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td { 633 | border-bottom: 0; 634 | } 635 | }fieldset { 636 | padding: 0; 637 | margin: 0; 638 | border: 0; 639 | } 640 | legend { 641 | display: block; 642 | width: 100%; 643 | padding: 0; 644 | margin-bottom: 20px; 645 | font-size: 21px; 646 | line-height: inherit; 647 | color: #333333; 648 | border: 0; 649 | border-bottom: 1px solid #e5e5e5; 650 | } 651 | label { 652 | display: inline-block; 653 | margin-bottom: 5px; 654 | font-weight: bold; 655 | } 656 | input[type="search"] { 657 | -webkit-box-sizing: border-box; 658 | -moz-box-sizing: border-box; 659 | box-sizing: border-box; 660 | } 661 | input[type="radio"], input[type="checkbox"] { 662 | margin: 4px 0 0; 663 | margin-top: 1px \9; 664 | line-height: normal; 665 | } 666 | input[type="file"] { 667 | display: block; 668 | } 669 | select[multiple], select[size] { 670 | height: auto; 671 | } 672 | select optgroup { 673 | font-size: inherit; 674 | font-style: inherit; 675 | font-family: inherit; 676 | } 677 | input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { 678 | outline: thin dotted #333; 679 | outline: 5px auto -webkit-focus-ring-color; 680 | outline-offset: -2px; 681 | } 682 | input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { 683 | height: auto; 684 | } 685 | .form-control:-moz-placeholder { 686 | color: #999999; 687 | } 688 | .form-control::-moz-placeholder { 689 | color: #999999; 690 | } 691 | .form-control:-ms-input-placeholder { 692 | color: #999999; 693 | } 694 | .form-control::-webkit-input-placeholder { 695 | color: #999999; 696 | } 697 | .form-control { 698 | display: block; 699 | width: 100%; 700 | height: 34px; 701 | padding: 6px 12px; 702 | font-size: 14px; 703 | line-height: 1.428571429; 704 | color: #555555; 705 | vertical-align: middle; 706 | background-color: #ffffff; 707 | border: 1px solid #cccccc; 708 | border-radius: 4px; 709 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 710 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 711 | -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 712 | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 713 | } 714 | .form-control:focus { 715 | border-color: #66afe9; 716 | outline: 0; 717 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); 718 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); 719 | } 720 | .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { 721 | cursor: not-allowed; 722 | background-color: #eeeeee; 723 | } 724 | textarea.form-control { 725 | height: auto; 726 | } 727 | .form-group { 728 | margin-bottom: 15px; 729 | } 730 | .radio, .checkbox { 731 | display: block; 732 | min-height: 20px; 733 | margin-top: 10px; 734 | margin-bottom: 10px; 735 | padding-left: 20px; 736 | vertical-align: middle; 737 | } 738 | .radio label, .checkbox label { 739 | display: inline; 740 | margin-bottom: 0; 741 | font-weight: normal; 742 | cursor: pointer; 743 | } 744 | .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { 745 | float: left; 746 | margin-left: -20px; 747 | } 748 | .radio+.radio, .checkbox+.checkbox { 749 | margin-top: -5px; 750 | } 751 | .radio-inline, .checkbox-inline { 752 | display: inline-block; 753 | padding-left: 20px; 754 | margin-bottom: 0; 755 | vertical-align: middle; 756 | font-weight: normal; 757 | cursor: pointer; 758 | } 759 | .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { 760 | margin-top: 0; 761 | margin-left: 10px; 762 | } 763 | input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { 764 | cursor: not-allowed; 765 | } 766 | .input-sm { 767 | height: 30px; 768 | padding: 5px 10px; 769 | font-size: 12px; 770 | line-height: 1.5; 771 | border-radius: 3px; 772 | } 773 | select.input-sm { 774 | height: 30px; 775 | line-height: 30px; 776 | } 777 | textarea.input-sm { 778 | height: auto; 779 | } 780 | .input-lg { 781 | height: 45px; 782 | padding: 10px 16px; 783 | font-size: 18px; 784 | line-height: 1.33; 785 | border-radius: 6px; 786 | } 787 | select.input-lg { 788 | height: 45px; 789 | line-height: 45px; 790 | } 791 | textarea.input-lg { 792 | height: auto; 793 | } 794 | .has-warning .help-block, .has-warning .control-label { 795 | color: #c09853; 796 | } 797 | .has-warning .form-control { 798 | border-color: #c09853; 799 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 800 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 801 | } 802 | .has-warning .form-control:focus { 803 | border-color: #a47e3c; 804 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 805 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 806 | } 807 | .has-warning .input-group-addon { 808 | color: #c09853; 809 | border-color: #c09853; 810 | background-color: #fcf8e3; 811 | } 812 | .has-error .help-block, .has-error .control-label { 813 | color: #b94a48; 814 | } 815 | .has-error .form-control { 816 | border-color: #b94a48; 817 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 818 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 819 | } 820 | .has-error .form-control:focus { 821 | border-color: #953b39; 822 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 823 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 824 | } 825 | .has-error .input-group-addon { 826 | color: #b94a48; 827 | border-color: #b94a48; 828 | background-color: #f2dede; 829 | } 830 | .has-success .help-block, .has-success .control-label { 831 | color: #468847; 832 | } 833 | .has-success .form-control { 834 | border-color: #468847; 835 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 836 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 837 | } 838 | .has-success .form-control:focus { 839 | border-color: #356635; 840 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 841 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 842 | } 843 | .has-success .input-group-addon { 844 | color: #468847; 845 | border-color: #468847; 846 | background-color: #dff0d8; 847 | } 848 | .form-control-static { 849 | margin-bottom: 0; 850 | padding-top: 7px; 851 | } 852 | .help-block { 853 | display: block; 854 | margin-top: 5px; 855 | margin-bottom: 10px; 856 | color: #737373; 857 | } 858 | @media (min-width: 768px) { 859 | .form-inline .form-group { 860 | display: inline-block; 861 | margin-bottom: 0; 862 | vertical-align: middle; 863 | } 864 | .form-inline .form-control { 865 | display: inline-block; 866 | } 867 | .form-inline .radio, .form-inline .checkbox { 868 | display: inline-block; 869 | margin-top: 0; 870 | margin-bottom: 0; 871 | padding-left: 0; 872 | } 873 | .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { 874 | float: none; 875 | margin-left: 0; 876 | } 877 | }.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { 878 | margin-top: 0; 879 | margin-bottom: 0; 880 | padding-top: 7px; 881 | } 882 | .form-horizontal .form-group { 883 | margin-left: -15px; 884 | margin-right: -15px; 885 | } 886 | .form-horizontal .form-group:before, .form-horizontal .form-group:after { 887 | content: " "; 888 | display: table; 889 | } 890 | .form-horizontal .form-group:after { 891 | clear: both; 892 | } 893 | @media (min-width: 768px) { 894 | .form-horizontal .control-label { 895 | text-align: right; 896 | } 897 | }.btn:focus { 898 | outline: thin dotted #333; 899 | outline: 5px auto -webkit-focus-ring-color; 900 | outline-offset: -2px; 901 | } 902 | .btn:hover, .btn:focus { 903 | color: #333333; 904 | text-decoration: none; 905 | } 906 | .btn:active, .btn.active { 907 | outline: 0; 908 | background-image: none; 909 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 910 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 911 | } 912 | .btn.disabled, .btn[disabled], fieldset[disabled] .btn { 913 | cursor: not-allowed; 914 | pointer-events: none; 915 | opacity: 0.65; 916 | filter: alpha(opacity=65); 917 | -webkit-box-shadow: none; 918 | box-shadow: none; 919 | } 920 | .btn-default { 921 | color: #333333; 922 | background-color: #ffffff; 923 | border-color: #cccccc; 924 | } 925 | .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { 926 | color: #333333; 927 | background-color: #ebebeb; 928 | border-color: #adadad; 929 | } 930 | .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { 931 | background-image: none; 932 | } 933 | .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { 934 | background-color: #ffffff; 935 | border-color: #cccccc; 936 | } 937 | .btn-primary { 938 | color: #ffffff; 939 | background-color: #428bca; 940 | border-color: #357ebd; 941 | } 942 | .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { 943 | color: #ffffff; 944 | background-color: #3276b1; 945 | border-color: #285e8e; 946 | } 947 | .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { 948 | background-image: none; 949 | } 950 | .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { 951 | background-color: #428bca; 952 | border-color: #357ebd; 953 | } 954 | .btn-warning { 955 | color: #ffffff; 956 | background-color: #f0ad4e; 957 | border-color: #eea236; 958 | } 959 | .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { 960 | color: #ffffff; 961 | background-color: #ed9c28; 962 | border-color: #d58512; 963 | } 964 | .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { 965 | background-image: none; 966 | } 967 | .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { 968 | background-color: #f0ad4e; 969 | border-color: #eea236; 970 | } 971 | .btn-danger { 972 | color: #ffffff; 973 | background-color: #d9534f; 974 | border-color: #d43f3a; 975 | } 976 | .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { 977 | color: #ffffff; 978 | background-color: #d2322d; 979 | border-color: #ac2925; 980 | } 981 | .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { 982 | background-image: none; 983 | } 984 | .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { 985 | background-color: #d9534f; 986 | border-color: #d43f3a; 987 | } 988 | .btn-success { 989 | color: #ffffff; 990 | background-color: #5cb85c; 991 | border-color: #4cae4c; 992 | } 993 | .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { 994 | color: #ffffff; 995 | background-color: #47a447; 996 | border-color: #398439; 997 | } 998 | .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { 999 | background-image: none; 1000 | } 1001 | .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { 1002 | background-color: #5cb85c; 1003 | border-color: #4cae4c; 1004 | } 1005 | .btn-info { 1006 | color: #ffffff; 1007 | background-color: #5bc0de; 1008 | border-color: #46b8da; 1009 | } 1010 | .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { 1011 | color: #ffffff; 1012 | background-color: #39b3d7; 1013 | border-color: #269abc; 1014 | } 1015 | .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { 1016 | background-image: none; 1017 | } 1018 | .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { 1019 | background-color: #5bc0de; 1020 | border-color: #46b8da; 1021 | } 1022 | .btn-link { 1023 | color: #428bca; 1024 | font-weight: normal; 1025 | cursor: pointer; 1026 | border-radius: 0; 1027 | } 1028 | .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { 1029 | background-color: transparent; 1030 | -webkit-box-shadow: none; 1031 | box-shadow: none; 1032 | } 1033 | .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { 1034 | border-color: transparent; 1035 | } 1036 | .btn-link:hover, .btn-link:focus { 1037 | color: #2a6496; 1038 | text-decoration: underline; 1039 | background-color: transparent; 1040 | } 1041 | .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { 1042 | color: #999999; 1043 | text-decoration: none; 1044 | } 1045 | .btn-lg { 1046 | padding: 10px 16px; 1047 | font-size: 18px; 1048 | line-height: 1.33; 1049 | border-radius: 6px; 1050 | } 1051 | .btn-sm, .btn-xs { 1052 | padding: 5px 10px; 1053 | font-size: 12px !important; 1054 | line-height: 1.5; 1055 | border-radius: 3px; 1056 | } 1057 | .btn-xs { 1058 | padding: 1px 5px; 1059 | } 1060 | .btn-block { 1061 | display: block; 1062 | width: 100%; 1063 | padding-left: 0; 1064 | padding-right: 0; 1065 | } 1066 | .btn-block+.btn-block { 1067 | margin-top: 5px; 1068 | } 1069 | .caret { 1070 | display: inline-block; 1071 | width: 0; 1072 | height: 0; 1073 | margin-left: 2px; 1074 | vertical-align: middle; 1075 | border-top: 4px solid #000000; 1076 | border-right: 4px solid transparent; 1077 | border-left: 4px solid transparent; 1078 | border-bottom: 0 dotted; 1079 | content: ""} 1080 | .dropdown { 1081 | position: relative; 1082 | } 1083 | .dropdown-toggle:focus { 1084 | outline: 0; 1085 | } 1086 | .dropdown-menu { 1087 | position: absolute; 1088 | top: 100%; 1089 | left: 0; 1090 | z-index: 1000; 1091 | display: none; 1092 | float: left; 1093 | min-width: 160px; 1094 | padding: 5px 0; 1095 | margin: 2px 0 0; 1096 | list-style: none; 1097 | font-size: 14px; 1098 | background-color: #ffffff; 1099 | border: 1px solid #cccccc; 1100 | border: 1px solid rgba(0, 0, 0, 0.15); 1101 | border-radius: 4px; 1102 | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 1103 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 1104 | background-clip: padding-box; 1105 | } 1106 | .dropdown-menu.pull-right { 1107 | right: 0; 1108 | left: auto; 1109 | } 1110 | .dropdown-menu .divider { 1111 | height: 1px; 1112 | margin: 9px 0; 1113 | overflow: hidden; 1114 | background-color: #e5e5e5; 1115 | } 1116 | .dropdown-menu>li>a { 1117 | display: block; 1118 | padding: 3px 20px; 1119 | clear: both; 1120 | font-weight: normal; 1121 | line-height: 1.428571429; 1122 | color: #333333; 1123 | white-space: nowrap; 1124 | } 1125 | .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 1126 | text-decoration: none; 1127 | color: #ffffff; 1128 | background-color: #428bca; 1129 | } 1130 | .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { 1131 | color: #ffffff; 1132 | text-decoration: none; 1133 | outline: 0; 1134 | background-color: #428bca; 1135 | } 1136 | .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { 1137 | color: #999999; 1138 | } 1139 | .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { 1140 | text-decoration: none; 1141 | background-color: transparent; 1142 | background-image: none; 1143 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1144 | cursor: not-allowed; 1145 | } 1146 | .open>.dropdown-menu { 1147 | display: block; 1148 | } 1149 | .open>a { 1150 | outline: 0; 1151 | } 1152 | .dropdown-header { 1153 | display: block; 1154 | padding: 3px 20px; 1155 | font-size: 12px; 1156 | line-height: 1.428571429; 1157 | color: #999999; 1158 | } 1159 | .dropdown-backdrop { 1160 | position: fixed; 1161 | left: 0; 1162 | right: 0; 1163 | bottom: 0; 1164 | top: 0; 1165 | z-index: 990; 1166 | } 1167 | .pull-right>.dropdown-menu { 1168 | right: 0; 1169 | left: auto; 1170 | } 1171 | .dropup .caret, .navbar-fixed-bottom .dropdown .caret { 1172 | border-top: 0 dotted; 1173 | border-bottom: 4px solid #000000; 1174 | content: ""} 1175 | .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { 1176 | top: auto; 1177 | bottom: 100%; 1178 | margin-bottom: 1px; 1179 | } 1180 | @media (min-width: 768px) { 1181 | .navbar-right .dropdown-menu { 1182 | right: 0; 1183 | left: auto; 1184 | } 1185 | }input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { 1186 | width: 100%} 1187 | @-ms-viewport { 1188 | width: device-width; 1189 | } 1190 | @media screen and (max-width: 400px) { 1191 | @-ms-viewport { 1192 | width: 320px; 1193 | } 1194 | }.hidden { 1195 | display: none !important; 1196 | visibility: hidden !important; 1197 | } 1198 | .visible-xs { 1199 | display: none !important; 1200 | } 1201 | tr.visible-xs { 1202 | display: none !important; 1203 | } 1204 | th.visible-xs, td.visible-xs { 1205 | display: none !important; 1206 | } 1207 | @media (max-width: 767px) { 1208 | .visible-xs { 1209 | display: block !important; 1210 | } 1211 | tr.visible-xs { 1212 | display: table-row !important; 1213 | } 1214 | th.visible-xs, td.visible-xs { 1215 | display: table-cell !important; 1216 | } 1217 | }@media (min-width: 768px) and (max-width: 991px) { 1218 | .visible-xs.visible-sm { 1219 | display: block !important; 1220 | } 1221 | tr.visible-xs.visible-sm { 1222 | display: table-row !important; 1223 | } 1224 | th.visible-xs.visible-sm, td.visible-xs.visible-sm { 1225 | display: table-cell !important; 1226 | } 1227 | }@media (min-width: 992px) and (max-width: 1199px) { 1228 | .visible-xs.visible-md { 1229 | display: block !important; 1230 | } 1231 | tr.visible-xs.visible-md { 1232 | display: table-row !important; 1233 | } 1234 | th.visible-xs.visible-md, td.visible-xs.visible-md { 1235 | display: table-cell !important; 1236 | } 1237 | }@media (min-width: 1200px) { 1238 | .visible-xs.visible-lg { 1239 | display: block !important; 1240 | } 1241 | tr.visible-xs.visible-lg { 1242 | display: table-row !important; 1243 | } 1244 | th.visible-xs.visible-lg, td.visible-xs.visible-lg { 1245 | display: table-cell !important; 1246 | } 1247 | }.visible-sm { 1248 | display: none !important; 1249 | } 1250 | tr.visible-sm { 1251 | display: none !important; 1252 | } 1253 | th.visible-sm, td.visible-sm { 1254 | display: none !important; 1255 | } 1256 | @media (max-width: 767px) { 1257 | .visible-sm.visible-xs { 1258 | display: block !important; 1259 | } 1260 | tr.visible-sm.visible-xs { 1261 | display: table-row !important; 1262 | } 1263 | th.visible-sm.visible-xs, td.visible-sm.visible-xs { 1264 | display: table-cell !important; 1265 | } 1266 | }@media (min-width: 768px) and (max-width: 991px) { 1267 | .visible-sm { 1268 | display: block !important; 1269 | } 1270 | tr.visible-sm { 1271 | display: table-row !important; 1272 | } 1273 | th.visible-sm, td.visible-sm { 1274 | display: table-cell !important; 1275 | } 1276 | }@media (min-width: 992px) and (max-width: 1199px) { 1277 | .visible-sm.visible-md { 1278 | display: block !important; 1279 | } 1280 | tr.visible-sm.visible-md { 1281 | display: table-row !important; 1282 | } 1283 | th.visible-sm.visible-md, td.visible-sm.visible-md { 1284 | display: table-cell !important; 1285 | } 1286 | }@media (min-width: 1200px) { 1287 | .visible-sm.visible-lg { 1288 | display: block !important; 1289 | } 1290 | tr.visible-sm.visible-lg { 1291 | display: table-row !important; 1292 | } 1293 | th.visible-sm.visible-lg, td.visible-sm.visible-lg { 1294 | display: table-cell !important; 1295 | } 1296 | }.visible-md { 1297 | display: none !important; 1298 | } 1299 | tr.visible-md { 1300 | display: none !important; 1301 | } 1302 | th.visible-md, td.visible-md { 1303 | display: none !important; 1304 | } 1305 | @media (max-width: 767px) { 1306 | .visible-md.visible-xs { 1307 | display: block !important; 1308 | } 1309 | tr.visible-md.visible-xs { 1310 | display: table-row !important; 1311 | } 1312 | th.visible-md.visible-xs, td.visible-md.visible-xs { 1313 | display: table-cell !important; 1314 | } 1315 | }@media (min-width: 768px) and (max-width: 991px) { 1316 | .visible-md.visible-sm { 1317 | display: block !important; 1318 | } 1319 | tr.visible-md.visible-sm { 1320 | display: table-row !important; 1321 | } 1322 | th.visible-md.visible-sm, td.visible-md.visible-sm { 1323 | display: table-cell !important; 1324 | } 1325 | }@media (min-width: 992px) and (max-width: 1199px) { 1326 | .visible-md { 1327 | display: block !important; 1328 | } 1329 | tr.visible-md { 1330 | display: table-row !important; 1331 | } 1332 | th.visible-md, td.visible-md { 1333 | display: table-cell !important; 1334 | } 1335 | }@media (min-width: 1200px) { 1336 | .visible-md.visible-lg { 1337 | display: block !important; 1338 | } 1339 | tr.visible-md.visible-lg { 1340 | display: table-row !important; 1341 | } 1342 | th.visible-md.visible-lg, td.visible-md.visible-lg { 1343 | display: table-cell !important; 1344 | } 1345 | }.visible-lg { 1346 | display: none !important; 1347 | } 1348 | tr.visible-lg { 1349 | display: none !important; 1350 | } 1351 | th.visible-lg, td.visible-lg { 1352 | display: none !important; 1353 | } 1354 | @media (max-width: 767px) { 1355 | .visible-lg.visible-xs { 1356 | display: block !important; 1357 | } 1358 | tr.visible-lg.visible-xs { 1359 | display: table-row !important; 1360 | } 1361 | th.visible-lg.visible-xs, td.visible-lg.visible-xs { 1362 | display: table-cell !important; 1363 | } 1364 | }@media (min-width: 768px) and (max-width: 991px) { 1365 | .visible-lg.visible-sm { 1366 | display: block !important; 1367 | } 1368 | tr.visible-lg.visible-sm { 1369 | display: table-row !important; 1370 | } 1371 | th.visible-lg.visible-sm, td.visible-lg.visible-sm { 1372 | display: table-cell !important; 1373 | } 1374 | }@media (min-width: 992px) and (max-width: 1199px) { 1375 | .visible-lg.visible-md { 1376 | display: block !important; 1377 | } 1378 | tr.visible-lg.visible-md { 1379 | display: table-row !important; 1380 | } 1381 | th.visible-lg.visible-md, td.visible-lg.visible-md { 1382 | display: table-cell !important; 1383 | } 1384 | }@media (min-width: 1200px) { 1385 | .visible-lg { 1386 | display: block !important; 1387 | } 1388 | tr.visible-lg { 1389 | display: table-row !important; 1390 | } 1391 | th.visible-lg, td.visible-lg { 1392 | display: table-cell !important; 1393 | } 1394 | }.hidden-xs { 1395 | display: block !important; 1396 | } 1397 | tr.hidden-xs { 1398 | display: table-row !important; 1399 | } 1400 | th.hidden-xs, td.hidden-xs { 1401 | display: table-cell !important; 1402 | } 1403 | @media (max-width: 767px) { 1404 | .hidden-xs { 1405 | display: none !important; 1406 | } 1407 | tr.hidden-xs { 1408 | display: none !important; 1409 | } 1410 | th.hidden-xs, td.hidden-xs { 1411 | display: none !important; 1412 | } 1413 | }@media (min-width: 768px) and (max-width: 991px) { 1414 | .hidden-xs.hidden-sm { 1415 | display: none !important; 1416 | } 1417 | tr.hidden-xs.hidden-sm { 1418 | display: none !important; 1419 | } 1420 | th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { 1421 | display: none !important; 1422 | } 1423 | }@media (min-width: 992px) and (max-width: 1199px) { 1424 | .hidden-xs.hidden-md { 1425 | display: none !important; 1426 | } 1427 | tr.hidden-xs.hidden-md { 1428 | display: none !important; 1429 | } 1430 | th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { 1431 | display: none !important; 1432 | } 1433 | }@media (min-width: 1200px) { 1434 | .hidden-xs.hidden-lg { 1435 | display: none !important; 1436 | } 1437 | tr.hidden-xs.hidden-lg { 1438 | display: none !important; 1439 | } 1440 | th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { 1441 | display: none !important; 1442 | } 1443 | }.hidden-sm { 1444 | display: block !important; 1445 | } 1446 | tr.hidden-sm { 1447 | display: table-row !important; 1448 | } 1449 | th.hidden-sm, td.hidden-sm { 1450 | display: table-cell !important; 1451 | } 1452 | @media (max-width: 767px) { 1453 | .hidden-sm.hidden-xs { 1454 | display: none !important; 1455 | } 1456 | tr.hidden-sm.hidden-xs { 1457 | display: none !important; 1458 | } 1459 | th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { 1460 | display: none !important; 1461 | } 1462 | }@media (min-width: 768px) and (max-width: 991px) { 1463 | .hidden-sm { 1464 | display: none !important; 1465 | } 1466 | tr.hidden-sm { 1467 | display: none !important; 1468 | } 1469 | th.hidden-sm, td.hidden-sm { 1470 | display: none !important; 1471 | } 1472 | }@media (min-width: 992px) and (max-width: 1199px) { 1473 | .hidden-sm.hidden-md { 1474 | display: none !important; 1475 | } 1476 | tr.hidden-sm.hidden-md { 1477 | display: none !important; 1478 | } 1479 | th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { 1480 | display: none !important; 1481 | } 1482 | }@media (min-width: 1200px) { 1483 | .hidden-sm.hidden-lg { 1484 | display: none !important; 1485 | } 1486 | tr.hidden-sm.hidden-lg { 1487 | display: none !important; 1488 | } 1489 | th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { 1490 | display: none !important; 1491 | } 1492 | }.hidden-md { 1493 | display: block !important; 1494 | } 1495 | tr.hidden-md { 1496 | display: table-row !important; 1497 | } 1498 | th.hidden-md, td.hidden-md { 1499 | display: table-cell !important; 1500 | } 1501 | @media (max-width: 767px) { 1502 | .hidden-md.hidden-xs { 1503 | display: none !important; 1504 | } 1505 | tr.hidden-md.hidden-xs { 1506 | display: none !important; 1507 | } 1508 | th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { 1509 | display: none !important; 1510 | } 1511 | }@media (min-width: 768px) and (max-width: 991px) { 1512 | .hidden-md.hidden-sm { 1513 | display: none !important; 1514 | } 1515 | tr.hidden-md.hidden-sm { 1516 | display: none !important; 1517 | } 1518 | th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { 1519 | display: none !important; 1520 | } 1521 | }@media (min-width: 992px) and (max-width: 1199px) { 1522 | .hidden-md { 1523 | display: none !important; 1524 | } 1525 | tr.hidden-md { 1526 | display: none !important; 1527 | } 1528 | th.hidden-md, td.hidden-md { 1529 | display: none !important; 1530 | } 1531 | }@media (min-width: 1200px) { 1532 | .hidden-md.hidden-lg { 1533 | display: none !important; 1534 | } 1535 | tr.hidden-md.hidden-lg { 1536 | display: none !important; 1537 | } 1538 | th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { 1539 | display: none !important; 1540 | } 1541 | }.hidden-lg { 1542 | display: block !important; 1543 | } 1544 | tr.hidden-lg { 1545 | display: table-row !important; 1546 | } 1547 | th.hidden-lg, td.hidden-lg { 1548 | display: table-cell !important; 1549 | } 1550 | @media (max-width: 767px) { 1551 | .hidden-lg.hidden-xs { 1552 | display: none !important; 1553 | } 1554 | tr.hidden-lg.hidden-xs { 1555 | display: none !important; 1556 | } 1557 | th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { 1558 | display: none !important; 1559 | } 1560 | }@media (min-width: 768px) and (max-width: 991px) { 1561 | .hidden-lg.hidden-sm { 1562 | display: none !important; 1563 | } 1564 | tr.hidden-lg.hidden-sm { 1565 | display: none !important; 1566 | } 1567 | th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { 1568 | display: none !important; 1569 | } 1570 | }@media (min-width: 992px) and (max-width: 1199px) { 1571 | .hidden-lg.hidden-md { 1572 | display: none !important; 1573 | } 1574 | tr.hidden-lg.hidden-md { 1575 | display: none !important; 1576 | } 1577 | th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { 1578 | display: none !important; 1579 | } 1580 | }@media (min-width: 1200px) { 1581 | .hidden-lg { 1582 | display: none !important; 1583 | } 1584 | tr.hidden-lg { 1585 | display: none !important; 1586 | } 1587 | th.hidden-lg, td.hidden-lg { 1588 | display: none !important; 1589 | } 1590 | }.visible-print { 1591 | display: none !important; 1592 | } 1593 | tr.visible-print { 1594 | display: none !important; 1595 | } 1596 | th.visible-print, td.visible-print { 1597 | display: none !important; 1598 | } 1599 | @media print { 1600 | .visible-print { 1601 | display: block !important; 1602 | } 1603 | tr.visible-print { 1604 | display: table-row !important; 1605 | } 1606 | th.visible-print, td.visible-print { 1607 | display: table-cell !important; 1608 | } 1609 | .hidden-print { 1610 | display: none !important; 1611 | } 1612 | tr.hidden-print { 1613 | display: none !important; 1614 | } 1615 | th.hidden-print, td.hidden-print { 1616 | display: none !important; 1617 | } 1618 | }html, body { 1619 | height: 100%; 1620 | max-height: 100%} 1621 | body { 1622 | margin: 0; 1623 | border: 0; 1624 | font-family: "proxima-nova", "Helvetica Neue", Avenir, Arial, sans-serif; 1625 | color: #21272d; 1626 | -webkit-font-smoothing: antialiased; 1627 | text-rendering: optimizelegibility; 1628 | font-size: 17px; 1629 | } 1630 | .is-visible .site-nav { 1631 | top: 100px; 1632 | } 1633 | .is-visible .top-nav { 1634 | opacity: 1; 1635 | -webkit-transform: translate3d(0px, 0px, 0px); 1636 | transition: 0.3s all ease; 1637 | top: -200px; 1638 | } 1639 | h1, h2, h3, h4, h5 { 1640 | font-family: "proxima-nova", "Helvetica Neue", Avenir, Arial, sans-serif; 1641 | color: #263c4c; 1642 | } 1643 | .container { 1644 | max-width: 820px; 1645 | margin: 0 auto; 1646 | } 1647 | .article-cover, .blog-cover { 1648 | max-width: 100%; 1649 | margin-top: 0; 1650 | position: relative; 1651 | overflow: hidden; 1652 | background: #eee; 1653 | height: 60%; 1654 | } 1655 | .blog-cover .dark { 1656 | background-color:rgba(0,0,0,0.4); 1657 | background-image: linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); 1658 | background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); 1659 | background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); 1660 | background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); 1661 | background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); 1662 | } 1663 | .article-cover>div, .blog-cover>div { 1664 | position: absolute; 1665 | top: 0; 1666 | left: 0; 1667 | bottom: 0; 1668 | right: 0; 1669 | line-height: 0; 1670 | background-size: cover; 1671 | background-repeat: no-repeat; 1672 | background-position: center top; 1673 | } 1674 | .article-cover>div img, .blog-cover>div img { 1675 | display: none; 1676 | } 1677 | .article-cover .image, .blog-cover .image { 1678 | width: 100%; 1679 | top: 0; 1680 | position: relative; 1681 | } 1682 | .index { 1683 | margin: 0 4em; 1684 | } 1685 | .index>div { 1686 | margin-left: 80px; 1687 | } 1688 | .index .title { 1689 | margin: 1.2em 0 0.6em; 1690 | } 1691 | .index .avatar { 1692 | float: left; 1693 | border-radius: 62px; 1694 | height: 48px; 1695 | margin-top: 0; 1696 | } 1697 | .blog-cover { 1698 | height: 600px; 1699 | background-color: #111; 1700 | background-size: cover; 1701 | background-position: center center; 1702 | z-index: 1; 1703 | } 1704 | .blog-cover h1 { 1705 | font-size: 50px; 1706 | margin-top: 4.2em; 1707 | margin-bottom: 0em; 1708 | color: #fff; 1709 | font-weight: bold; 1710 | text-shadow: 3px 4px 8px #000; 1711 | } 1712 | .blog-cover h3 { 1713 | font-size:25px; 1714 | font-weight: normal; 1715 | color: #eee; 1716 | text-shadow: 1px 2px 5px #111; 1717 | } 1718 | 1719 | .blog-cover section { 1720 | text-align: center; 1721 | } 1722 | .blog-cover section a { 1723 | color: #fff; 1724 | border: 0; 1725 | width: 36px; 1726 | height: 36px; 1727 | border: 2px solid white; 1728 | display: inline-block; 1729 | padding: 10px 0; 1730 | border-radius: 42px; 1731 | margin: 1.5em 1em 0em 0; 1732 | transition: 0.2s all ease; 1733 | line-height: 0; 1734 | } 1735 | section h2 { 1736 | color: rgb(102, 166, 154); 1737 | font-family: 'Bitter', sans-serif; 1738 | } 1739 | article h2 a, article h2 a:hover { 1740 | color: rgb(102, 166, 154); 1741 | font-family: 'Bitter', sans-serif; 1742 | text-decoration: none; 1743 | } 1744 | .blog-cover section a:hover { 1745 | transition: 0.2s all ease; 1746 | background: #fff; 1747 | } 1748 | .blog-cover section a:hover .icon-rss { 1749 | background-position: 1px -11px; 1750 | } 1751 | .blog-cover section a:hover .icon-twitter { 1752 | background-position: 0px -15px; 1753 | } 1754 | .blog-cover section a:hover .icon-facebook { 1755 | background-position: 0px -14px; 1756 | } 1757 | .pagination { 1758 | text-align: center; 1759 | } 1760 | .site-footer { 1761 | padding: 1em 0; 1762 | margin: 1em 0 0 0; 1763 | background: whitesmoke; 1764 | color: #aaa; 1765 | } 1766 | 1767 | .site-footer h3 { 1768 | font-size: 17px; 1769 | color: #777; 1770 | margin-bottom: 1em; 1771 | text-transform: uppercase; 1772 | } 1773 | .site-footer .partenaires { 1774 | color: #aaa; 1775 | margin-top: 2em; 1776 | margin-bottom: 2em; 1777 | text-align: center; 1778 | } 1779 | .site-footer .partenaires img { 1780 | width: 110px; 1781 | } 1782 | .site-footer a { 1783 | color: #777; 1784 | border: 0; 1785 | margin: 0 0.5em; 1786 | } 1787 | .site-footer nav { 1788 | display: inline-block; 1789 | } 1790 | .site-footer .social { 1791 | float: right; 1792 | } 1793 | .site-footer .social a { 1794 | color: #000; 1795 | border: 0; 1796 | width: 36px; 1797 | height: 36px; 1798 | border: 2px solid black; 1799 | display: inline-block; 1800 | padding: 10px 0; 1801 | border-radius: 42px; 1802 | margin: -16px 1em 0em 0; 1803 | transition: 0.2s all ease; 1804 | line-height: 0; 1805 | text-align: center; 1806 | opacity: 0.3; 1807 | } 1808 | .site-footer .social a:hover { 1809 | opacity: 0.9; 1810 | } 1811 | .muted { 1812 | color: #848484; 1813 | } 1814 | .btn { 1815 | color: #fff; 1816 | font-weight: bold; 1817 | background-color: white; 1818 | font-size: 1em; 1819 | padding: 0.6em 1.2em; 1820 | display: inline-block; 1821 | position: relative; 1822 | border: 0; 1823 | text-align: center; 1824 | text-decoration: none; 1825 | font-style: normal; 1826 | font-weight: 600; 1827 | cursor: pointer; 1828 | border: 2px solid #0A2633; 1829 | vertical-align: bottom; 1830 | text-rendering: optimizeLegibility; 1831 | vertical-align: middle; 1832 | font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; 1833 | text-transform: uppercase; 1834 | white-space: nowrap; 1835 | border-radius: 4px; 1836 | color: #0A2633; 1837 | transition: all 0.3s ease-in; 1838 | } 1839 | 1840 | .btn:hover { 1841 | background: #0A2633; 1842 | color: #fff; 1843 | transition: all 0.3s ease-in; 1844 | } 1845 | 1846 | .btn:active { 1847 | box-shadow: none; 1848 | } 1849 | 1850 | .icon { 1851 | display: inline-block; 1852 | width: 12px; 1853 | height: 12px; 1854 | vertical-align: middle; 1855 | background-repeat: no-repeat; 1856 | } 1857 | .icon-rss { 1858 | background-image: url("../assets/icon-rss.png"); 1859 | background-size: 11px; 1860 | background-position: 1px 0px; 1861 | } 1862 | .icon-twitter { 1863 | background-image: url("../assets/icon-twitter.png"); 1864 | background-size: 14px; 1865 | background-position: 1px 1px; 1866 | width: 15px; 1867 | height: 15px; 1868 | } 1869 | .icon-facebook { 1870 | background-image: url("../assets/icon-facebook.png"); 1871 | background-size: 14px; 1872 | background-position: 0 0; 1873 | width: 14px; 1874 | height: 14px; 1875 | } 1876 | .icon-rss.black { 1877 | background-position: 1px -11px; 1878 | } 1879 | .icon-twitter.black { 1880 | background-position: 0px -16px; 1881 | } 1882 | .icon-facebook.black { 1883 | background-position: 0px -14px; 1884 | } 1885 | .site-nav { 1886 | border-bottom: 1px solid #eee; 1887 | } 1888 | .site-nav .brand img { 1889 | height: 100px; 1890 | margin-right: 10px; 1891 | margin-top: -2px; 1892 | } 1893 | .site-nav nav { 1894 | padding: 22px 30px; 1895 | height: 80px; 1896 | } 1897 | .site-nav #navigation { 1898 | padding-right: 0; 1899 | height: 130px; 1900 | padding-left: 0; 1901 | } 1902 | .site-nav #navigation a { 1903 | border: 0; 1904 | margin: 0 0.9em; 1905 | display: inline-block; 1906 | } 1907 | 1908 | .site-nav #navigation .underlinable:hover{ 1909 | border-bottom: 2px solid rgb(102,166,154); 1910 | padding-bottom: 5px; 1911 | } 1912 | .site-nav #navigation a:hover { 1913 | color: #0A2633; 1914 | } 1915 | .site-nav #navigation>a, .site-nav #navigation .dropdown-toggle { 1916 | color: #444; 1917 | border: 0; 1918 | font-weight: 600; 1919 | font-size: 18px; 1920 | display: inline-block; 1921 | } 1922 | .site-nav #navigation .dropdown-toggle { 1923 | padding: 6px 0.5em; 1924 | text-align: center; 1925 | } 1926 | .site-nav #navigation .dropdown-toggle:hover { 1927 | background: #eee; 1928 | } 1929 | .site-nav .tagline { 1930 | float: right; 1931 | text-align: right; 1932 | font-size: 15px; 1933 | font-weight: 600; 1934 | margin-top: 1.8em; 1935 | } 1936 | .site-nav .tagline span { 1937 | line-height: 0; 1938 | padding-right: 20px; 1939 | } 1940 | body.nav-hidden .site-nav { 1941 | top: -100px; 1942 | transition: all 0.35s ease; 1943 | -webkit-transform: translate3d(0px, 0, 0px); 1944 | } 1945 | article { 1946 | background: #fff; 1947 | padding: 60px 0; 1948 | font-size: 18px; 1949 | } 1950 | article .container>header, article .container>section, article .container>footer { 1951 | margin: 0 8em; 1952 | } 1953 | article .social { 1954 | height: 40px; 1955 | padding: 10px 0; 1956 | } 1957 | article .social>div { 1958 | display: inline-block; 1959 | min-width: 120px; 1960 | } 1961 | article .container>footer { 1962 | border-top: 1px solid #ddd; 1963 | border-bottom: 1px solid #ddd; 1964 | padding-top: 1.5em; 1965 | padding-bottom: 1.5em; 1966 | margin-top: 1.5em; 1967 | margin-bottom: 1.5em; 1968 | } 1969 | article header { 1970 | margin-top: 2em; 1971 | margin-bottom: 2em; 1972 | } 1973 | article header::after { 1974 | content: " "; 1975 | display: block; 1976 | width: 1.5em; 1977 | height: 0.2em; 1978 | background: #ddd; 1979 | margin: 1em 0; 1980 | } 1981 | article address { 1982 | margin: 0; 1983 | font-size: 15px; 1984 | } 1985 | article address img { 1986 | float: left; 1987 | border-radius: 54px; 1988 | width: 70px; 1989 | margin: 0 20px 0 0; 1990 | } 1991 | article address .follow { 1992 | margin: 1em 75px 0; 1993 | } 1994 | article p { 1995 | font-size: 1em; 1996 | line-height: 1.5; 1997 | color: #21272d; 1998 | font-weight: 400; 1999 | margin: 0 0 1.5em; 2000 | } 2001 | article ol, article ul { 2002 | font-weight: 600; 2003 | margin: 1.5em 0; 2004 | padding: 0; 2005 | list-style-position: outside; 2006 | padding-left: 1.5em; 2007 | } 2008 | article ol li, article ul li { 2009 | font-weight: 400; 2010 | margin-bottom: 0.5em; 2011 | } 2012 | article blockquote { 2013 | border: 0; 2014 | font-size: 24px; 2015 | margin: 1.2em -4em 1.2em 0; 2016 | padding: 0; 2017 | border-left: 4px solid #eee; 2018 | padding-left: 2em; 2019 | margin: 2em 0; 2020 | font-size: 1em; 2021 | } 2022 | article h1 { 2023 | font-weight: 600; 2024 | font-size: 2.1em; 2025 | margin: 0.5em 0 1em; 2026 | } 2027 | article h2 { 2028 | font-size: 1.5em; 2029 | margin: 0.5em 0 1.5em 0; 2030 | font-weight: 600; 2031 | color: rgb(102, 166, 154); 2032 | font-family: 'Bitter', sans-serif; 2033 | padding-top: 18px; 2034 | } 2035 | article h3 { 2036 | font-size: 1.3em; 2037 | font-weight: 600; 2038 | } 2039 | article h4 { 2040 | font-size: 1.2em; 2041 | font-weight: 600; 2042 | } 2043 | article hr { 2044 | margin: 3em 0; 2045 | } 2046 | article .meta { 2047 | color: #848484; 2048 | font-size: 13px; 2049 | text-transform: uppercase; 2050 | margin-bottom: 0.3em; 2051 | font-weight: 400; 2052 | letter-spacing: 1px; 2053 | } 2054 | article .meta time, article .meta address { 2055 | display: inline; 2056 | font-size: 13px; 2057 | } 2058 | article .meta a { 2059 | border: 0; 2060 | color: #848484; 2061 | } 2062 | article img { 2063 | max-width: 100%; 2064 | } 2065 | article .title a { 2066 | border: 0; 2067 | } 2068 | article .subtitle { 2069 | font-size: 1.4em; 2070 | margin: 0.2em 0; 2071 | color: #848484; 2072 | font-weight: 300; 2073 | } 2074 | article .highlight { 2075 | border: 0; 2076 | } 2077 | article .highlight .lineno { 2078 | color: #848484; 2079 | } 2080 | article pre { 2081 | border: 0; 2082 | padding: 1.5em 0em; 2083 | margin: 1.5em 0; 2084 | background: #fff; 2085 | border: 0; 2086 | border-top: 2px solid #eee; 2087 | border-radius: 0; 2088 | border-bottom: 2px solid #eee; 2089 | width: 100%; 2090 | overflow: auto; 2091 | font-size: 0.8em; 2092 | } 2093 | article pre code { 2094 | font-size: 0.8em; 2095 | border: 0; 2096 | background: none; 2097 | } 2098 | article code { 2099 | background: #eee; 2100 | border-bottom: 1px solid #ddd; 2101 | border-radius: 2px; 2102 | color: #222; 2103 | } 2104 | article .rounded img { 2105 | border-radius: 6px; 2106 | } 2107 | article .border img { 2108 | border: 1px solid #ddd; 2109 | } 2110 | article .full { 2111 | margin: 1.5em -6em; 2112 | background: #fafafa; 2113 | padding: 0; 2114 | text-align: center; 2115 | } 2116 | article .full iframe { 2117 | max-width: 100% !important; 2118 | } 2119 | article .full img { 2120 | max-width: 100%; 2121 | margin: 0; 2122 | transition: 0.5s all ease; 2123 | } 2124 | article .full.zoomable img { 2125 | cursor: -webkit-zoom-in; 2126 | } 2127 | article .full.zoomable img.zoom { 2128 | cursor: -webkit-zoom-out; 2129 | } 2130 | article .full.zoomable img.zoom { 2131 | -webkit-transform: scale(1.2); 2132 | transition: 0.4s all ease; 2133 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); 2134 | } 2135 | article .right { 2136 | width: 250px; 2137 | float: right; 2138 | margin-right: -100px; 2139 | margin-top: -40px; 2140 | padding: 30px 30px; 2141 | } 2142 | article .right img { 2143 | margin: 0; 2144 | } 2145 | article small { 2146 | color: #888; 2147 | } 2148 | @media (max-width: 1000px) { 2149 | .tagline span { 2150 | display: none; 2151 | } 2152 | .container>header, .container>section, .container>footer { 2153 | padding: 0; 2154 | } 2155 | } 2156 | @media (max-width: 720px) { 2157 | article { 2158 | padding-top: 30px; 2159 | } 2160 | article .container>header, article .container>section, article .container>footer { 2161 | padding: 0; 2162 | margin: 1.5em 0} 2163 | article>footer { 2164 | padding: 1.5em 0; 2165 | } 2166 | article .full, article .highlight { 2167 | margin: 1em 0; 2168 | } 2169 | article .right { 2170 | margin: 1em 0; 2171 | float: none; 2172 | width: auto; 2173 | } 2174 | article blockquote { 2175 | margin: 1em 0; 2176 | } 2177 | article blockquote p { 2178 | font-size: 1em; 2179 | } 2180 | article h1 { 2181 | font-size: 2em; 2182 | } 2183 | article h2 { 2184 | font-size: 1.5em; 2185 | } 2186 | article p { 2187 | font-size: 1em; 2188 | } 2189 | .blog-cover, .article-cover, .blog-cover { 2190 | height: 280px; 2191 | } 2192 | .blog-cover img, .article-cover img, .blog-cover img { 2193 | width: auto; 2194 | } 2195 | .blog-cover section, .article-cover section, .blog-cover section { 2196 | padding: 60px 0 0; 2197 | text-align: center; 2198 | } 2199 | .blog-cover section a, .article-cover section a, .blog-cover section a { 2200 | margin: 0.5em; 2201 | } 2202 | .blog-cover h1, .article-cover h1, .blog-cover h1 { 2203 | font-size: 1.5em; 2204 | } 2205 | .blog-cover h3, .article-cover h3, .blog-cover h3 { 2206 | font-size: 1em; 2207 | } 2208 | .blog-cover h1 { 2209 | margin-top: 2em; 2210 | } 2211 | .site-nav #navigation a { 2212 | margin: 0 0.4em; 2213 | } 2214 | .site-nav .tagline { 2215 | display: none; 2216 | } 2217 | .site-nav { 2218 | height: 170px; 2219 | } 2220 | .site-nav #navigation { 2221 | display: block; 2222 | text-align: center; 2223 | width: 100%; 2224 | padding-left: 0; 2225 | } 2226 | .site-nav #navigation .brand { 2227 | display: block; 2228 | margin-bottom: 10px; 2229 | } 2230 | .site-nav #navigation .brand img { 2231 | height: 100px; 2232 | margin: 0; 2233 | } 2234 | .site-footer { 2235 | margin-top: 0; 2236 | padding: 2em 10%; 2237 | text-align: center; 2238 | } 2239 | .site-footer nav { 2240 | display: block; 2241 | float: none !important; 2242 | padding: 1em; 2243 | } 2244 | .index { 2245 | padding: 0; 2246 | margin: 0 10%} 2247 | .index>div { 2248 | margin: 0; 2249 | } 2250 | .index img { 2251 | display: none; 2252 | } 2253 | } 2254 | 2255 | /*http://codepen.io/jlalovi/pen/bIyAr*/ 2256 | 2257 | #calendar { 2258 | width:328px; 2259 | margin:2%; 2260 | margin-top: 0; 2261 | border-radius:5px; 2262 | text-align:center; 2263 | color:#0A2633; 2264 | box-shadow:0 0 50px -14px rgba(0,0,0,.8); 2265 | } 2266 | 2267 | @media(max-width: 800px) { 2268 | #calendar { 2269 | width: 100%; 2270 | max-width: 328px; 2271 | float: none; 2272 | margin: auto; 2273 | font-size: 12px; 2274 | } 2275 | } 2276 | 2277 | #calendar .title { 2278 | background: rgb(205, 64, 53); 2279 | border-radius:5px 5px 0 0; 2280 | padding:20px; 2281 | font-size:140%; 2282 | font-weight:300; 2283 | text-transform:uppercase; 2284 | letter-spacing:1px; 2285 | color:#fff; 2286 | cursor:default; 2287 | text-shadow:0 0 10px rgba(0,0,0,.8); 2288 | margin-bottom: 0; 2289 | margin-top: 0; 2290 | } 2291 | 2292 | #calendar table{ 2293 | border-top:1px solid #ddd; 2294 | border-left:1px solid #ddd; 2295 | border-spacing:0; 2296 | border-radius:0 0 5px 5px; 2297 | width: 100%; 2298 | } 2299 | 2300 | #calendar td{ 2301 | width:38px; 2302 | height:38px; 2303 | background:#eee; 2304 | border-right:1px solid #ddd; 2305 | border-bottom:1px solid #ddd; 2306 | padding:6px; 2307 | cursor:pointer; 2308 | transition:background .3s; 2309 | -webkit-transition:background .3s; 2310 | } 2311 | 2312 | #calendar td:hover:not(.current){ 2313 | background:#ddd; 2314 | } 2315 | 2316 | #calendar .lastmonth,#calendar .nextmonth,#calendar .nextmonth ~ *{ 2317 | background:#fff; 2318 | color:#999; 2319 | } 2320 | 2321 | #calendar .current{ 2322 | background:rgb(205, 64, 53); 2323 | font-weight:700; 2324 | color:#fff; 2325 | text-shadow:0 0 10px rgba(0,0,0,.5); 2326 | } 2327 | 2328 | #calendar .hastask{ 2329 | font-weight:700; 2330 | } 2331 | 2332 | #calendar tr:last-of-type td:first-of-type{border-radius:0 0 0 5px;} 2333 | #calendar tr:last-of-type td:last-of-type{border-radius:0 0 5px 0;} 2334 | 2335 | 2336 | .guesthouse img { 2337 | margin-top: 1em; 2338 | } 2339 | 2340 | .identity p strong { 2341 | font-size: 15px; 2342 | } 2343 | .identity p { 2344 | font-size: 12px; 2345 | } 2346 | 2347 | /* Bootstrap grid */ 2348 | .container { 2349 | margin-right: auto; 2350 | margin-left: auto; 2351 | padding-left: 15px; 2352 | padding-right: 15px; 2353 | } 2354 | @media (min-width: 768px) { 2355 | .container { 2356 | width: 750px; 2357 | } 2358 | } 2359 | @media (min-width: 992px) { 2360 | .container { 2361 | width: 970px; 2362 | } 2363 | } 2364 | @media (min-width: 1200px) { 2365 | .container { 2366 | width: 1170px; 2367 | } 2368 | } 2369 | .container-fluid { 2370 | margin-right: auto; 2371 | margin-left: auto; 2372 | padding-left: 15px; 2373 | padding-right: 15px; 2374 | } 2375 | .row { 2376 | margin-left: -15px; 2377 | margin-right: -15px; 2378 | } 2379 | .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { 2380 | position: relative; 2381 | min-height: 1px; 2382 | padding-left: 15px; 2383 | padding-right: 15px; 2384 | } 2385 | .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { 2386 | float: left; 2387 | } 2388 | .col-xs-12 { 2389 | width: 100%; 2390 | } 2391 | .col-xs-11 { 2392 | width: 91.66666667%; 2393 | } 2394 | .col-xs-10 { 2395 | width: 83.33333333%; 2396 | } 2397 | .col-xs-9 { 2398 | width: 75%; 2399 | } 2400 | .col-xs-8 { 2401 | width: 66.66666667%; 2402 | } 2403 | .col-xs-7 { 2404 | width: 58.33333333%; 2405 | } 2406 | .col-xs-6 { 2407 | width: 50%; 2408 | } 2409 | .col-xs-5 { 2410 | width: 41.66666667%; 2411 | } 2412 | .col-xs-4 { 2413 | width: 33.33333333%; 2414 | } 2415 | .col-xs-3 { 2416 | width: 25%; 2417 | } 2418 | .col-xs-2 { 2419 | width: 16.66666667%; 2420 | } 2421 | .col-xs-1 { 2422 | width: 8.33333333%; 2423 | } 2424 | .col-xs-pull-12 { 2425 | right: 100%; 2426 | } 2427 | .col-xs-pull-11 { 2428 | right: 91.66666667%; 2429 | } 2430 | .col-xs-pull-10 { 2431 | right: 83.33333333%; 2432 | } 2433 | .col-xs-pull-9 { 2434 | right: 75%; 2435 | } 2436 | .col-xs-pull-8 { 2437 | right: 66.66666667%; 2438 | } 2439 | .col-xs-pull-7 { 2440 | right: 58.33333333%; 2441 | } 2442 | .col-xs-pull-6 { 2443 | right: 50%; 2444 | } 2445 | .col-xs-pull-5 { 2446 | right: 41.66666667%; 2447 | } 2448 | .col-xs-pull-4 { 2449 | right: 33.33333333%; 2450 | } 2451 | .col-xs-pull-3 { 2452 | right: 25%; 2453 | } 2454 | .col-xs-pull-2 { 2455 | right: 16.66666667%; 2456 | } 2457 | .col-xs-pull-1 { 2458 | right: 8.33333333%; 2459 | } 2460 | .col-xs-pull-0 { 2461 | right: 0%; 2462 | } 2463 | .col-xs-push-12 { 2464 | left: 100%; 2465 | } 2466 | .col-xs-push-11 { 2467 | left: 91.66666667%; 2468 | } 2469 | .col-xs-push-10 { 2470 | left: 83.33333333%; 2471 | } 2472 | .col-xs-push-9 { 2473 | left: 75%; 2474 | } 2475 | .col-xs-push-8 { 2476 | left: 66.66666667%; 2477 | } 2478 | .col-xs-push-7 { 2479 | left: 58.33333333%; 2480 | } 2481 | .col-xs-push-6 { 2482 | left: 50%; 2483 | } 2484 | .col-xs-push-5 { 2485 | left: 41.66666667%; 2486 | } 2487 | .col-xs-push-4 { 2488 | left: 33.33333333%; 2489 | } 2490 | .col-xs-push-3 { 2491 | left: 25%; 2492 | } 2493 | .col-xs-push-2 { 2494 | left: 16.66666667%; 2495 | } 2496 | .col-xs-push-1 { 2497 | left: 8.33333333%; 2498 | } 2499 | .col-xs-push-0 { 2500 | left: 0%; 2501 | } 2502 | .col-xs-offset-12 { 2503 | margin-left: 100%; 2504 | } 2505 | .col-xs-offset-11 { 2506 | margin-left: 91.66666667%; 2507 | } 2508 | .col-xs-offset-10 { 2509 | margin-left: 83.33333333%; 2510 | } 2511 | .col-xs-offset-9 { 2512 | margin-left: 75%; 2513 | } 2514 | .col-xs-offset-8 { 2515 | margin-left: 66.66666667%; 2516 | } 2517 | .col-xs-offset-7 { 2518 | margin-left: 58.33333333%; 2519 | } 2520 | .col-xs-offset-6 { 2521 | margin-left: 50%; 2522 | } 2523 | .col-xs-offset-5 { 2524 | margin-left: 41.66666667%; 2525 | } 2526 | .col-xs-offset-4 { 2527 | margin-left: 33.33333333%; 2528 | } 2529 | .col-xs-offset-3 { 2530 | margin-left: 25%; 2531 | } 2532 | .col-xs-offset-2 { 2533 | margin-left: 16.66666667%; 2534 | } 2535 | .col-xs-offset-1 { 2536 | margin-left: 8.33333333%; 2537 | } 2538 | .col-xs-offset-0 { 2539 | margin-left: 0%; 2540 | } 2541 | @media (min-width: 768px) { 2542 | .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { 2543 | float: left; 2544 | } 2545 | .col-sm-12 { 2546 | width: 100%; 2547 | } 2548 | .col-sm-11 { 2549 | width: 91.66666667%; 2550 | } 2551 | .col-sm-10 { 2552 | width: 83.33333333%; 2553 | } 2554 | .col-sm-9 { 2555 | width: 75%; 2556 | } 2557 | .col-sm-8 { 2558 | width: 66.66666667%; 2559 | } 2560 | .col-sm-7 { 2561 | width: 58.33333333%; 2562 | } 2563 | .col-sm-6 { 2564 | width: 50%; 2565 | } 2566 | .col-sm-5 { 2567 | width: 41.66666667%; 2568 | } 2569 | .col-sm-4 { 2570 | width: 33.33333333%; 2571 | } 2572 | .col-sm-3 { 2573 | width: 25%; 2574 | } 2575 | .col-sm-2 { 2576 | width: 16.66666667%; 2577 | } 2578 | .col-sm-1 { 2579 | width: 8.33333333%; 2580 | } 2581 | .col-sm-pull-12 { 2582 | right: 100%; 2583 | } 2584 | .col-sm-pull-11 { 2585 | right: 91.66666667%; 2586 | } 2587 | .col-sm-pull-10 { 2588 | right: 83.33333333%; 2589 | } 2590 | .col-sm-pull-9 { 2591 | right: 75%; 2592 | } 2593 | .col-sm-pull-8 { 2594 | right: 66.66666667%; 2595 | } 2596 | .col-sm-pull-7 { 2597 | right: 58.33333333%; 2598 | } 2599 | .col-sm-pull-6 { 2600 | right: 50%; 2601 | } 2602 | .col-sm-pull-5 { 2603 | right: 41.66666667%; 2604 | } 2605 | .col-sm-pull-4 { 2606 | right: 33.33333333%; 2607 | } 2608 | .col-sm-pull-3 { 2609 | right: 25%; 2610 | } 2611 | .col-sm-pull-2 { 2612 | right: 16.66666667%; 2613 | } 2614 | .col-sm-pull-1 { 2615 | right: 8.33333333%; 2616 | } 2617 | .col-sm-pull-0 { 2618 | right: 0%; 2619 | } 2620 | .col-sm-push-12 { 2621 | left: 100%; 2622 | } 2623 | .col-sm-push-11 { 2624 | left: 91.66666667%; 2625 | } 2626 | .col-sm-push-10 { 2627 | left: 83.33333333%; 2628 | } 2629 | .col-sm-push-9 { 2630 | left: 75%; 2631 | } 2632 | .col-sm-push-8 { 2633 | left: 66.66666667%; 2634 | } 2635 | .col-sm-push-7 { 2636 | left: 58.33333333%; 2637 | } 2638 | .col-sm-push-6 { 2639 | left: 50%; 2640 | } 2641 | .col-sm-push-5 { 2642 | left: 41.66666667%; 2643 | } 2644 | .col-sm-push-4 { 2645 | left: 33.33333333%; 2646 | } 2647 | .col-sm-push-3 { 2648 | left: 25%; 2649 | } 2650 | .col-sm-push-2 { 2651 | left: 16.66666667%; 2652 | } 2653 | .col-sm-push-1 { 2654 | left: 8.33333333%; 2655 | } 2656 | .col-sm-push-0 { 2657 | left: 0%; 2658 | } 2659 | .col-sm-offset-12 { 2660 | margin-left: 100%; 2661 | } 2662 | .col-sm-offset-11 { 2663 | margin-left: 91.66666667%; 2664 | } 2665 | .col-sm-offset-10 { 2666 | margin-left: 83.33333333%; 2667 | } 2668 | .col-sm-offset-9 { 2669 | margin-left: 75%; 2670 | } 2671 | .col-sm-offset-8 { 2672 | margin-left: 66.66666667%; 2673 | } 2674 | .col-sm-offset-7 { 2675 | margin-left: 58.33333333%; 2676 | } 2677 | .col-sm-offset-6 { 2678 | margin-left: 50%; 2679 | } 2680 | .col-sm-offset-5 { 2681 | margin-left: 41.66666667%; 2682 | } 2683 | .col-sm-offset-4 { 2684 | margin-left: 33.33333333%; 2685 | } 2686 | .col-sm-offset-3 { 2687 | margin-left: 25%; 2688 | } 2689 | .col-sm-offset-2 { 2690 | margin-left: 16.66666667%; 2691 | } 2692 | .col-sm-offset-1 { 2693 | margin-left: 8.33333333%; 2694 | } 2695 | .col-sm-offset-0 { 2696 | margin-left: 0%; 2697 | } 2698 | } 2699 | @media (min-width: 992px) { 2700 | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { 2701 | float: left; 2702 | } 2703 | .col-md-12 { 2704 | width: 100%; 2705 | } 2706 | .col-md-11 { 2707 | width: 91.66666667%; 2708 | } 2709 | .col-md-10 { 2710 | width: 83.33333333%; 2711 | } 2712 | .col-md-9 { 2713 | width: 75%; 2714 | } 2715 | .col-md-8 { 2716 | width: 66.66666667%; 2717 | } 2718 | .col-md-7 { 2719 | width: 58.33333333%; 2720 | } 2721 | .col-md-6 { 2722 | width: 50%; 2723 | } 2724 | .col-md-5 { 2725 | width: 41.66666667%; 2726 | } 2727 | .col-md-4 { 2728 | width: 33.33333333%; 2729 | } 2730 | .col-md-3 { 2731 | width: 25%; 2732 | } 2733 | .col-md-2 { 2734 | width: 16.66666667%; 2735 | } 2736 | .col-md-1 { 2737 | width: 8.33333333%; 2738 | } 2739 | .col-md-pull-12 { 2740 | right: 100%; 2741 | } 2742 | .col-md-pull-11 { 2743 | right: 91.66666667%; 2744 | } 2745 | .col-md-pull-10 { 2746 | right: 83.33333333%; 2747 | } 2748 | .col-md-pull-9 { 2749 | right: 75%; 2750 | } 2751 | .col-md-pull-8 { 2752 | right: 66.66666667%; 2753 | } 2754 | .col-md-pull-7 { 2755 | right: 58.33333333%; 2756 | } 2757 | .col-md-pull-6 { 2758 | right: 50%; 2759 | } 2760 | .col-md-pull-5 { 2761 | right: 41.66666667%; 2762 | } 2763 | .col-md-pull-4 { 2764 | right: 33.33333333%; 2765 | } 2766 | .col-md-pull-3 { 2767 | right: 25%; 2768 | } 2769 | .col-md-pull-2 { 2770 | right: 16.66666667%; 2771 | } 2772 | .col-md-pull-1 { 2773 | right: 8.33333333%; 2774 | } 2775 | .col-md-pull-0 { 2776 | right: 0%; 2777 | } 2778 | .col-md-push-12 { 2779 | left: 100%; 2780 | } 2781 | .col-md-push-11 { 2782 | left: 91.66666667%; 2783 | } 2784 | .col-md-push-10 { 2785 | left: 83.33333333%; 2786 | } 2787 | .col-md-push-9 { 2788 | left: 75%; 2789 | } 2790 | .col-md-push-8 { 2791 | left: 66.66666667%; 2792 | } 2793 | .col-md-push-7 { 2794 | left: 58.33333333%; 2795 | } 2796 | .col-md-push-6 { 2797 | left: 50%; 2798 | } 2799 | .col-md-push-5 { 2800 | left: 41.66666667%; 2801 | } 2802 | .col-md-push-4 { 2803 | left: 33.33333333%; 2804 | } 2805 | .col-md-push-3 { 2806 | left: 25%; 2807 | } 2808 | .col-md-push-2 { 2809 | left: 16.66666667%; 2810 | } 2811 | .col-md-push-1 { 2812 | left: 8.33333333%; 2813 | } 2814 | .col-md-push-0 { 2815 | left: 0%; 2816 | } 2817 | .col-md-offset-12 { 2818 | margin-left: 100%; 2819 | } 2820 | .col-md-offset-11 { 2821 | margin-left: 91.66666667%; 2822 | } 2823 | .col-md-offset-10 { 2824 | margin-left: 83.33333333%; 2825 | } 2826 | .col-md-offset-9 { 2827 | margin-left: 75%; 2828 | } 2829 | .col-md-offset-8 { 2830 | margin-left: 66.66666667%; 2831 | } 2832 | .col-md-offset-7 { 2833 | margin-left: 58.33333333%; 2834 | } 2835 | .col-md-offset-6 { 2836 | margin-left: 50%; 2837 | } 2838 | .col-md-offset-5 { 2839 | margin-left: 41.66666667%; 2840 | } 2841 | .col-md-offset-4 { 2842 | margin-left: 33.33333333%; 2843 | } 2844 | .col-md-offset-3 { 2845 | margin-left: 25%; 2846 | } 2847 | .col-md-offset-2 { 2848 | margin-left: 16.66666667%; 2849 | } 2850 | .col-md-offset-1 { 2851 | margin-left: 8.33333333%; 2852 | } 2853 | .col-md-offset-0 { 2854 | margin-left: 0%; 2855 | } 2856 | } 2857 | @media (min-width: 1200px) { 2858 | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { 2859 | float: left; 2860 | } 2861 | .col-lg-12 { 2862 | width: 100%; 2863 | } 2864 | .col-lg-11 { 2865 | width: 91.66666667%; 2866 | } 2867 | .col-lg-10 { 2868 | width: 83.33333333%; 2869 | } 2870 | .col-lg-9 { 2871 | width: 75%; 2872 | } 2873 | .col-lg-8 { 2874 | width: 66.66666667%; 2875 | } 2876 | .col-lg-7 { 2877 | width: 58.33333333%; 2878 | } 2879 | .col-lg-6 { 2880 | width: 50%; 2881 | } 2882 | .col-lg-5 { 2883 | width: 41.66666667%; 2884 | } 2885 | .col-lg-4 { 2886 | width: 33.33333333%; 2887 | } 2888 | .col-lg-3 { 2889 | width: 25%; 2890 | } 2891 | .col-lg-2 { 2892 | width: 16.66666667%; 2893 | } 2894 | .col-lg-1 { 2895 | width: 8.33333333%; 2896 | } 2897 | .col-lg-pull-12 { 2898 | right: 100%; 2899 | } 2900 | .col-lg-pull-11 { 2901 | right: 91.66666667%; 2902 | } 2903 | .col-lg-pull-10 { 2904 | right: 83.33333333%; 2905 | } 2906 | .col-lg-pull-9 { 2907 | right: 75%; 2908 | } 2909 | .col-lg-pull-8 { 2910 | right: 66.66666667%; 2911 | } 2912 | .col-lg-pull-7 { 2913 | right: 58.33333333%; 2914 | } 2915 | .col-lg-pull-6 { 2916 | right: 50%; 2917 | } 2918 | .col-lg-pull-5 { 2919 | right: 41.66666667%; 2920 | } 2921 | .col-lg-pull-4 { 2922 | right: 33.33333333%; 2923 | } 2924 | .col-lg-pull-3 { 2925 | right: 25%; 2926 | } 2927 | .col-lg-pull-2 { 2928 | right: 16.66666667%; 2929 | } 2930 | .col-lg-pull-1 { 2931 | right: 8.33333333%; 2932 | } 2933 | .col-lg-pull-0 { 2934 | right: 0%; 2935 | } 2936 | .col-lg-push-12 { 2937 | left: 100%; 2938 | } 2939 | .col-lg-push-11 { 2940 | left: 91.66666667%; 2941 | } 2942 | .col-lg-push-10 { 2943 | left: 83.33333333%; 2944 | } 2945 | .col-lg-push-9 { 2946 | left: 75%; 2947 | } 2948 | .col-lg-push-8 { 2949 | left: 66.66666667%; 2950 | } 2951 | .col-lg-push-7 { 2952 | left: 58.33333333%; 2953 | } 2954 | .col-lg-push-6 { 2955 | left: 50%; 2956 | } 2957 | .col-lg-push-5 { 2958 | left: 41.66666667%; 2959 | } 2960 | .col-lg-push-4 { 2961 | left: 33.33333333%; 2962 | } 2963 | .col-lg-push-3 { 2964 | left: 25%; 2965 | } 2966 | .col-lg-push-2 { 2967 | left: 16.66666667%; 2968 | } 2969 | .col-lg-push-1 { 2970 | left: 8.33333333%; 2971 | } 2972 | .col-lg-push-0 { 2973 | left: 0%; 2974 | } 2975 | .col-lg-offset-12 { 2976 | margin-left: 100%; 2977 | } 2978 | .col-lg-offset-11 { 2979 | margin-left: 91.66666667%; 2980 | } 2981 | .col-lg-offset-10 { 2982 | margin-left: 83.33333333%; 2983 | } 2984 | .col-lg-offset-9 { 2985 | margin-left: 75%; 2986 | } 2987 | .col-lg-offset-8 { 2988 | margin-left: 66.66666667%; 2989 | } 2990 | .col-lg-offset-7 { 2991 | margin-left: 58.33333333%; 2992 | } 2993 | .col-lg-offset-6 { 2994 | margin-left: 50%; 2995 | } 2996 | .col-lg-offset-5 { 2997 | margin-left: 41.66666667%; 2998 | } 2999 | .col-lg-offset-4 { 3000 | margin-left: 33.33333333%; 3001 | } 3002 | .col-lg-offset-3 { 3003 | margin-left: 25%; 3004 | } 3005 | .col-lg-offset-2 { 3006 | margin-left: 16.66666667%; 3007 | } 3008 | .col-lg-offset-1 { 3009 | margin-left: 8.33333333%; 3010 | } 3011 | .col-lg-offset-0 { 3012 | margin-left: 0%; 3013 | } 3014 | } 3015 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewagon/surfcamp/d49728c8bb1b2bbe7144291c68e73e76f8d394a3/favicon.ico -------------------------------------------------------------------------------- /feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: none 3 | --- 4 | 5 | 6 | 7 | {{ site.title | xml_escape }} 8 | {{ site.description | xml_escape }} 9 | {{ site.url }}{{ site.baseurl }}/ 10 | 11 | {% for post in site.posts limit:10 %} 12 | 13 | {{ post.title | xml_escape }} 14 | {{ post.content | xml_escape }} 15 | {{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }} 16 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 17 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 18 | 19 | {% endfor %} 20 | 21 | 22 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 | 7 |
8 |
9 |

CODE & SURF

10 |

2 semaines de formation et de perfectionnement
au code et au surf

11 |
12 |
13 |
14 | 15 | 16 |
17 | 18 |
19 |
20 |
Septembre 2014
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 |
1234567
891011121314
15161718192021
22232425262728
293012345
36 |
37 | 38 |
39 |

Rendez-vous

40 |

41 | Le surfcamp débute le 8 septembre prochain à Soustons, pour 2 semaines 42 | de folie. Cela se passe dans une Surf Guest House privatisée, 43 | all-inclusive : hébergement, nourriture, matos, 44 | cours de surf et de code. Réservez votre train, on s'occupe du reste ! 45 |

46 | 47 | On dort où ? 48 |
49 | 50 |
51 | 52 |
53 | 54 |
55 | 56 | {% include map.html %} 57 | 58 |
59 |
60 |
61 |
62 | 63 |
64 |

65 | Code 66 |

67 |
68 |

69 | L'objectif de ces 2 semaines est de vous perfectionner au développement 70 | web full-stack sur Ruby on Rails. Pour profiter au maximum 71 | de cette formation professionnelle, nous prendrons en compte les deux profils 72 | suivants : 73 |

74 |
75 |
76 |

Novice

77 |

78 | Vous avez déjà monté un petit site Wordpress, comprenez le HTML & et le CSS, vous 79 | travaillez avec des développeurs rails ou bien vous avez essayé de vous y mettre seul 80 | sans tout bien comprendre. 81 |

82 |

83 | Je veux devenir Pro 84 |

85 |
86 |
87 |

Pro

88 |

89 | Vous avez déjà fait vos armes et êtes à l'aise en Ruby on Rails, mais vous souhaitez 90 | aller plus loin, découvrir des gems et des techniques avancées. Profitez de ces deux 91 | semaines pour coder en toute sérenité. 92 |

93 | Je suis déjà Pro 94 |
95 |
96 |
97 | 98 |
99 | 100 |
101 | 102 |
103 | 104 |
105 | 106 |
107 | 108 |
109 |
110 |
111 |
112 | 113 |
114 |

115 | Surf 116 |

117 |
118 |

119 | Venez comme vous êtes, pas de niveau pré-requis ! Si vous avez déjà surfé avec Gabriel Medina ou Kelly Slater, amenez votre board et profitez! Dans le cas inverse, le matériel adapté vous sera fourni pour que vous puissiez vous lever dans les premières mousses. Quoi qu'il en soit, vous bénéficierez de 10 cours d'apprentissage ou de perfectionnement. 120 |

121 | On surf où exactement ? 122 |
123 | 124 |
125 | 126 |
127 | 128 |
129 | 130 | 131 |
132 | 133 |
134 | 135 |
136 |
137 |
138 |
139 | 140 |
141 |

142 | Staff 143 |

144 |
145 |

146 | Vous l'avez deviné grâce au logo, 147 | Le Wagon est derrière tout ça. D'habitude, nous sommes 148 | à Paris chez The Family dans le cadre de 149 | Première Classe, un bootcamp intensif de 9 semaines pour entrepreneurs qui veulent se mettre sérieusement à Ruby on Rails. 150 |

151 |

152 | Pour ces deux semaines landaises, nous changeons légèrement le programme pour tirer en le maximum. 153 | Venez comme vous êtes, on se charge de vous transformer en dieu du code (et du surf) ! 154 |

155 |
156 |
157 | 158 | Cedric Menteau 159 | 160 |

Cédric
Fondateur de SoSurf
Surf Addict

161 |
162 |
163 | 164 | Sébastien Saunier 165 | 166 |

Sébastien
Coach Technique pour Startup
Prof Rails

167 |
168 |
169 | 170 | Boris Paillard 171 | 172 |

Boris
Cofondateur du Wagon
Prof Rails

173 |
174 |
175 | 176 | Romain Paillard 177 | 178 |

Romain
Cofondateur du Wagon
Party Planner

179 |
180 |
181 |
182 |

183 | Seulement 16 places disponibles pour vous former dans un lieu de rêve, hurry up ! 184 |

185 |

186 | 187 | Je réserve 188 | 189 |

190 |
191 |
192 | 193 |
194 |
195 | -------------------------------------------------------------------------------- /lieu.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |
7 |
8 |

Surf Guest House

9 |

Un état d'esprit dédié au surf, à la passion et au fun

10 |
11 |
12 |
13 | 14 |
15 |

Le lieu

16 |

17 | A seulement quelques encablures d'Hossegor, le Surf Camp du Wagon s'installe à Soustons dans un demi-hectare de tranquilité entièrement privatisé. L'endroit idéal pour coder et se relaxer dans un hamac tout en profitant de la quiétude de septembre. 18 |

19 | 20 |

Formule all inclusive pendant 14 jours

21 | 26 | 27 |

Les bonus

28 | 34 | 35 |
36 |
37 | 38 |
39 |
40 | 41 |
42 |
43 | 44 |
45 |
46 | 47 |
48 |
49 | 50 |
51 |
52 | 53 |
54 |
55 | 56 |
57 |
58 | 59 |
60 |
61 | 62 |
63 |
64 | 65 |
66 |
67 | 68 |
69 |
70 | 71 |
72 | 73 |

Crédits Photos : Jonas Urscheler

74 | 75 |

76 | 77 | Je réserve 78 | 79 |

80 |
-------------------------------------------------------------------------------- /reservation.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |

Formule all-inclusive du 8 au 21 septembre 2014 : 7 | 8 |

22 | 23 |

24 | Les réservations sont maintenant closes. À bientôt pour les photos et le compte-rendu ! 25 |

26 | 27 |
-------------------------------------------------------------------------------- /surf.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |
7 |
8 |

Surf Trip

9 |

De votre premier take off aux barrels Landais, Le Wagon se charge de tout!

10 |
11 |
12 |
13 | 14 |
15 |

Cours de surf

16 |

17 | Considéré comme le haut-lieu de la culture surf Européenne, nous vous proposons d'apprendre à surfer sur les vagues Landaises. Des Casernes à la Gravière, des professeurs diplômés d'état vous dispenserons leurs conseils afin de vous enseigner, ou de vous perfectionner, dans cette discipline. 18 |

19 | 20 | 25 | 26 |

Le matériel

27 |

28 | Différentes planches et combinaisons seront disponibles pour tous les niveaux, vous n'aurez plus qu'à faire votre choix. Si vous êtes un habitué, n'hésitez pas à amener votre matériel ! 29 |

30 | 31 |
    32 |
  • Location de planche inclus
  • 33 |
  • Location de combinaison inclus
  • 34 |
35 | 36 |

Les spots

37 |

38 | Avec les deux minivans à notre disposition, nous pourrons explorer et bouger le long de la côte à la recheche du spot idéal. Conscient qu'il est impératif de respecter le niveau de tous, il sera possible de faire plusieurs groupes afin de surfer sur des spots différents en fonction des houles et des marées. 39 |

50 |

51 | 52 |
53 |
54 | 55 |
56 |
57 | 58 |
59 |
60 | 61 |
62 |
63 | 64 |
65 |
66 | 67 |
68 | 69 |

70 | 71 | Je réserve 72 | 73 |

74 |
75 | --------------------------------------------------------------------------------