GNOME.org
 

[open-event-legacy/deploy] Various CSS changes to match the GNOME design

commit 26994dc44794e6664077f0f8a93b0cb5167d3866
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Sat Apr 6 19:32:30 2019 +0300

    Various CSS changes to match the GNOME design

 app/static/css/custom/gnome.css               |  59 ++++++++++++
 app/static/img/gnome-logo.svg                 | 126 ++++++++++++++++++++++++++
 app/templates/gentelella/base.html            |   5 +-
 app/templates/gentelella/components/menu.html |  10 +-
 4 files changed, 193 insertions(+), 7 deletions(-)
---
diff --git a/app/static/css/custom/gnome.css b/app/static/css/custom/gnome.css
new file mode 100644
index 00000000..ce48ae72
--- /dev/null
+++ b/app/static/css/custom/gnome.css
@@ -0,0 +1,59 @@
+.nav_menu {
+  background-color: #4a86cf !important;
+  border: none;
+}
+
+.search_bar .form-control::placeholder,
+.nav.navbar-nav > li > a {
+  color: #fff !important;
+}
+.nav.navbar-nav > li > a:focus, .nav.navbar-nav > li > a:hover, .nav.navbar-nav > li > a:active {
+  background: hsla(0,0%,100%,.2);
+}
+
+.gnome-navbar-brand img {
+  max-height: 35px;
+  min-width: 35px;
+}
+
+.btn {
+  border-radius: 2px;
+}
+
+.btn-action {
+  color: #333;
+  background-color: #eee;
+  border-color: #e1e1e1;
+}
+
+.search_bar .input-group {
+  margin-top: 14px !important;
+}
+
+.search_bar .form-control {
+  background: transparent !important;
+  border-right: none;
+  color: #fff;
+}
+
+.search_bar .search-button {
+  color: #fff;
+  background: hsla(0,0%,100%,.1);
+  border-left: none;
+}
+
+#footer-menu {
+  border-bottom: none !important;
+}
+
+.footer-dropdown {
+  border-radius: 2px;
+  border: none;
+  background: #404247;
+}
+
+@media (min-width: 480px) {
+  .top_nav .navbar-right li {
+    border-left: none;
+  }
+}
diff --git a/app/static/img/gnome-logo.svg b/app/static/img/gnome-logo.svg
new file mode 100644
index 00000000..0534b66a
--- /dev/null
+++ b/app/static/img/gnome-logo.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="1062.9567"
+   height="408.40155"
+   id="svg3642"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="gnome-logo.svg">
+  <metadata
+     id="metadata24">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="961"
+     id="namedview22"
+     showgrid="false"
+     inkscape:zoom="1"
+     inkscape:cx="519.63537"
+     inkscape:cy="203.3948"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g15041"
+     showborder="true"
+     borderlayer="false"
+     inkscape:showpageshadow="false" />
+  <defs
+     id="defs3644" />
+  <g
+     transform="translate(162.8693,-197.3138)"
+     id="layer1">
+    <g
+       transform="matrix(1.293235,0,0,1.293235,-4878.321,-1224.915)"
+       id="g15041">
+      <g
+         transform="matrix(2.438586,0,0,2.438586,3659.952,1113.451)"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-miterlimit:4"
+         id="g15043">
+        <g
+           style="fill:#ffffff;fill-opacity:1"
+           id="g15045">
+          <path
+             d="M 86.068,0 C 61.466,0 56.851,35.041 70.691,35.041 84.529,35.041 110.671,0 86.068,0 Z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15047"
+             inkscape:connector-curvature="0" />
+          <path
+             d="M 45.217,30.699 C 52.586,31.149 60.671,2.577 46.821,4.374 32.976,6.171 37.845,30.249 
45.217,30.699 Z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15049"
+             inkscape:connector-curvature="0" />
+          <path
+             d="M 11.445,48.453 C 16.686,46.146 12.12,23.581 3.208,29.735 -5.7,35.89 6.204,50.759 
11.445,48.453 Z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15051"
+             inkscape:connector-curvature="0" />
+          <path
+             d="M 26.212,36.642 C 32.451,35.37 32.793,9.778 21.667,14.369 10.539,18.961 19.978,37.916 
26.212,36.642 l 0,0 z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15053"
+             inkscape:connector-curvature="0" />
+          <path
+             d="m 58.791,93.913 c 1.107,8.454 -6.202,12.629 -13.36,7.179 C 22.644,83.743 83.16,75.088 
79.171,51.386 75.86,31.712 15.495,37.769 8.621,68.553 3.968,89.374 27.774,118.26 52.614,118.26 c 12.22,0 
26.315,-11.034 28.952,-25.012 C 83.58,82.589 57.867,86.86 58.791,93.913 l 0,0 z"
+             style="fill:#ffffff;fill-opacity:1"
+             id="path15055"
+             inkscape:connector-curvature="0" />
+        </g>
+      </g>
+      <g
+         id="g15057"
+         style="fill:#ffffff">
+        <path
+           d="m 4176.2963,1214.4401 c -15.1078,0.4069 -27.0386,5.8367 -35.8126,16.25 -9.0861,10.8369 
-13.6562,25.8104 -13.6562,44.9063 0,19.0432 4.5703,33.9757 13.6562,44.8124 9.1305,10.8369 21.6664,16.25 
37.6563,16.25 16.034,0 28.6014,-5.4131 37.6875,-16.25 9.0859,-10.8367 13.6251,-25.7692 13.625,-44.8124 
-1e-4,-19.0959 -4.5391,-34.0694 -13.625,-44.9063 -9.0861,-10.8366 -21.6536,-16.2499 -37.6875,-16.25 -0.6246,0 
-1.2296,-0.016 -1.8437,0 z m 1.125,22 c 0.2415,-0.01 0.4737,0 0.7187,0 7.8833,10e-5 13.9919,3.4114 
18.3125,10.25 4.3203,6.8388 6.4999,16.4913 6.5,28.9063 0,12.3623 -2.1799,21.9427 -6.5,28.7812 -4.3204,6.8389 
-10.4293,10.2812 -18.3125,10.2812 -7.8391,0 -13.8983,-3.4423 -18.2187,-10.2812 -4.3204,-6.8385 
-6.4999,-16.4189 -6.5,-28.7812 0,-12.4149 2.1798,-22.0675 6.5,-28.9063 4.1852,-6.6249 10.0123,-10.0428 
17.5,-10.25 z"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15059"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4005.6293,1325.612 c -13.3076,11.1757 -33.1067,11.0472 -41.3549,11.0472 -16.6133,0 
-29.7747,-5.471 -39.4842,-16.413 -9.7097,-10.9946 -14.5644,-25.8819 -14.5644,-44.6622 0,-18.9906 
4.9438,-33.9305 14.8316,-44.82 9.8878,-10.8892 23.4277,-16.3339 40.62,-16.334 6.6363,10e-5 12.9831,0.7366 
19.0406,2.2094 6.1019,1.473 11.8475,3.6562 17.2368,6.5494 l -6.921,20.4608 c -3.0298,-1.6586 -6.4987,-3.2932 
-9.7145,-4.4424 -5.4784,-1.8411 -10.979,-2.7617 -16.5018,-2.7618 -10.2442,10e-5 -18.15,3.3932 
-23.7173,10.1792 -5.523,6.7336 -8.2844,16.3867 -8.2844,28.9594 0,12.4676 2.6723,22.0945 8.0172,28.8806 
5.3446,6.7861 13.3768,10.1791 22.7818,10.1791 9.5548,0 15.4728,-2.4084 18.6291,-4.9461 l 0,-20.3835 
-20.7001,0 0,-20.3584 40.0855,0"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15061"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4023.2108,1216.5605 16.2279,0 51.2775,70.8022 0,-70.8022 21.8853,0 0,117.8103 -16.2279,0 
-51.2774,-70.8022 0,70.8022 -21.8854,0 0,-117.8103"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15063"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4246.3361,1216.5605 32.7366,0 22.7151,73.5479 22.8487,-73.5479 27.6698,0 12.5,117.8103 
-24.3186,0 -7.5,-73.668 -22.9823,74.0213 -16.3015,0 -22.9824,-76.5213 -7.5,76.168 -24.3854,0 12.5,-117.8103"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15065"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 4382.3597,1216.5605 69.4147,0 0,22.9624 -43.6933,0 0,24.4365 33.5877,0 0,20.4623 -33.5877,0 
0,26.9868 45.1631,0 0,22.9623 -70.8845,0 0,-117.8103"
+           
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.699646px;line-height:125%;font-family:'Bitstream
 Vera 
