Template:CSS/foundation

From 2014.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 110: Line 110:
     margin: 0; }
     margin: 0; }
   .top-bar .name {
   .top-bar .name {
-
     height: 45px;
+
     height: 67px;
     margin: 0;
     margin: 0;
     font-size: 32px; }
     font-size: 32px; }
     .top-bar .name h1 {
     .top-bar .name h1 {
-
       line-height: 45px;
+
       line-height: 67px;
       font-size: 1.0625rem;
       font-size: 1.0625rem;
       margin: 0; }
       margin: 0; }
Line 135: Line 135:
       display: block;
       display: block;
       padding: 0 15px;
       padding: 0 15px;
-
       height: 45px;
+
       height: 67px;
-
       line-height: 45px; }
+
       line-height: 67px; }
     .top-bar .toggle-topbar.menu-icon {
     .top-bar .toggle-topbar.menu-icon {
       right: 15px;
       right: 15px;
Line 169: Line 169:
.top-bar-section {
.top-bar-section {
 +
  text-shadow: 0px 0px 1px #000;
   left: 0;
   left: 0;
   position: relative;
   position: relative;
   width: auto;
   width: auto;
   transition: left 300ms ease-out; }
   transition: left 300ms ease-out; }
-
  .top-bar-section ul {
+
.top-bar-section ul {
     width: 100%;
     width: 100%;
     height: auto;
     height: auto;
Line 179: Line 180:
     background: #222222;
     background: #222222;
     font-size: 16px;
     font-size: 16px;
-
     margin: 0; }
+
     margin-left: -20px; }
   .top-bar-section .divider,
   .top-bar-section .divider,
   .top-bar-section [role="separator"] {
   .top-bar-section [role="separator"] {
Line 193: Line 194:
     padding-left: 15px;
     padding-left: 15px;
     font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
     font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-
     font-size: 0.8125rem;
+
     font-size: 17px;
     font-weight: normal;
     font-weight: normal;
     text-transform: none;
     text-transform: none;
Line 394: Line 395:
     .top-bar-section li:not(.has-form) a:not(.button) {
     .top-bar-section li:not(.has-form) a:not(.button) {
       padding: 0 15px;
       padding: 0 15px;
-
       line-height: 45px;
+
       line-height: 67px;
       background: #222222; }
       background: #222222; }
       .top-bar-section li:not(.has-form) a:not(.button):hover {
       .top-bar-section li:not(.has-form) a:not(.button):hover {
Line 401: Line 402:
     .top-bar-section li.active:not(.has-form) a:not(.button) {
     .top-bar-section li.active:not(.has-form) a:not(.button) {
       padding: 0 15px;
       padding: 0 15px;
-
       line-height: 45px;
+
       line-height: 67px;
       color: white;
       color: white;
       background: #de3831; }
       background: #de3831; }
Line 471: Line 472:
       border-right: solid 1px #4e4e4e;
       border-right: solid 1px #4e4e4e;
       clear: none;
       clear: none;
-
       height: 45px;
+
       height: 67px;
       width: 0; }
       width: 0; }
     .top-bar-section .has-form {
     .top-bar-section .has-form {
       background: #222222;
       background: #222222;
       padding: 0 15px;
       padding: 0 15px;
-
       height: 45px; }
+
       height: 67px; }
     .top-bar-section .right li .dropdown {
     .top-bar-section .right li .dropdown {
       left: auto;
       left: auto;

Latest revision as of 14:14, 26 June 2014