diff options
Diffstat (limited to 'docs/src/templates/docs.css')
| -rw-r--r-- | docs/src/templates/docs.css | 898 | 
1 files changed, 711 insertions, 187 deletions
| 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;  } | 
