diff options
| -rwxr-xr-x | docs/img/bullet.png | bin | 0 -> 212 bytes | |||
| -rwxr-xr-x | docs/img/texture_1.png | bin | 0 -> 692 bytes | |||
| -rw-r--r-- | docs/img/yellow_bkgnd.jpg | bin | 0 -> 53064 bytes | |||
| -rw-r--r-- | docs/src/templates/docs.css | 898 | ||||
| -rw-r--r-- | docs/src/templates/docs.js | 8 | ||||
| -rw-r--r-- | docs/src/templates/index.html | 73 |
6 files changed, 768 insertions, 211 deletions
diff --git a/docs/img/bullet.png b/docs/img/bullet.png Binary files differnew file mode 100755 index 00000000..3575a8e6 --- /dev/null +++ b/docs/img/bullet.png diff --git a/docs/img/texture_1.png b/docs/img/texture_1.png Binary files differnew file mode 100755 index 00000000..1a2d50b2 --- /dev/null +++ b/docs/img/texture_1.png diff --git a/docs/img/yellow_bkgnd.jpg b/docs/img/yellow_bkgnd.jpg Binary files differnew file mode 100644 index 00000000..7c0216bb --- /dev/null +++ b/docs/img/yellow_bkgnd.jpg diff --git a/docs/src/templates/docs.css b/docs/src/templates/docs.css index 4f47367d..dd9fb92d 100644 --- a/docs/src/templates/docs.css +++ b/docs/src/templates/docs.css @@ -1,313 +1,837 @@ -/* Common Style */ +@charset "UTF-8"; + body { - font-family: Arial, sans-serif; - font-size: 14px; - margin: 0; - padding: 0; + background: #000 url("img/texture_1.png"); } -a { - color: blue; +/*----- Layout Generic Styles -----*/ + +body,td,th { + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + color: #000; + margin-top: 0px; } +a:link { + color: #5d6db6; + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #5d6db6; +} +a:hover { + text-decoration: underline; + color: #5d6db6; +} +a:active { + text-decoration: none; +} -/* Main Layout */ +p { + font-size: 14px; + padding-right: 10px; + padding-left: 15px; +} -#header { - height: 3.5em; +.h1 { + font-size: 24px; + color: #000; + text-align: left; + font-weight: bold; } -#header .navigation { - position: absolute; - text-align: center; - top: 0; - right: 0; - left: 0; - margin: 0; - padding: 0; +.h2 { + font-size: 18px; + text-align: left; + text-indent: 10px; } -#header .navigation > li { - display: inline; - padding: 0 .5em; + +ul { + font-size: 14px; + line-height: 22px; + list-style: url(img/bullet.png) outside; + padding-left: 25px; } -#header .navigation > li.selected { - font-weight: bold; +li { + line-height: 22px; + list-style: url(img/bullet.png) outside; } -#sidebar, -#main { - position: absolute; - top: 3.5em; - bottom: 0; - margin-top: 1px; - overflow-x: hidden; + +/*----- Global Layout -----*/ + +.twoCol #container { + width: 1050px; + text-align: left; + margin: 0px auto; + background: #F8AC09 url(img/yellow_bkgnd.jpg) no-repeat top left; } -#sidebar { - width: 13.8em; - padding: 0.8em 0em 1.5em 0.8em; +.home #container { + width: 1050px; + text-align: left; + margin: 0px auto; + background: #F8AC09 url(img/yellow_bkgnd.jpg) no-repeat; + top: 0px; + height: 1650px; } -#main { - left: 14.6em; - right: 0; - padding: 1em; - overflow-y: scroll; +#footer { + float: right; + text-align: right; + margin: 7em 4em; + font-size: 12px; } -#api-list { - position: absolute; - top: 3em; - bottom: 1em; - overflow-y: scroll; - padding-right: 0.8em; +#twoColFooter { + font-size: 12px; + height: 10px; + width: 275px; + padding-left: 20px; + margin-left: 870px; + position: relative; + bottom: 30px; + margin-top: 90px; } +#navigationHome { + background: #7989D6; + height: 50px; + width: 1050px; + position: relative; + top: 0px; +} -/* App Header */ +#oldIePrompt { + width: 1050px; + margin: 0 auto; + background-color: red; + color: black; + text-align: center; + padding: 5px 0; +} -#header { - background-color: #F2C200; - border-bottom: 1px solid #957800; +#oldIePrompt a, +#oldIePrompt a:visited { + color: yellow; } -#header h1 { - font-weight: normal; - font-size: 30px; - line-height: 30px; - margin: 0; - padding: 10px 10px; - height: 30px; + + + +/*----- navigation styles -----*/ + +#navContainer { + position: absolute; + top: 6px; + width: 1050px; + font-size: 17px; } -#header .angular { - font-family: "Courier New", monospace; - font-weight: bold; +#navContainer ul { + margin:0; + list-style:none; } -#header h1 a { - color: black; - text-decoration: none; +.navContainerStyle li { + display: inline-block; + list-style-type: none; + font-size: 17px; + color: #FFF; + text-decoration: none; } -#header h1 a:hover { - text-decoration: underline; +.navContainerStyle li a:link, .navContainerStyle li a:visited { + display: inline-block; + font-size: 1em; + color:#FFF; + text-decoration:none; + padding: 8px 0; + width: 150px; + text-align: center; + +} +.navContainerStyle li a:hover { + color:#000 } +.navContainerStyle li a.current, .navContainerStyle li a.current:hover, .navContainerStyle a.current:active { + font-weight: bold; + color: #FFF; + cursor:auto; + background-color: #333; + border-radius: 10px; + -webkit-border-radius:10px; + -moz-border-radius: 10px; + box-shadow: 4px 4px 6px #48577D; + -webkit-box-shadow: 4px 4px 6px #48577D; + -moz-box-shadow: 4px 4px 6px #48577D; +} -/* Main main Style */ +/*------ sidebar styles ------*/ -#main h1 { - font-family: monospace; - margin-top: 0; - padding-bottom: 5px; - border-bottom: 1px solid #CCC; +#left { + float: left; + height: 1080px; + width: 445px; + margin-left: 40px; } -#main h2 { - margin-top: 1.8em; +.twoCol #sidebar{ + float:left; + width:245px; + padding:0; + margin-top: 120px; + position: relative; +} + +#sidebarTop { + height:49px; + width: 235px; + background: #7989D6; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius-topright: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius-topright: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-top-right-radius: 15px; + border-top-right-radius: 15px; +} + +#sidebarTop > input { + position: relative; + top: 1em; + left: 1em; } -#main h1 + h2 { - margin-top: 1.3em; +#sidebarArea { + width: 234px; + top: 0px; + padding-bottom: 1px; + background: #FFF; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius-bottomright: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius-bottomright: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-bottom-right-radius: 15px; + border-bottom-right-radius: 15px; + +} + +#sideBarContent1 { + width: 200px; + padding-top: 20px; + padding-right: 20px; + position: relative; + padding-left: 10px; + +} + +#sideBarContent1 a.current { + font-weight: bold; + color: #000; + text-decoration: none; +} + +#sidebarBottom { + background: url(img/sidebarBottom.png) no-repeat top; + width: 234px; + margin-bottom: 20px; + height: 28px; +} + + +/*----- textbox content -----*/ + +#textbox { + float:right; + width: 729px; + position: relative; + margin-top: 120px; + margin-right: 35px; /*margin: 120px 40px 80px 278px;*/ +} + +#textboxTop { + position: relative; + height: 49px; + top: 0px; + left: 0px; + background: #7989D6; + width: 729px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius-topright: 15px; + -moz-border-radius-topleft: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius-topright: 15px; + border-radius-topleft: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-top-right-radius: 15px; + -webkit-border-top-left-radius: 15px; + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + +#textbox_content { + padding: 20px 20px 5px; + width: 685px; + position: relative; + background: #FFF; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius-bottomright: 15px; + -moz-border-radius-bottomleft: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius-bottomright: 15px; + border-radius-bottomleft: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius-bottomright: 15px; + -webkit-border-radius-bottomleft: 15px; + border-right: 5px solid #FFF; + border-bottom: 5px solid #FFF; + -webkit-border-bottom-right-radius: 15px; + -webkit-border-bottom-left-radius: 15px; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +.textboxContentHeader { + font-family: Arial, Helvetica, sans-serif; + font-size: 28px; + color: #FFF; + padding: 9px 8px 8px; + margin-left: 20px; +} + + +#textbox_content h1 { + display: none; } -#main h3 { - margin-top: 1.5em; +#feedback { + float: right; + color: #FFF; + font-size: 12px; + width: 100px; + margin-right: 1em; +} + +/*----- home page -----*/ + +#top { + height: 400px; + width: 750px; + clear: both; + float: left; } -#main ul.methods, -#main ul.properties { - margin: 0; - padding-left: 1em; +#logo { + height: 72px; + width: 440px; + margin-top: 50px; + margin-left: 45px; + font-family: "Courier New", Courier, monospace; + font-size: 68px; + color: #7989D6; + font-weight: 400; + color:#7690CF; + text-shadow:1.5px 1.5px 1.5px #48577D; + text-shadow:#48577D 1.5px 1.5px 1.5px; + letter-spacing: 1.5px; } -#main ul.methods > li, -#main ul.properties > li { - list-style: none; - padding: 0 10px 10px 10px; - margin-top: 1.5em; - border: 1px solid #000; +#twitterWidget { + float: right; + height: 300px; + width: 250px; + top: 0px; + margin-top: 45px; + margin-right: 40px; + } -#main ul.methods > li > h3, -#main ul.properties > li > h3 { - font-family: "Courier New", monospace; - background-color: #E0E0E0; - margin: 0 -10px 5px -10px; - padding: .5em .5em .25em .5em; - border-bottom: 1px solid #888; +#tagline { + height: 120px; + width: 600px; + margin-left: 93px; + clear: both; + float: left; + margin-top: 10px; + font-size: 40px; + color: #FFF; + font-weight: bold; + text-shadow:1.5px 1.5px 1.5px #48577D; + text-shadow:#48577D 1.5px 1.5px 1.5px; + } -#main ul.parameters li > p, -#main div.returns > p { - display: inline; /* the top most paragraph should not cause new lines inside lists. */ + +/*----- buttons -----*/ + +#buttons { + clear: both; + float: left; + height: 72px; + width: 675px; + margin-left: 40px; + margin-top: 35px; + +} + +#downloadButton { + clear: both; + float: left; + height: 72px; + width: 230px; + background: #FFF url(img/download_arrow.png) no-repeat 15px 5px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius: 10px; + box-shadow: 4px 4px 6px #48577D; + border-radius: 10px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius:10px; +} + +#downloadText { + padding-top: 7px; + padding-left: 58px; + width: 170px; +} + +#communityButton { + float: right; + height: 72px; + width: 230px; + background: #FFF url(img/community_icon.png) no-repeat 147px 8px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius: 10px; + box-shadow: 4px 4px 6px #48577D; + border-radius: 10px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius:10px; } -.main-title { - float: right; +#communityText { + width: 150px; + padding-top: 7px; + padding-left: 20px; +} + + +.smallLinks { + font-size: 10px; + line-height: 14px; + color: #000; +} + +.smallLinks a:link { + color: #000; + text-decoration: none; +} +.smallLinks a:visited { + text-decoration: none; + color: #000; +} +.smallLinks a:hover { + text-decoration: underline; + color: #7989D6; +} +.smallLinks a:active { + text-decoration: none; +} +.blueText { + font-size: 13px; + color: #7989D6; + display: block; +} +.buttonHeadings { + font-size: 22px; + font-weight: bold; + display: block; + color: #000; } -/* Searchbox & Sidebar Style */ +/*----- Icon Divs ----- */ -#search-box, #sidebar { - border-right: 1px solid #DDD; +#icons { + background: #FFF; + width: 410px; + clear: both; + float: left; + height: 520px; + width: 410px; + padding-top: 20px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius:15px; } -#sidebar { - background-color: #EEE; +#iconWrap{ + clear: right; + float: left; + height: 500px; + width: 110px; + margin-left: 30px; + padding-top: 5px; +} + +#templatesDescription { + font-size: 14px; + line-height: 16px; + height: 95px; + width: 300px; } -#search-box { - width: 16em; - margin-bottom: 1em; +#descriptions { + float: left; + height: 500px; + width: 230px; + padding-top: 5px; + font-size: 14px; + line-height: 16px; + margin-left: 5px; } -#sidebar a { - text-decoration: none; +#UItemplatesDescription { + height: 95px; + width: 230px; + margin-bottom: 25px; + padding-top: 5px; } -#sidebar a:hover { - text-decoration: underline; +#two-wayDescription { + height: 95px; + width: 230px; + margin-bottom: 10px; + padding-top: 15px; } -#sidebar ul { - list-style-type: none; - /*TODO(esprehn): Can we just reset globally and not break examples?*/ - margin: 0; - padding: 0 0.8em 0 0; - width: 13em; +#frameworkDescription { + height: 95px; + width: 230px; + margin-bottom: 25px; + padding-top: 7px; +} + +#mvcDescription { + height: 75px; + width: 230px; + padding-top: 18px; +} + +#templateIcon { + height: 90px; + width: 95px; + position: relative; +} + +#two-wayIcon { + height: 90px; + width: 95px; + + position: relative; +} +#frameworkIcon { + height: 90px; + width: 95px; + position: relative; } -#sidebar ul li { +#mvcIcon { + height: 90px; + width: 95px; + position: relative; } -#sidebar ul li a { - display: block; - padding: 2px 2px 2px 4px; +#templatesLink { + line-height: 12px; + height: 28px; + width: 95px; + margin-bottom: 5px; + padding-top: 3px; + text-align: center; +} + +#two-wayLink { + line-height: 12px; + height: 28px; + width: 95px; + margin-bottom: 5px; + padding-top: 3px; + text-align: center; } +#frameworkLink { + line-height: 12px; + height: 20px; + width: 95px; + margin-bottom: 5px; + padding-top: 5px; + text-align: center; +} +#mvcLink { + line-height: 12px; + height: 28px; + width: 95px; + margin-bottom: 5px; + padding-top: 3px; + text-align: center; +} + + +/*----- What you need divs ---*/ + +#whatYouNeed { + clear: both; + float: left; + margin-top: 35px; + margin-bottom: 35px; + background: #FFF; + height: 220px; + width: 410px; + padding-top: 20px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius:15px; +} + +#listText { + width: 360px; + padding-left: 20px; +} + +/*----- testimonial divs ---*/ -#sidebar ul li.selected a { - background-color: #DDD; - border-radius: 5px; - -moz-border-radius: 5px; - border: 1px solid #CCC; - padding: 1px 1px 1px 3px; + +#testimonials { + background: #FFF; + min-height: 185px; + width: 390px; + clear: both; + float: left; + padding-top: 20px; + padding-left: 20px; + padding-bottom: 10px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius:15px; } -#sidebar ul li.level-0 { - margin-top: 0.5em; - margin-left: 0em; - font-weight: bold; - font-size: 1.2em; +#testimonialsNav { + float: right; + margin-top: 8px; + margin-right: 30px; } -#sidebar ul li.level-0:first-child { - margin-top: 0; +#testimonials ul { + margin: 0; + padding: 0; } -#sidebar ul li.monospace{ - font-family: monospace; +#testimonials ul li { + list-style: none; } -#sidebar ul li.level-1 { - margin-left: 1em; - margin-top: 5px; - font-size: 1.1em; - font-weight: bold; +.testimonialsText { + width: 360px; + padding-top: 15px; + text-align: justify; + font-style: italic; + font-size: 14px; } -#sidebar ul li.level-2 { - margin-left: 2em; +.sigName { + width: 340px; + font-size: 12px; + font-style: italic; + text-align: right; + margin-top: 15px; } -#sidebar ul li.level-3 { - margin-left: 3em; + + +/* ------ Live Example Divs ------ */ + +#right { + width: 525px; + clear: right; + float: left; + position: relative; } -#sidebar ul li.level-4 { - margin-left: 4em; +#liveExText { + background: #FFF; + width: 475px; + height: 1045px; + padding-top: 20px; + padding-left: 25px; + padding-right: 25px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius: 15px; + box-shadow: 4px 4px 6px #48577D; + border-radius: 15px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius:15px; } +#liveExText ul.doc-example { + margin: 0; + padding: 0; +} -/* Warning and Info Banners */ +#liveExText ul.doc-example li { + list-style: none; +} -.deprecated { - border: 2px solid red; +#liveExText ul.doc-example li.doc-example-source { + font-size: 12px; } -.deprecated legend { - font-weight: bold; - color: red; +div.syntaxhighlighter { + overflow: hidden !important; } -.workInProgress { - border: 2px solid orange; +#liveExText h3 { + background: #7989D6; + padding-top: 1px; + padding-left: 15px; + padding-right: 15px; + -moz-box-shadow: 4px 4px 6px #48577D; + -moz-border-radius: 7px; + box-shadow: 4px 4px 6px #48577D; + border-radius: 7px; + -webkit-box-shadow: 4px 4px 6px #48577D; + -webkit-border-radius:7px; + margin-left: -15px; + margin-right: -15px; + color: white; } -.workInProgress legend { - font-weight: bold; - color: orange; +#liveExText li.doc-example-live input[type=password] { + width: 170px; } +#liveExText li.doc-example-live table { + width: 100%; +} -/* Feedback Link */ +#liveExNav { + float: right; + padding-top: 8px; +} -#feedback { - float: right; - width: 10em; - text-align: right; +#liveExNav label { + cursor: pointer; + cursor: hand; } -/* Live Example Style */ +/*-----float clearing---*/ -.doc-example-live table td { - padding: 0 1.5em; +.clearFloat { + clear: both; + height:0px; + font-size:1px; + line-height:0px; } -/* Scrollbars */ -::-webkit-scrollbar{ - width:0.8em; - margin: 0.2em 0em; +/*-----navigation icons---*/ + +.navIcon { + background: url('img/navIcon.png') no-repeat; } -::-webkit-scrollbar:hover{ - background-color:#eee; +.prev { + background-position: left -2px; + padding-left: 12px; } -::-webkit-scrollbar-thumb{ - min-height:0.8em; - min-width:0.8em; - -webkit-border-radius:0.5em; - background-color: #ddd; +.separator { + background-position: 2px -22px; + padding: 0 5px; } -::-webkit-scrollbar-thumb:hover{ - background-color: #bbb; +.next { + background-position: right -42px; + padding-right: 12px; } -::-webkit-scrollbar-thumb:active{ - background-color:#888; + +/* subpages */ + +#fader { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background-color: black; + opacity: 0.8; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + z-index: 3; } -#sidebar::-webkit-scrollbar { - background-color:#eee; +#subpages > div { + position: fixed; + top: 50%; + left: 50%; + width: 729px; + margin-top: -140px; + margin-left: -365px; + z-index: 3; + background-color: #7989D6; + border-radius: 15px; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + box-shadow: 4px 4px 6px #48577D; + -webkit-box-shadow: 4px 4px 6px #48577D; + -moz-box-shadow: 4px 4px 6px #48577D; } -#main::-webkit-scrollbar { - background-color:#fff; +#subpages h2 { + height: 1.8em; + -moz-border-radius-topright: 15px; + -moz-border-radius-topleft: 15px; + border-radius-topright: 15px; + border-radius-topleft: 15px; + -webkit-border-top-right-radius: 15px; + -webkit-border-top-left-radius: 15px; + border-top-right-radius: 15px; + border-top-left-radius: 15px; + padding: 0.6em 0 0 1em; + margin: 0; + color: white; } -/* Content */ -img.right { +#subpages > div > a { + color: black; float: right; + margin: -40px 10px; + font-size: 1em; } -h1, h2, h3, h4, h5 { - clear: both; + +#subpages > div > a:hover { + text-decoration: none; + color: white; +} + +#subpages > div > div { + background-color: white; + padding: 1em 0 1em 1em; + margin-bottom: 1.5em; } diff --git a/docs/src/templates/docs.js b/docs/src/templates/docs.js index 9486f91e..65f8b11a 100644 --- a/docs/src/templates/docs.js +++ b/docs/src/templates/docs.js @@ -38,11 +38,16 @@ function DocsController($location, $browser, $window) { }; this.selectedSection = function(section) { - return section == self.sectionId ? 'selected' : null; + return section == self.sectionId ? 'current' : ''; }; + this.selectedPartial = function(partial) { + return partial.id == self.partialId ? 'current' : ''; + } + this.afterPartialLoaded = function() { SyntaxHighlighter.highlight(); + window.scrollTo(0,0); }; this.getFeedbackUrl = function() { @@ -59,3 +64,4 @@ angular.widget('code', function(element){ }); SyntaxHighlighter['defaults'].toolbar = false; +SyntaxHighlighter['defaults'].gutter = false; diff --git a/docs/src/templates/index.html b/docs/src/templates/index.html index 49449517..87402f64 100644 --- a/docs/src/templates/index.html +++ b/docs/src/templates/index.html @@ -3,6 +3,7 @@ xmlns:doc="http://docs.angularjs.org/" ng:controller="DocsController"> <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title ng:bind-template="<angular/>: {{partialTitle}}"><angular/></title> <meta name="fragment" content="!"> <link rel="stylesheet" href="docs-combined.css" type="text/css"/> @@ -30,32 +31,58 @@ }); </script> </head> -<body style="display:none;" ng:show="true"> - <div id="header"> - <h1> - <span class="main-title">{{partialTitle}}</span> - <a href="#" tabindex="0"><span class="angular"><angular/></span> Docs</a> - </h1> - <ul class="navigation"> - <li ng:class="selectedSection('intro')"><a href="#!intro">Introduction</a></li> - <li ng:class="selectedSection('tutorial')"><a href="#!tutorial">Tutorial</a></li> - <li ng:class="selectedSection('guide')"><a href="#!guide">Developer Guide</a></li> - <li ng:class="selectedSection('api')"><a href="#!api">API Reference</a></li> - <li ng:class="selectedSection('cookbook')"><a href="#!cookbook">Cookbook</a></li> - </ul> + +<body class="twoCol" style="display:none;" ng:show="true"> + <!--[if lt IE 9]> + <div id="oldIePrompt"> + You are using an old version of Internet Explorer. + For better and safer browsing experience please <a href="http://www.microsoft.com/IE9">upgrade IE</a> + or install <a href="http://google.com/chrome">Google Chrome browser</a>. + </div> + <![endif]--> + <div class="twoCol" id="container"> + <div id="navigationHome"> + <div id="navContainer"> + <ul class="navContainerStyle"> + <li><a href="http://angularjs.org/"><angular/></a></li> + <li><a href="#!intro" ng:class="selectedSection('intro')">Introduction</a></li> + <li><a href="#!tutorial" ng:class="selectedSection('tutorial')">Tutorial</a></li> + <li><a href="#!guide" ng:class="selectedSection('guide')">Developer Guide</a></li> + <li><a href="#!api" ng:class="selectedSection('api')">API Reference</a></li> + <li><a href="#!cookbook" ng:class="selectedSection('cookbook')">Cookbook</a></li> + </ul> + </div> </div> <div id="sidebar"> - <input type="text" name="search" id="search-box" placeholder="search the docs" - tabindex="1" accesskey="s"/> - <ul id="api-list"> - <li ng:repeat="page in pages.$filter(search)" ng:class="getClass(page)"> - <a href="{{getUrl(page)}}" ng:click="" tabindex="2">{{page.shortName}}</a> - </li> - </ul> + <div id="sidebarTop"> + <input type="text" name="search" id="search-box" placeholder="search the docs" + tabindex="1" accesskey="s" size="35"/> + </div> + <div id="sidebarArea"> + <div id="sideBarContent1"> + <ul id="api-list"> + <li ng:repeat="page in pages.$filter(search)" ng:class="getClass(page)"> + <a href="{{getUrl(page)}}" ng:class="selectedPartial(page)" tabindex="2">{{page.shortName}}</a> + </li> + </ul> + </div> + </div> </div> - <div id="main"> - <a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a> - <ng:include src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include> + + <div id="textbox"> + <div id="textboxTop"> + <div class=textboxContentHeader> + {{partialTitle}} + <a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a> + </div> + </div> + <div id="devguide_header"></div> + <div id="textbox_content"> + <ng:include src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include> + </div> + </div> + <br class="clearFloat" /> + <div id="twoColFooter">© 2010-2011 angular</div> </div> </body> </html> |
