diff options
| -rw-r--r-- | docs/docs.css | 43 | ||||
| -rw-r--r-- | docs/index.html | 48 |
2 files changed, 56 insertions, 35 deletions
diff --git a/docs/docs.css b/docs/docs.css index 71958130..c051efce 100644 --- a/docs/docs.css +++ b/docs/docs.css @@ -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; } diff --git a/docs/index.html b/docs/index.html index 0f2d3003..01c78fbf 100644 --- a/docs/index.html +++ b/docs/index.html @@ -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="<angular/>: {{getTitle()}}"><angular/></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> |