Sans';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path15067"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/app/templates/gentelella/base.html b/app/templates/gentelella/base.html
index 11a4cb2d..1a386ddb 100644
--- a/app/templates/gentelella/base.html
+++ b/app/templates/gentelella/base.html
@@ -22,7 +22,7 @@
     <link rel="shortcut icon" href="/favicon.ico?v1.1">
 
     {% block head_css %}
-        <link rel="stylesheet" href="{{ url_for('static', filename='css/vendor/roboto.css') }}"/>
+        <link rel="stylesheet" href="https://static.gnome.org/css/fonts.css"/>
         {% block head_css_bootstrap %}
         <link rel="stylesheet" href="{{ url_for('static', 
filename='vendor/bootstrap/dist/css/bootstrap.min.css') }}">
         {% endblock %}
@@ -34,6 +34,7 @@
         <link rel="stylesheet"
               href="{{ url_for('static', filename='css/vendor/bootstrap/bootstrap-responsive-tabs.css') }}">
         <link rel="stylesheet" href="{{ url_for('static', 
filename='vendor/bootstrap-social/bootstrap-social.css') }}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/custom/gnome.css') }}"/>
     {% endblock %}
 
     {% block head_js %}
@@ -47,7 +48,7 @@
         </script>
     {% endblock %}
 </head>
