Hopiu/angular.js
1
0
Fork 0
mirror of https://github.com/Hopiu/angular.js.git synced 2026-04-16 12:51:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs html/css cleanup

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

43
docs/docs.css
View file

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

48
docs/index.html
View file

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