Accueil Explorer Aide
Connexion
gitoyen
/
site
5
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

Fixed overflow on responsive header, added lost css for contact page

Adèle il y a 9 ans
Parent
e31f2952c3
commit
3f536652f8
2 fichiers modifiés avec 50 ajouts et 7 suppressions
Vue séparée Afficher les stats Diff
  1. 43 2
      theme/static/css/main.css
  2. 7 5
      theme/templates/base.html

+ 43 - 2
theme/static/css/main.css
Voir le fichier 

@@ -26,6 +26,7 @@ body {
 
   clear: both;
 
   margin: 0 auto;
 
   width: 100%;
 
+  overflow-x: hidden;
 
 }
 
 
 /* Headings */
 
@@ -325,13 +326,16 @@ Header
 
     width: 300px;
 
     right: -300px;
 
     -webkit-transition: right .5s; /* Safari */
 
-    transition: right .5s;
 
+    transition: right .4s;
 
+    transition-timing-function: ease;
 
   }
 
 
   #banner nav.opened {
 
     right: 0;
 
     -webkit-transition: right .5s; /* Safari */
 
-    transition: right .5s;
 
+    transition: right .4s;
 
+    transition-timing-function: ease;
 
+    display: block;
 
   }
 
 
   #banner nav li {
 
@@ -566,6 +570,43 @@ Home page
 
 	padding: 0 30px;
 
 }
 
 
+Contact page
 
+ *****************/
 
+#content-contact {
 
+       width: 70%;
 
+       margin: auto;
 
+}
 
+
 
+#content-contact h2 {
 
+       margin-bottom: 60px;
 
+}
 
+
 
+#content-contact h3 {
 
+       display: inline-block;
 
+       vertical-align: top;
 
+       margin-top: 0;
 
+       margin-bottom: 10px;
 
+}
 
+
 
+#content-contact section{
 
+       width: 80%;
 
+       margin-left: 15%;
 
+       display: inline-block;
 
+       vertical-align: top;
 
+}
 
+
 
+#content-contact section ul {
 
+       list-style: none;
 
+       padding: 0;
 
+       margin: 0;
 
+       text-align: left;
 
+}
 
+
 
+#content-contact .row {
 
+       padding-top: 10px;
 
+       margin-bottom: 50px;
 
+       border-top: 1px solid #ccc;
 
+}
 
 
 /*
 
 Extras

+ 7 - 5
theme/templates/base.html
Voir le fichier 

@@ -1,18 +1,18 @@
 
 <!DOCTYPE html>
 
 <html lang="{{ DEFAULT_LANG }}">
 
   <head>
 
-    <meta charset="utf-8" />
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">e
 
     <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
 
-    <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" />
 
+    <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}">
 
 
     {% if FEED_ALL_ATOM %}
 
-    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
 
+    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed">
 
     {% endif %}
 
 
     {% if FEED_ALL_RSS %}
 
-    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
 
+    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed">
 
     {% endif %}
 
 
     <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/scripts/jquery-2.1.4.min.js"></script>
 
@@ -53,6 +53,8 @@
 
         </nav>
 
       </div>
 
     </header><!-- /#banner -->
 
+
 
+    <div class="cacheMenu"></div>
 
     <div class="container">
 
     {% block content %}
 
     {% endblock %}