Initial files from SymPy website

main.js

@@ -0,0 +1,20 @@
+$(document).ready(function() {
+    if (screen.width <= 767) {
+        var el = $('#main-navigation ul');
+        var height = el.height();
+        var visible = false;
+        el.hide();
+
+        $('#mobile-menu').bind('touchstart', function() {
+            if (visible) {
+                el.height(0).css('opacity', 0);
+                window.setTimeout(function() { el.hide() }, 290);
+                visible = false;
+            }
+            else {
+                el.show().height(height).css('opacity', 1);
+                visible = true;
+            }
+        });
+    }
+});

style.css

@@ -0,0 +1,304 @@
+.small { font-size:11px; }
+.gray { color:#a2b0b6; }
+.hightlight { background-color:#d6e7c7; }
+
+a:link, a:visited, a:hover, a:active { color: #81B953; } 
+a:link, a:visited, a:active { text-decoration: none; }
+a:hover { text-decoration: underline; }
+h1, h2, h3 { color: #3B5526; }
+a { -moz-outline: none; }
+
+body {
+  font-size: 16px;
+  color: #222;
+  background: #eee;
+  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+}
+
+p {
+  line-height: 125%;
+}
+
+hr {
+  background: #f0f0ee; 
+  color: #f0f0ee;
+}
+
+#header {
+  background: #3B5526;
+  border-bottom: 3px solid #81B953;
+}
+
+#header h1{
+  font-family: "Gentium Basic", "Times New Roman", serif;
+  font-weight: normal;
+}
+
+#header h1 a:link, #header h1 a:active, 
+#header h1 a:hover, #header h1 a:visited {
+  color: #FFF;
+}
+
+#main .block .content {
+  background: #FFF;
+  padding-top: 1px;
+  max-width: 800px;
+  min-width: 500px;
+  margin-top:10px;
+}
+
+#main .block .content h2 {
+  margin-left: 15px;
+}
+
+#main .content {
+  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
+}
+
+#main-navigation {
+  background: #3B5526;
+}
+
+#main-navigation ul li a {
+  padding: 3px 10px;
+}
+
+#main-navigation ul li:hover {
+  background-color: #5B7745;
+}
+
+#main-navigation ul li.active {
+  border-bottom: none;
+  font-weight: bold;
+}
+
+#main-navigation ul li a:hover,
+#main-navigation ul li a:link, 
+#main-navigation ul li a:visited, 
+#main-navigation ul li a:active,
+.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, 
+.secondary-navigation ul li a:hover, .secondary-navigation ul li a:active {
+  text-decoration: none;
+  color: #FFF;
+}
+
+#user-navigation ul li a:link, 
+#user-navigation ul li a:visited,  
+#user-navigation ul li a:active {
+  color: #3B5526;
+}
+
+#user-navigation ul li a:hover { color: #fff; }
+
+#main-navigation ul li.active a:link, 
+#main-navigation ul li.active a:visited, 
+#main-navigation ul li.active a:hover, 
+#main-navigation ul li.active a:active {
+  background-color: #81B953;
+}
+
+.secondary-navigation {
+  background: #3B5526;
+  border-bottom: 5px solid #81b953;
+}
+
+.secondary-navigation ul li a {
+  display:block;
+  padding: 8px 12px;
+}
+
+.secondary-navigation ul li.active {background: #81b953;  font-weight: bold;}
+.secondary-navigation ul li.active a:hover {
+  background-color: #81B953;
+}
+
+.secondary-navigation li a:hover {
+  background: #81B953;
+}
+
+#quicklinks ul {
+  padding-left: 20px;
+}
+
+#footer .block {  
+  color: #FFF;
+  background: #3B5526;
+  max-width: 800px;
+  min-width: 500px;
+}
+
+#footer .block p {      
+  margin: 0;  
+  padding: 5px;
+}
+
+/* tables */
+
+
+.table th {
+  background: #253618;
+  color: #FFF;
+}
+
+.table tr th { padding: 5px; }
+
+.table td {
+  border-bottom:1px solid #F0F0EE;
+}
+.table tr.odd {background: #ebfadf;}
+.table tr.even {background: #d3e8c1;}
+
+
+/* forms */
+
+.form input.text_field, .form textarea.text_area {
+  width: 100%;
+  border: 1px solid #262626;
+}
+
+.form input.button {
+  background: #EEE;
+  color: #262626;
+  padding: 2px 5px;
+  border: 1px solid #262626;
+  cursor: pointer;
+}
+
+.form .description {
+  font-style: italic;
+  color: #8C8C8C;
+  font-size: .9em;
+}
+
+/* flash-messages */
+.flash .message {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  text-align:center;
+  margin: 0 auto 15px;
+
+}
+
+.flash .message p {
+  margin:8px;
+}
+.flash .error {
+  border: 1px solid #fbb;
+  background-color: #fdd;
+}
+.flash .warning {
+  border: 1px solid #fffaaa;
+  background-color: #ffffcc;
+}
+.flash .notice {
+  border: 1px solid #1FDF00;
+  background-color: #BBFFB6;
+}
+
+/* lists */
+
+ul.list li {
+  border-bottom-color: #F0F0EE;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+}
+
+ul.list li .item .avatar {
+  border-color: #F0F0EE;
+  border-width: 1px;
+  border-style: solid;
+  padding: 2px; 
+}
+
+/* box */
+
+#box .block {
+  background: #FFF;  
+}
+
+#box .block h2 {
+  color: #fff;
+  background: #3B5526;
+}
+
+#box .block .content { border: 1px solid #81b953; }
+
+/* login */
+
+#block-login {   }
+#block-login h2 { background: #3B5526;border-bottom: 5px solid #81b953;}
+
+.callout img {
+  float:left;
+  margin-right: 8px;
+}
+
+
+#mainpage {
+  min-width:960px;
+  min-height:500px;
+  padding:0 20px;
+  margin-top:20px;
+}
+
+#left{
+  padding:10px 10px 10px 10px;
+  overflow:hidden;
+  background-color:white;
+  min-width:300px;
+  max-width:300px;
+  float:right;
+  border-color:#81B953;
+  border-width:2px;
+  border-style:solid;
+  margin: 4px 0px 4px 4px;
+}
+
+#right2{
+  padding: 10px 10px 10px 10px;
+  overflow:hidden;
+  border-color:#81B953;
+  border-width:1px;
+  border-style:solid;
+  background-color:white;
+  min-width:350px;
+  max-width:350px;
+  float:right;
+  margin-top:-800px;
+  margin-right:10px;
+}
+
+.sidebar_card {
+  padding: 0.5em;
+  overflow: hidden;
+  background: #FFF;
+  margin: 0 0 30px;
+  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
+}
+
+.sidebar_card p, .sidebar_card h3 {
+  margin: 0 0 0.5em;
+}
+
+.sidebar_card h3 {
+  font-family: "Open Sans", Helvetica, sans-serif;
+  font-weight: 300;
+  font-size: 1.25em;
+}
+
+.content {
+  margin-top:45px;
+}
+
+#w3_validator {
+  position:fixed;
+  bottom:5px;
+  right:5px;
+}
+
+#side1
+{
+  margin-top: 710px;
+}