Codebase list node-ejs / ac81697
Updated all the EJS example apps and EJS generator files mde 10 years ago
24 changed file(s) with 330 addition(s) and 685 deletion(s). Raw diff Collapse all Expand all
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <script type="text/javascript" src="/js/jquery.min.js"></script>
16 <script type="text/javascript" src="/js/bootstrap.min.js"></script>
17
18 <link rel="stylesheet" href="/css/bootstrap.min.css">
19 <link rel="stylesheet" href="/css/style.css">
20 <link rel="stylesheet" href="/css/bootstrap.responsive.min.css">
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28 <body>
0 <%= partial('layout_header'); %>
1 <body class="application">
292 <div class="navbar navbar-fixed-top">
303 <div class="navbar-inner">
314 <div class="container">
4720 <%- yield(); %>
4821 </div>
4922 </body>
50 </html>
23 <%= partial('layout_footer'); %>
24
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <script type="text/javascript" src="/js/jquery.min.js"></script>
16 <script type="text/javascript" src="/js/bootstrap.min.js"></script>
17
18 <link rel="stylesheet" href="/css/bootstrap.min.css">
19 <link rel="stylesheet" href="/css/style.css">
20 <link rel="stylesheet" href="/css/bootstrap.responsive.min.css">
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28
00 body {
1 background: url('../img/whitey.png');
2 }
3 body.application {
14 padding-top: 60px;
25 padding-bottom: 40px;
3 background: url('../img/whitey.png');
46 }
57
68 .navbar-fixed-top {
2830 .geddy-welcome-box .btn-large {
2931 margin-top: 20px;
3032 }
33
34 .list-item {
35 margin-bottom: 20px;
36 }
37
38 .list-item div {
39 background: white;
40 border-bottom: 2px solid #ccc;
41 }
42
43 .list-item div > * {
44 padding: 20px;
45 }
46
47 .list-item div h3 i {
48 margin: 5px;
49 }
50
51 @media (max-width:480px) {
52 .hero-unit .pull-right {
53 float: none;
54 margin-top: 10px;
55 }
56 }
57
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <script type="text/javascript" src="/js/jquery.min.js"></script>
16 <script type="text/javascript" src="/js/bootstrap.min.js"></script>
17
18 <link rel="stylesheet" href="/css/bootstrap.min.css">
19 <link rel="stylesheet" href="/css/style.css">
20 <link rel="stylesheet" href="/css/bootstrap.responsive.min.css">
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28 <body>
0 <%= partial('layout_header'); %>
1 <body class="application">
292 <div class="navbar navbar-fixed-top">
303 <div class="navbar-inner">
314 <div class="container">
5528 });
5629 </script>
5730 </body>
58 </html>
31 <%= partial('layout_footer'); %>
32
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <script type="text/javascript" src="/js/jquery.min.js"></script>
16 <script type="text/javascript" src="/js/bootstrap.min.js"></script>
17
18 <link rel="stylesheet" href="/css/bootstrap.min.css">
19 <link rel="stylesheet" href="/css/style.css">
20 <link rel="stylesheet" href="/css/bootstrap.responsive.min.css">
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28
00 body {
1 background: url('../img/whitey.png');
2 }
3 body.application {
14 padding-top: 60px;
25 padding-bottom: 40px;
3 background: url('../img/whitey.png');
46 }
57
68 .navbar-fixed-top {
2830 .geddy-welcome-box .btn-large {
2931 margin-top: 20px;
3032 }
33
34 .list-item {
35 margin-bottom: 20px;
36 }
37
38 .list-item div {
39 background: white;
40 border-bottom: 2px solid #ccc;
41 }
42
43 .list-item div > * {
44 padding: 20px;
45 }
46
47 .list-item div h3 i {
48 margin: 5px;
49 }
50
51 @media (max-width:480px) {
52 .hero-unit .pull-right {
53 float: none;
54 margin-top: 10px;
55 }
56 }
57
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %>
16 <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %>
17
18 <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %>
19 <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %>
20 <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %>
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28 <body>
0 <%= partial('layout_header'); %>
1 <body class="application">
292 <div class="navbar navbar-fixed-top">
303 <div class="navbar-inner">
314 <div class="container">
4720 <%- yield(); %>
4821 </div>
4922 </body>
50 </html>
23 <%= partial('layout_footer'); %>
24
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %>
16 <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %>
17
18 <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %>
19 <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %>
20 <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %>
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28
00 body {
1 background: url('../img/whitey.png');
2 }
3 body.application {
14 padding-top: 60px;
25 padding-bottom: 40px;
3 background: url('../img/whitey.png');
46 }
57
68 .navbar-fixed-top {
2022 margin-bottom: 20px;
2123 }
2224
25 .geddy-welcome-box p {
26 max-width: 760px;
27 margin: 0 auto;
28 }
29
2330 .geddy-welcome-box .btn-large {
2431 margin-top: 20px;
2532 }
2633
27 .todo-item {
34 .list-item {
2835 margin-bottom: 20px;
2936 }
3037
31 .todo-item div {
38 .list-item div {
3239 background: white;
3340 border-bottom: 2px solid #ccc;
3441 }
3542
36 .todo-item div > * {
43 .list-item div > * {
3744 padding: 20px;
3845 }
3946
40 .todo-item div h3 i {
47 .list-item div h3 i {
4148 margin: 5px;
4249 }
4350
4754 margin-top: 10px;
4855 }
4956 }
57
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %>
16 <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %>
17
18 <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %>
19 <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %>
20 <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %>
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28 <body>
0 <%= partial('layout_header'); %>
1 <body class="application">
292 <div class="navbar navbar-fixed-top">
303 <div class="navbar-inner">
314 <div class="container">
4720 <%- yield(); %>
4821 </div>
4922 </body>
50 </html>
23 <%= partial('layout_header'); %>
24
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7
8 <meta name="viewport" content="width=device-width" />
9
10 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
11 <!--[if lt IE 9]>
12 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 <![endif]-->
14
15 <%- scriptLink('/js/jquery.min.js', { type: 'text/javascript' }) %>
16 <%- scriptLink('/js/bootstrap.min.js', { type: 'text/javascript' }) %>
17
18 <%- styleLink('/css/bootstrap.min.css', { rel: 'stylesheet' }) %>
19 <%- styleLink('/css/style.css', { rel: 'stylesheet' }) %>
20 <%- styleLink('/css/bootstrap.responsive.min.css', { rel: 'stylesheet' }) %>
21
22 <!-- The fav and touch icons -->
23 <link rel="shortcut icon" href="/images/favicon.ico">
24 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
25 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
26 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
27 </head>
28
00 body {
1 background: url('../img/whitey.png');
2 }
3 body.application {
14 padding-top: 60px;
25 padding-bottom: 40px;
3 background: url('../img/whitey.png');
46 }
57
68 .navbar-fixed-top {
2022 margin-bottom: 20px;
2123 }
2224
25 .geddy-welcome-box p {
26 max-width: 760px;
27 margin: 0 auto;
28 }
29
2330 .geddy-welcome-box .btn-large {
2431 margin-top: 20px;
2532 }
2633
27 .todo-item {
34 .list-item {
2835 margin-bottom: 20px;
2936 }
3037
31 .todo-item div {
38 .list-item div {
3239 background: white;
3340 border-bottom: 2px solid #ccc;
3441 }
3542
36 .todo-item div > * {
43 .list-item div > * {
3744 padding: 20px;
3845 }
3946
40 .todo-item div h3 i {
47 .list-item div h3 i {
4148 margin: 5px;
4249 }
4350
4754 margin-top: 10px;
4855 }
4956 }
57
00 body {
1 background: url('../img/whitey.png');
2 }
3 body.application {
14 padding-top: 60px;
25 padding-bottom: 40px;
3 background: url('../img/whitey.png');
46 }
57
68 .navbar-fixed-top {
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7 <meta name="viewport" content="width=device-width" />
8
9 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
10 <!--[if lt IE 9]>
11 <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %>
12 <![endif]-->
13
14 <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %>
15 <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %>
16 <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %>
17 <%- scriptLink('/js/core/models.js', {type: 'text/javascript'}) %>
18
19 <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %>
20 <%- styleLink('/css/style.css', {rel:'stylesheet'}) %>
21 <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %>
22
23 <!-- The fav and touch icons -->
24 <link rel="shortcut icon" href="/images/favicon.ico">
25 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
26 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
27 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
28 </head>
29 <body>
0 <%= partial('layout_header'); %>
1 <body class="application">
302 <div class="navbar navbar-fixed-top">
313 <div class="navbar-inner">
324 <div class="container">
4921 <%- render(); %>
5022 </div>
5123 </body>
52 </html>
24 <%= partial('layout_header'); %>
25
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7 <meta name="viewport" content="width=device-width" />
8
9 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
10 <!--[if lt IE 9]>
11 <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %>
12 <![endif]-->
13
14 <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %>
15 <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %>
16 <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %>
17 <%- scriptLink('/js/core/models.js', {type: 'text/javascript'}) %>
18
19 <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %>
20 <%- styleLink('/css/style.css', {rel:'stylesheet'}) %>
21 <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %>
22
23 <!-- The fav and touch icons -->
24 <link rel="shortcut icon" href="/images/favicon.ico">
25 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
26 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
27 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
28 </head>
29
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7 <meta name="viewport" content="width=device-width" />
8
9 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
10 <!--[if lt IE 9]>
11 <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %>
12 <![endif]-->
13
14 <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %>
15 <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %>
16 <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %>
17 <!-- <%- scriptLink('/js/models/your_model.js', {type:'text/javascript'}) %> -->
18 <%- scriptLink('/js/config/init.js', {type: 'text/javascript'}) %>
19
20 <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %>
21 <%- styleLink('/css/style.css', {rel:'stylesheet'}) %>
22 <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %>
23
24 <!-- The fav and touch icons -->
25 <link rel="shortcut icon" href="/images/favicon.ico">
26 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
27 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
28 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
29 </head>
0 <%= partial('layout_header'); %>
301 <body>
312 <div class="navbar navbar-fixed-top">
323 <div class="navbar-inner">
5021 <%- render(); %>
5122 </div>
5223 </body>
53 </html>
24 <%= partial('layout_header'); %>
25
0 <!DOCTYPE html>
1 <html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <title>Geddy App | This app uses Geddy.js</title>
5 <meta name="description" content="">
6 <meta name="author" content="">
7 <meta name="viewport" content="width=device-width" />
8
9 <!-- The HTML5 shim, for IE6-8 support of HTML elements -->
10 <!--[if lt IE 9]>
11 <%- scriptLink('http://html5shim.googlecode.com/svn/trunk/html5.js', {type:'text/javascript'}) %>
12 <![endif]-->
13
14 <%- scriptLink('/js/jquery.min.js', {type:'text/javascript'}) %>
15 <%- scriptLink('/js/bootstrap.min.js', {type:'text/javascript'}) %>
16 <%- scriptLink('/js/core/core.js', {type: 'text/javascript'}) %>
17 <!-- <%- scriptLink('/js/models/your_model.js', {type:'text/javascript'}) %> -->
18 <%- scriptLink('/js/config/init.js', {type: 'text/javascript'}) %>
19
20 <%- styleLink('/css/bootstrap.min.css', {rel:'stylesheet'}) %>
21 <%- styleLink('/css/style.css', {rel:'stylesheet'}) %>
22 <%- styleLink('/css/bootstrap.responsive.min.css', {rel:'stylesheet'}) %>
23
24 <!-- The fav and touch icons -->
25 <link rel="shortcut icon" href="/images/favicon.ico">
26 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
27 <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
28 <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
29 </head>
30
00 body {
1 padding-top: 40px;
1 background: url('../img/whitey.png');
2 }
3 body.application {
4 padding-top: 60px;
25 padding-bottom: 40px;
3 color: #333;
4 font-weight: lighter;
5 font-family: 'Segoe UI Light','Segoe UI','Helvetica Nueu',Helvetica,Arial,sans-serif
66 }
77
8 h2 {
9 font-size: 36px;
8 .navbar-fixed-top {
9 box-shadow: 0px 0px 3px #000;
10 border-bottom: 1px solid #999;
1011 }
1112
12 h3 {
13 font-size: 24px;
14 line-height: 60px
13 .geddy-welcome-box {
14 text-align: center;
15 background-color: rgba(200, 200, 200, .5);
16 box-shadow: 0px 0px 3px #bababa;
17 border: 1px solid #EDEDED;
1518 }
1619
17 h4 {
18 font-size: 18px;
19 line-height: 40px;
20 .geddy-welcome-box h1 {
21 line-height: 1.25;
22 margin-bottom: 20px;
2023 }
2124
22 h5 {
23 font-size: 14px;
24 color: #999;
25 .geddy-welcome-box p {
26 max-width: 760px;
27 margin: 0 auto;
28 }
29
30 .geddy-welcome-box .btn-large {
2531 margin-top: 20px;
2632 }
2733
28 h1, h2, h3, h4, h5, h6 {
29 font-weight: lighter;
30 }
31
32 p {
33 font-size: 14px;
34 line-height: 200%;
35 }
36
37 li {
38 font-size: 14px;
39 }
40
41 pre, code {
42 background: #FDF6E3;
43 margin: 40px 0;
44 padding: 20px;
45 font-size: 12px;
46 border: none;
47 border-radius: 0px;
48 }
49
50 code {
51 padding: 2px 5px;
52 margin: 0;
53 color: #666;
54 background: #f5f5f5;
55 }
56
57 a {
58 color: #08c;
59 }
60
61 ul, ol {
62 margin-left: 16px;
63 }
64
65 input::-webkit-input-placeholder {
66 color: #ccc;
67 }
68
69 input:-moz-placeholder {
70 color: #ccc;
71 }
72
73 input:-ms-input-placeholder {
74 color: #ccc;
75 }
76
77 .header {
78 margin-bottom: 40px;
79 }
80
81 .header h1 {
82 text-align: center;
83 height: 300px;
84 line-height: 300px;
85 font-size: 128px;
86 font-weight: lighter;
87 background: #3399cc;
88 color: #fff;
89 margin-top: 0;
34 .list-item {
9035 margin-bottom: 20px;
9136 }
9237
93 .header h1 a {
94 color: white;
38 .list-item div {
39 background: white;
40 border-bottom: 2px solid #ccc;
9541 }
9642
97 .header h1 a:hover {
98 text-decoration: none;
43 .list-item div > * {
44 padding: 20px;
9945 }
10046
101 .menu .icon {
102 background: #e8e8e8;
103 color: #333;
104 height: 140px;
105 margin-bottom: 20px;
106 background-position: center;
107 background-repeat: no-repeat;
47 .list-item div h3 i {
48 margin: 5px;
10849 }
10950
110 .menu .home { background-image: url('/img/home-dark-72.png'); }
111 .menu .home:hover { background-image: url('/img/home-light-72.png'); }
112 .menu .docs { background-image: url('/img/docs-dark-72.png'); }
113 .menu .docs:hover { background-image: url('/img/docs-light-72.png'); }
114 .menu .tutorial { background-image: url('/img/tuts-dark-72.png'); }
115 .menu .tutorial:hover { background-image: url('/img/tuts-light-72.png'); }
116 .menu .changelog { background-image: url('/img/changelog-dark-72.png'); }
117 .menu .changelog:hover { background-image: url('/img/changelog-light-72.png'); }
118 .menu .community { background-image: url('/img/community-dark-72.png'); }
119 .menu .community:hover { background-image: url('/img/community-light-72.png'); }
120 .menu .faq { background-image: url('/img/faq-dark-72.png'); }
121 .menu .faq:hover { background-image: url('/img/faq-light-72.png'); }
122
123 .menu .icon:hover {
124 text-decoration: none;
125 background-color: #666;
126 color: #e8e8e8;
127 }
128
129 .menu .icon span {
130 position: relative;
131 bottom: -115px;
132 left: 10px;
133 font-size: 15px;
134 }
135
136 .title {
137 margin-bottom: 60px;
138 }
139
140 .footer {
141 border-top: 1px solid #eee;
142 padding-top: 60px;
143 margin-top: 60px;
144 margin-left: 0;
145 }
146
147 .mail-list .email, .mail-list .submit {
148 height: 60px;
149 margin: 0;
150 padding: 0;
151 border-radius: 0;
152 }
153
154 .mail-list .submit {
155 background: #63A500;
156 color: #fff;
157 font-size: 30px;
158 width: 100%;
159 border: 0;
160 height: 62px;
161 }
162
163 .footer .mail-list input.email {
164 box-shadow: none;
165 padding-left: 20px;
166 width: 600px;
167 font-size: 30px;
168 line-height: 60px;
169 color: #ccc;
170 }
171
172 .footer .list {
173 color: #ccc;
174 }
175
176 .footer .copyright {
177 margin-left: 20px;
178 }
179
180 .footer .list ul {
181 list-style: none;
182 float: right;
183 margin: 0 0 0 20px;
184 padding: 0;
185 }
186
187 .footer .list ul li {
188 display: inline-block;
189 margin-left: 10px;
190 }
191
192
193 /* Community Page */
194
195 .box {
196 margin: 0;
197 padding: 0;
198 width: 480px;
199 }
200
201 .avatar, .info {
202 margin-bottom: 20px;
203 }
204
205 .avatar {
206 height: 140px;
207 background: #e8e8e8;
208 }
209
210 .info {
211 height: 300px;
212 background: #3399cc;
213 position: relative;
214 }
215
216 .info h3 {
217 color: white;
218 margin: 10px 15px;
219 font-size: 42px;
220 line-height: 120%;
221 font-weight: lighter;
222 }
223
224 .info p {
225 font-size: 20px;
226 margin: 0 15px;
227 color: white;
228 line-height: 130%;
229 }
230
231 .info a {
232 display: block;
233 font-size: 20px;
234 text-align: right;
235 position: absolute;
236 bottom: 20px;
237 right: 20px;
238 }
239
240 .info a:hover {
241 color: white;
242 text-decoration: none;
243 }
244
245 /* END Community Page */
246
247 /* Documentation Page */
248
249 .content {
250 margin-top: -40px;
251 }
252
253 .toc {
254 margin-top: -60px;
255 float: right;
256 right: 0;
257 }
258
259 .toc ul {
260 margin-left: 10px;
261 }
262
263 .toc ul li {
264 list-style: none;
265 }
266
267 .toc ul > li {
268 font-weight: bold;
269 font-size: 15px;
270 margin-bottom: 20px;
271 }
272
273 .toc ul li a:hover {
274 text-decoration: none;
275 }
276
277 .toc ul li a.selected {
278 color: #14509e;
279 }
280
281 .toc ul li ul {
282 margin: 15px 0 15px 0;
283 display: none;
284 }
285
286 .toc ul li ul.selected {
287 display: block;
288 }
289
290 .toc ul li ul li {
291 font-weight: lighter;
292 font-size: 12px;
293 margin-bottom: 12px;
294 }
295
296 #documentation h3 {
297 margin-top: 20px;
298 }
299
300 /* END Documentation Page */
301
302 /* FAQ Page */
303
304 #faq h2 {
305 margin-bottom: -40px;
306 }
307
308 #faq h3 {
309 line-height: 30px;
310 margin-top: 60px;
311 margin-bottom: 20px;
312 }
313
314 #faq p {
315 font-size: 15px;
316 }
317
318 /* END FAQ Page */
319
320 /* Changelog Page */
321
322 #changelog code {
323 display: inline;
324 padding: 0;
325 margin: 0;
326 color: #333;
327 }
328
329 /* END Changelog Page */
330
331 /* Large desktop */
332 @media (min-width: 1200px) {
333 .header h1 {
334 height: 370px;
335 line-height: 370px;
336 margin-bottom: 30px;
337 }
338
339 .menu .icon {
340 height: 170px;
341 margin-bottom: 30px;
342 }
343
344 .menu .icon span {
345 bottom: -140px;
346 }
347
348 .box {
349 width: 600px;
350 }
351
352 .avatar, .info {
353 margin-bottom: 30px;
354 }
355
356 .avatar {
357 height: 170px;
358 }
359
360 .info {
361 height: 370px;
362 }
363
364 .footer {
365 margin-right: 0px;
366 }
367
368 .footer .mail-list input.email {
369 width: 750px;
51 @media (max-width:480px) {
52 .hero-unit .pull-right {
53 float: none;
54 margin-top: 10px;
37055 }
37156 }
37257
373 /* Portrait tablet to landscape and desktop */
374 @media (max-width: 979px) {
375 body {
376 padding: 40px 0;
377 }
378
379 .header h1 {
380 height: 228px;
381 line-height: 228px;
382 font-size: 96px;
383 }
384
385 .menu .icon {
386 height: 104px;
387 }
388
389 .menu .icon span {
390 font-size: 12px;
391 bottom: -78px;
392 }
393
394 .title h2 {
395 font-size: 34px;
396 }
397
398 #documentation .span6 {
399 width: 476px;
400 }
401
402 #documentation div.toc {
403 width: 228px;
404 }
405
406 .box {
407 width: 372px;
408 }
409
410 .avatar {
411 height: 104px;
412 }
413
414 .info {
415 height: 228px;
416 }
417
418 .info p {
419 font-size: 15px;
420 }
421
422 .footer .mail-list input.email {
423 width: 456px;
424 }
425
426 }
427
428 /* Landscape phone to portrait tablet */
429 @media (max-width: 767px) {
430 body {
431 padding-top: 15px;
432 }
433
434 .container {
435 width: 90%;
436 }
437
438 .menu .icon {
439 float: left;
440 width: 104px;
441 margin-right: 20px;
442 }
443
444 #documentation .span6 {
445 width: 100%;
446 }
447
448 #documentation div.toc {
449 width: 100%;
450 }
451
452 .box {
453 width: 100%;
454 }
455
456 .toc {
457 margin-top: 0;
458 }
459
460 .toc ul {
461 margin-left: 0;
462 }
463
464 .info h3 {
465 font-size: 30px;
466 padding-top: 12px;
467 }
468
469 .info p {
470 font-size: 15px;
471 }
472
473 .info a {
474 bottom: 10px;
475 right: 10px;
476 }
477
478 .avatar {
479 display: none;
480 }
481
482 .footer {
483 margin-right: 0;
484 }
485
486 .footer .mail-list input.email {
487 width: 100%;
488 padding: 0;
489 margin-bottom: 20px;
490 border: none;
491 background: #f5f5f5;
492 color: #333;
493 }
494
495 }
496
497 /* Landscape phones and down */
498 @media (max-width:480px) {
499
500 .footer .list ul {
501 float: none;
502 }
503
504 .footer .list ul li {
505 margin: 0 10px 0 0;
506 }
507
508 }
509
510 @media print {
511 .footer, .toc, .menu {
512 display: none;
513 }
514 }