styling, prettyprint and layout

This commit is contained in:
Dayle Rees 2012-04-02 10:03:02 +01:00
parent bf32b6f6ca
commit 2c459547e6
10 changed files with 1550 additions and 12 deletions

65
bundles/docs/public/css/style.css Executable file → Normal file
View File

@ -101,6 +101,7 @@ .sidebar
{
width:180px;
float:left;
font-size:0.9em;
}
.content
@ -128,7 +129,6 @@ .menu
list-style-type:none;
margin:0;
padding:0;
font-size:0.9em;
}
.menu ul
@ -138,9 +138,17 @@ .menu ul
margin:0;
}
.menu ul li:before
{
content:"\2013";
text-decoration:none;
color:#777;
margin-right:0.2em;
}
pre, code
{
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
}
pre
@ -150,6 +158,7 @@ pre
font-size:0.8em;
background-color:#f5f5f5;
text-shadow:1px 1px 0 #fff;
line-height:1.7em;
}
code
@ -162,17 +171,61 @@ code
}
/* Prettify Styles -------------- */
.com {
color: #93a1a1;
}
.lit {
color: #195f91;
}
.pun, .opn, .clo {
color: #93a1a1;
}
.fun {
color: #dc322f;
}
.str, .atv {
color: #D14;
}
.kwd, .linenums .tag {
color: #1e347b;
}
.typ,
.atn,
.dec,
.var {
color: teal;
}
.pln {
color: #48484c;
}
.prettyprint
{
padding:0;
text-shadow:1px 1px 0 #fff;
}
.prettyprint ol
{
color:#ccc;
}
/* end ------------------------ */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

0
bundles/docs/public/img/logoback.png Executable file → Normal file
View File

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

0
bundles/docs/public/js/modernizr-2.5.3.min.js vendored Executable file → Normal file
View File

File diff suppressed because it is too large Load Diff

View File

@ -4,6 +4,7 @@
{
Asset::add('stylesheet', 'css/style.css');
Asset::add('modernizr', 'js/modernizr-2.5.3.min.js');
Asset::container('footer')->add('prettify', 'js/prettify.js');
});

View File

@ -10,6 +10,12 @@
<pre>APP_PATH/routes.php</pre>
<pre class="prettyprint lang-php linenums">
return array(
'welcome' => 'Welcome to our website!',
);
</pre>
<p>And the view sitting before you can be found at:</p>
<pre>APP_PATH/views/home/index.php</pre>
@ -26,4 +32,4 @@
<li><a href="http://forums.laravel.com">Laravel Forums</a></li>
<li><a href="http://github.com/laravel/laravel">GitHub Repository</a></li>
</ul>
@endsection
@endsection

View File

@ -3,12 +3,12 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<title>Laravel: A Framework For Web Artisans</title>
<meta name="viewport" content="width=device-width">
{{ Asset::bundle('docs')->styles(); }}
{{ Asset::bundle('docs')->scripts(); }}
</head>
<body>
<body onload="prettyPrint()">
<div class="wrapper">
<header>
<h1>Laravel</h1>
@ -25,9 +25,10 @@
@include('docs::menu')
</aside>
<div class="content">
@yield('content')
@yield('content')
</div>
</div>
</div>
</div>
{{ Asset::container('footer')->bundle('docs')->scripts(); }}
</body>
</html>
</html>