#223 WIP: Updating look and feel to match bootstrap mockups
Closed 7 years ago by duffy. Opened 7 years ago by duffy.
duffy/fedora-hubs develop  into  develop

file modified
+11 -26
@@ -57,16 +57,18 @@ 

        .header .dropdown.edit {

          top: 140px !important;

        }

-       .header h3.team {

+       .header h2.team {

          top: 170px !important;

        }

      }

  

-     .header {

-       color: #ffffff;

-       background-color: #3c6eb4;

+     header {

+       color: #373a3c;

+       background: #f3f3f3 none repeat scroll 0 0;

        width: 100%;

        font-family: 'Open Sans', sans-serif;

+       min-height: 100px;

+       border-bottom: 1px solid #ddd;

      }

  

      /*.header .dropdown.edit {
@@ -76,24 +78,7 @@ 

        z-index: 2;

      }*/

  

-     .header .img-wrap {

-       max-height: 100px;

-       overflow: hidden;

-       position: relative;

-     }

- 

-     .header .img-wrap img {

-       width: 100%;

-       text-align: center;

-     }

- 

-     .header h3.team {

-       position: absolute;

-       top: 120px;

-       left: 45%;

-     }

- 

-     .header img.avatar {

+     header img.avatar {

          width: 70px;

          float: left;

          margin: 0 15px;
@@ -101,15 +86,15 @@ 

          border: 5px solid #fff;

      }

  

-     .header h3 {

-         font-weight: 700;

+     header h2 {

+         font-weight: 500;

      }

  

-     .header a, .header a:hover, .header a:focus {

+     header a, header a:hover, .header a:focus {

        color: #ffffff;

      }

  

-     .header span.edit {

+     header span.edit {

        margin: 5px 5px 0 0;

      }

      .row {

file modified
+15 -15
@@ -2,21 +2,21 @@ 

  

  {% block title %}{{ hub.name }}{% endblock %}

  {% block content %}

- <div class="header">

-   {% if hub.user_hub %}

-     <div class="padded center-block medium-wide">

-       <img src="{{ hub.avatar }}" class="avatar" />

-       <h3>{{ hub.name }}</h3>

-       <h5>{{ hub.summary }}</h5>

-       <div class="clearfix"></div>

-     </div>

-     {% else %}

-     <div class="img-wrap">

-       <img src="{{ hub.header_img }}" />

-     </div>

-     <h3 class="team">{{ hub.name }}</h3>

-   {% endif %}

- </div>

+ 

+   <header class="p-t-2">

+     <div class="container">

+       {% if hub.user_hub %}

+ 	    <img src="{{ hub.avatar }}" class="avatar" />

+ 		<h2 class="user m-b-0">{{ hub.name }}</h2>

+ 		<h5 class="m-t-1 m-b-1">{{ hub.summary }}</h5>

+ 	    <div class="clearfix"></div>

+       {% else %}

+       <h2 class="team">{{ hub.name }}</h2>

+       <h5 class="m-t-1 m-b-1">{{ hub.summary }}</h5>

+ 	  {% endif %}

+   	</div>

+   </header>

+ 

  

  {%- with messages = get_flashed_messages(with_categories=true) -%}

    {%- if category, messages -%}

Trying to get the base site templates looking more lFedora bootstrap-y.

Pull-Request has been closed by duffy

7 years ago