docs html/css cleanup

This commit is contained in:
Igor Minar 2010-11-29 11:13:08 -08:00
parent 1cc2ad2443
commit fde2ccb3f5
2 changed files with 56 additions and 35 deletions

View file

@ -1,3 +1,5 @@
/* Common Style */
body {
font-family: Arial, sans-serif;
font-size: 14px;
@ -5,6 +7,13 @@ body {
padding: 0;
}
a {
color: blue;
}
/* Main Layout */
#page {
display: table-row;
}
@ -14,18 +23,12 @@ body {
display: table-cell;
}
a {
color: blue;
#section {
width: 100%;
}
.nav-section {
margin-left: 1em;
margin-top: 0.5em;
}
.section-title {
float: right;
}
/* App Header */
#header {
background-color: #F2C200;
@ -55,9 +58,11 @@ a {
text-decoration: underline;
}
/* Main Section Style */
#section {
padding: 1em;
width: 100%;
}
#section h1 {
@ -79,6 +84,13 @@ a {
margin-top: 1.5em;
}
.section-title {
float: right;
}
/* Sidebar Style */
#sidebar {
padding: 10px 10px 20px 10px;
background-color: #EEE;
@ -152,6 +164,9 @@ a {
font-family: monospace;
}
/* Warning and Info Banners */
.deprecated {
border: 2px solid red;
}
@ -170,12 +185,18 @@ a {
color: orange;
}
/* Feedback Link */
#feedback {
float: right;
width: 10em;
text-align: right;
}
.doc-example table td {
/* Live Example Style */
.doc-example-live table td {
padding: 0 1.5em;
}

View file

@ -1,5 +1,7 @@
<!DOCTYPE HTML>
<html xmlns:ng="http://angularjs.org/" xmlns:doc="http://docs.angularjs.org/" ng:controller="DocsController">
<!doctype html>
<html xmlns:ng="http://angularjs.org/"
xmlns:doc="http://docs.angularjs.org/"
ng:controller="DocsController">
<head>
<title ng:bind-template="&lt;angular/&gt;: {{getTitle()}}">&lt;angular/&gt;</title>
@ -10,15 +12,15 @@
<link rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" type="text/css"/>
<link rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="../angular.min.js" ng:autobind></script>
<script type="text/javascript" src="docs.js"></script>
<script type="text/javascript" src="doc_widgets.js"></script>
<script type="text/javascript" src="docs-data.js"></script>
<script src="../angular.min.js" ng:autobind></script>
<script src="docs.js"></script>
<script src="doc_widgets.js"></script>
<script src="docs-data.js"></script>
</head>
<body>
<div id="header">
@ -28,20 +30,18 @@
</h1>
</div>
<div id="page">
<div id="sidebar" class="nav">
<div class="doc-list">
<input type="text" name="filterText" placeholder="search documentaiton"/>
<ul>
<li ng:repeat="page in pages.$filter(filterText)" ng:class="getClass(page)">
<a href="{{getUrl(page)}}" ng:click="">{{page.name | short}}</a>
</li>
</ul>
</div>
</div>
<div id="section">
<a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a>
<ng:include src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include>
</div>
<div id="sidebar">
<input type="text" name="filterText" placeholder="search documentaiton"/>
<ul>
<li ng:repeat="page in pages.$filter(filterText)" ng:class="getClass(page)">
<a href="{{getUrl(page)}}" ng:click="">{{page.name | short}}</a>
</li>
</ul>
</div>
<div id="section">
<a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a>
<ng:include src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include>
</div>
</div>
</body>
</html>