-<body class="nav-md" style="background-color: #F7F7F7;">
+<body class="nav-md">
 <div class="container body" id="{{ page_id }}">
     <div class="main_container">
         {{ menu.render_menu() }}
diff --git a/app/templates/gentelella/components/menu.html b/app/templates/gentelella/components/menu.html
index 7d552e59..f50d7918 100644
--- a/app/templates/gentelella/components/menu.html
+++ b/app/templates/gentelella/components/menu.html
@@ -5,9 +5,9 @@
                 <ul class="nav navbar-nav">
                     <li style="margin-left: 10px;">
                     {% if logo == None %}
-                        <a href="/" style="font-size: 26px; font-weight: 300;">
-                            {{ app_name }}
-                        </a>
+                          <a href="/" class="gnome-navbar-brand">
+                            <img alt="GNOME: The Free Software Desktop Project" src="{{ url_for('static', 
filename='img/gnome-logo.svg') }}">
+                          </a>
                     {% else %}
                         <a href="/" style="font-size: 26px; font-weight: 300;padding: 0">
                             <img height="57px" src="{{ logo.url }}" />
@@ -36,7 +36,7 @@
                 </ul>
                 <ul class="nav navbar-nav navbar-right">
                     <li><a href="/events/create/" class="hide-small" aria-expanded="false"
-                           style="color: #46b8da!important;">{{ _("Create Event") }}</a></li>
+                           >{{ _("Create Event") }}</a></li>
                     {% if current_user.is_authenticated %}
 
                         <li>
@@ -57,7 +57,7 @@
                             </a>
                             <ul class="dropdown-menu dropdown-usermenu pull-right">
                                 <li><a href="/events/create/" class="hide-large"
-                                       style="color: #46b8da!important; font-weight:bold">{{ _("Create 
Event") }}</a>
+                                       style="font-weight:bold">{{ _("Create Event") }}</a>
                                 </li>
                                 <li class="divider hide-large"></li>
                                 <li><a href="/mytickets/">{{ _("My Tickets") }}</a></li>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]