Importing whole sections.

[edumed.git] / edumed / static / css / base.css

diff --git a/edumed/static/css/base.css b/edumed/static/css/base.css
index e29f770..27f9ccf 100644 (file)
--- a/edumed/static/css/base.css
+++ b/edumed/static/css/base.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";

 @import url(http://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
 a {
   text-decoration: none;
 @import url(http://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
 a {
   text-decoration: none;


@@ -44,12 +45,12 @@ header.main {
     text-align: center;
     /*position:relative;*/ }
   header.main nav a {
     text-align: center;
     /*position:relative;*/ }
   header.main nav a {

-    color: #ed7831;
+    color: #363a3e;

     display: block;
     vertical-align: bottom;
     font-size: .85em; }
   header.main nav a:hover {
     display: block;
     vertical-align: bottom;
     font-size: .85em; }
   header.main nav a:hover {

-    color: #363a3e; }
+    color: #ed7831; }

   header.main nav a:before {
     display: block;
     margin-bottom: .8em; }
   header.main nav a:before {
     display: block;
     margin-bottom: .8em; }


@@ -92,10 +93,9 @@ header.main {
     color: #363a3e; }
   header.main #search {
     float: right;
     color: #363a3e; }
   header.main #search {
     float: right;

-    padding: 0 0.625em;

     background-color: white;
     /* Extend padded background .*/
     background-color: white;
     /* Extend padded background .*/

-    padding: 0 0.625em;
+    padding: 2px 0.625em 0;

     margin-right: -0.625em; }
 
 #content {
     margin-right: -0.625em; }
 
 #content {


@@ -117,9 +117,50 @@ footer.main {
     width: 13.75em; }
     footer.main .footer-item p {
       font-size: .75em; }
     width: 13.75em; }
     footer.main .footer-item p {
       font-size: .75em; }

-  footer.main .footer-item-half {
+  footer.main .sponsors-column {

     float: left;
     float: left;

-    margin-right: 1.25em;
+    margin-left: 1.25em;

     width: 6.25em; }
     width: 6.25em; }

-    footer.main .footer-item-half p {
+    footer.main .sponsors-column p {

       font-size: .75em; }
       font-size: .75em; }

+
+#search {
+  font-size: .8em; }
+  #search input, #search button {
+    font-family: Dosis;
+    font-size: .9em;
+    vertical-align: bottom;
+    border: 1px solid #c9ccce;
+    padding: 0;
+    margin: 0;
+    line-height: .9em; }
+  #search input {
+    border-right-width: 0;
+    height: 16px;
+    width: 16em;
+    padding-left: 1.3em; }
+  #search button {
+    height: 18px;
+    width: 1.8em; }
+    #search button span {
+      position: relative;
+      top: -1px; }
+  #search input::-webkit-input-placeholder {
+    text-transform: uppercase; }
+  #search input:-moz-placeholder {
+    text-transform: uppercase; }
+  #search input::-moz-placeholder {
+    text-transform: uppercase; }
+  #search input::-ms-placeholder {
+    text-transform: uppercase; }
+
+.link-list {
+  list-style: none;
+  padding: 0; }
+  .link-list a:before {
+    content: "→";
+    margin-right: .5em; }
+  .link-list a {
+    color: #363a3e; }
+  .link-list a:hover {
+    color: #ed7831; }