Merge branch 'gh-pages' into reorder-nav

1 files changed, 158 insertions, 37 deletions

diff --git a/shared/css/documentation.css b/shared/css/documentation.css
index 9f46f17..a5a7f78 100644
--- a/shared/css/documentation.css
+++ b/shared/css/documentation.css
@@ -2,6 +2,10 @@
      Global Documentation Styles
 ------------------------------------------------------------------------------*/
 
+html {
+  height:100%;
+}
+
 body {
   font: 13px helvetica,arial,freesans,clean,sans-serif;
   line-height: 1.4em;
@@ -303,7 +307,7 @@ div.sidebar-module ul ul li span {
 #footer-wrapper {
   border-top: solid 1px #ddd;
   background-color: #222;
-  padding: 1em 0;
+  padding: 2em 0;
   color: #eee;
   margin-top: -88px;
 }
@@ -314,56 +318,78 @@ div.sidebar-module ul ul li span {
   overflow: hidden;
   margin: 0 auto;
   width: 920px;
-
+  position: relative;
 }
 
-#footer p {
-  margin: 0;
+#footer a {
+  color:#fff;
+  text-decoration:none;
 }
-
-#footer .rackspace {
-  line-height: 1.5em;
-  padding: 1.1em 1em 1em 65px;
-  color: #666;
-  background: url(/shared/images/rackspace_logo.png) 1.2em 50% no-repeat #f1f1f1;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
+#footer a:hover {
+  text-decoration:underline;
 }
-
-.rackspace a,
-.rackspace a:active,
-.rackspace a:hover {
-  color: #333;
+#footer h2.logo {
+  margin:0 20px 0 0;
+  float:left;
 }
-
-#bottom-nav {
-  padding-top: 0.7em;
-  position: relative;
-  float: left;
-  display: block;
+#footer h2.logo a {
+  float:left;
+  width:120px;
+  height:53px;
+  text-indent:-9999px;
+  text-decoration:none;
 }
-
-#footer .nav,
-#footer .nav li {
+#footer ul.github-nav {
+  display:inline-block;
+  margin:14px 0 0 0;
+  padding-bottom:5px;
+  font-size:14px;
+  border-bottom:2px solid #303030;
+}
+#footer ul.github-nav li {
+  list-style-type:none;
+  float:left;
   margin:0;
+  padding:0 5px;
+  line-height:1;
+  border-left:1px solid #666;
+}
+#footer ul.github-nav li:first-child {
+  padding-left:0;
+  border-left:none;
+}
+#footer p.copyline {
+  margin:3px 0 0 0;
+  font-size:14px;
+}
+#footer p.rackspace {
+  margin:0;
+  width:230px;
+  padding:10px 10px 10px 56px;
+  font-size:12px;
+  color:#666;
+  background:url(/shared/images/rackspace_logo.png) 10px 50% no-repeat #f1f1f1;
+  -webkit-border-radius:5px;
+  -moz-border-radius:5px;
+}
+#footer p.rackspace a {
+  text-decoration:underline;
+  color:#333;
 }
 
-#footer .nav li {
-  display: inline;
-  line-height: 2em;
-  padding-right: 3px;
+#footer h2.logo a {
+  background:url(/shared/images/footer_logo.png) no-repeat;
 }
 
-#footer .nav li + li {
-  border-left: 2px solid #666;
-  padding-left: 5px;
+#footer div.left-col {
+  position: relative;
+  float: left;
 }
 
-#bottom-notice {
-  width: 310px;
-  display: block;
+#footer div.right-col {
   position: relative;
   float: right;
+  line-height: 1.4em;
 }
 
 /* end */
@@ -668,4 +694,99 @@ span.bash-output {
 
 .more-info .more-content pre {
   margin-left: 0px;
-}
\ No newline at end of file
+}
+
+/****************************/
+/*       List Module        */
+/****************************/
+
+.list-module h2 {
+  border: solid #cacaca;
+  border-width: 1px;
+  border-radius: 3px 3px 0px 0px;
+  -moz-border-radius: 3px 3px 0px 0px;
+  -webkit-border-bottom-right-radius: 0px;
+  -webkit-border-bottom-left-radius: 0px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  padding: 6px 10px;
+  background-color: #f1f1f1;
+  background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
+  background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
+  color: #666;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
+  font-size: 16px;
+  line-height: 22px;
+  margin: 0px;
+}
+
+.list-module .list-body {
+  border: solid #cacaca;
+  border-width: 0px 1px 1px 1px;
+  border-radius: 0px 0px 3px 3px;
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  background-color: #fafafb;
+  color: #666;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
+}
+
+.list-module .list-body .icon {
+  display: block;
+  height: 28px;
+  width: 28px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background: transparent url(images/popular_guide_sprites.png) 0 0 no-repeat;
+}
+
+.list-module a {
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #e9ecee;
+  padding: 6px 10px;
+  position: relative;
+  display: block;
+}
+
+.list-module a:hover {
+  border-top: 1px solid #fafafb;
+  border-bottom: 1px solid #e5e8ea;
+  background-color: #f0f0f3;
+  text-decoration: none;
+}
+
+.list-module a h3 {
+  color: #4183C4;
+}
+
+.list-module a:hover h3 {
+  text-decoration: underline;
+}
+
+.list-module ul {
+  list-style-type: none;
+  margin: 0px;
+}
+
+.list-module h3 {
+  margin: 0px;
+  font-size: 13px;
+}
+
+.list-module .list-body a p {
+  color: #666;
+  margin: 0px;
+}
+
+/* @end */