linaro-jekyll-theme 0.1.2.18 → 0.1.2.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4c08bedcd4369b9bcb342d4bea15b079e4ebc51d
-  data.tar.gz: f8ff8f06300097e9ce3f7afd24865e3a5bc49e0c
+  metadata.gz: 9a36a8f6ef03d87163166af2b6133e78c243f42c
+  data.tar.gz: 53899b698771573a248f89ffe9484de6c309b21c
 SHA512:
-  metadata.gz: 5310a529a17ca7347f6e4dd455bf4b8bc7b6e2d034bd9a1c17defaeef4aff461472ae1b811fa91389975a114b59d8e48f06a4bae4aa2b686f165f8ce9b21498a
-  data.tar.gz: 5f4fc81b1c20568480639cf850c6d73838d7a0fe299c13fda129ff021e47cddd9898b0ebbe3a0713b515acae1e0fd966b984a5ab9d276a63694e4ffe43fcf5b0
+  metadata.gz: d724e9e5bf3a004de1a387533bc1b414193b926a9042cb97b5224aefe9b3dd572a4ab0d49d087f387f3c8fcd37885ced62bb2aae6ddf605f065dd86df98c1100
+  data.tar.gz: 8276a7c112dc05c2b53ae507387b8e95453499950ba85a9670aed9759d5bf261351579a808c8449225f97adb5da72fb0e2d1839b9ddb405e8b95e5da4a2a4c48

data/_sass/core/nav.scss

@@ -410,65 +410,123 @@ i.glyphicon.glyphicon-search {
     font-size: 16px;
 }
 
-.navbar-collapse form[role="search"] {
-	position: absolute;
-	top: 0px;
-	right: 0px;
-	width: 100%;
-	padding: 0px;
-	margin: 0px;
-	z-index: 0;
-}
-.navbar-collapse form[role="search"] button,
-.navbar-collapse form[role="search"] input {
-	padding: 8px 12px;
-	border-radius: 0px;
-	border-width: 0px;
-	color: rgb(119, 119, 119);
-	background-color: rgb(248, 248, 248);
-	border-color: rgb(231, 231, 231);
-	box-shadow: none;
-	outline: none;
-}
-.navbar-collapse form[role="search"] input {
-	padding: 16px 12px;
-	font-size: 14pt;
-	font-style: italic;
-	color: rgb(160, 160, 160);
-	box-shadow: none;
-}
-.navbar-collapse form[role="search"] button[type="reset"] {
-	display: none;
-}
-
-@media (min-width: 768px) {
-    
-	.navbar-collapse {
-		padding-top: 0px !important;
-		padding-right: 38px !important;
-	}
-	.navbar-collapse form[role="search"] {
-		width: 38px;
-	}
-	.navbar-collapse form[role="search"] button,
-	.navbar-collapse form[role="search"] input {
-		padding: 15px 12px;
-	}
-	.navbar-collapse form[role="search"] input {
-		padding: 25px 12px;
-		font-size: 18pt;
-		opacity: 0;
-		display: none;
-	}
-	.navbar-collapse form[role="search"].active {
-		width: 100%;
-	}
-	.navbar-collapse form[role="search"].active button,
-	.navbar-collapse form[role="search"].active input {
-		display: table-cell;
-		opacity: 1;
-	}
-	.navbar-collapse form[role="search"].active input {
-		width: 100%;
-	}
+// .navbar-collapse form[role="search"] {
+// 	position: absolute;
+// 	top: 0px;
+// 	right: 0px;
+// 	width: 100%;
+// 	padding: 0px;
+// 	margin: 0px;
+// 	z-index: 0;
+// }
+// .navbar-collapse form[role="search"] button,
+// .navbar-collapse form[role="search"] input {
+// 	padding: 8px 12px;
+// 	border-radius: 0px;
+// 	border-width: 0px;
+// 	color: rgb(119, 119, 119);
+// 	background-color: rgb(248, 248, 248);
+// 	border-color: rgb(231, 231, 231);
+// 	box-shadow: none;
+// 	outline: none;
+// }
+// .navbar-collapse form[role="search"] input {
+// 	padding: 16px 12px;
+// 	font-size: 14pt;
+// 	font-style: italic;
+// 	color: rgb(160, 160, 160);
+// 	box-shadow: none;
+// }
+// .navbar-collapse form[role="search"] button[type="reset"] {
+// 	display: none;
+// }
+// 
+// @media (min-width: 768px) {
+//     
+// 	.navbar-collapse {
+// 		padding-top: 0px !important;
+// 		padding-right: 38px !important;
+// 	}
+// 	.navbar-collapse form[role="search"] {
+// 		width: 38px;
+// 	}
+// 	.navbar-collapse form[role="search"] button,
+// 	.navbar-collapse form[role="search"] input {
+// 		padding: 15px 12px;
+// 	}
+// 	.navbar-collapse form[role="search"] input {
+// 		padding: 25px 12px;
+// 		font-size: 18pt;
+// 		opacity: 0;
+// 		display: none;
+// 	}
+// 	.navbar-collapse form[role="search"].active {
+// 		width: 100%;
+// 	}
+// 	.navbar-collapse form[role="search"].active button,
+// 	.navbar-collapse form[role="search"].active input {
+// 		display: table-cell;
+// 		opacity: 1;
+// 	}
+// 	.navbar-collapse form[role="search"].active input {
+// 		width: 100%;
+// 	}
+// }
+
+div#search_bar {
+    width: 100%;
+    position: absolute;
+    right:70px;
+    text-align:right;
+    height: 66px;
+}
+
+div#search_bar input {
+    width:1000px;
+    right: 0;
+    height: 66px;
+    border-radius:0;
+    outline:0;
+    border:0;
+    text-align: right;
+    font-size: 26px;
+    color: black;
+}
+
+div#search_bar input:focus {
+    border-color: inherit;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    outline: none;
+}
+
+
+div#search_bar button {
+    width:50px;
+    margin-left: -10px;
+    border-radius: 0px;
+    right: 0;
+    height: 66px;
+    background-color: white;
+    border:0;
+}
+div#search_bar button:hover {
+    background-color: black;
+    color:white;
+}
+
+div#search_bar input::-webkit-input-placeholder {
+color: #0a0a0a !important;
+}
+ 
+div#search_bar input:-moz-placeholder { /* Firefox 18- */
+color: #0a0a0a !important;  
+}
+ 
+div#search_bar input::-moz-placeholder {  /* Firefox 19+ */
+color: #0a0a0a !important;  
+}
+ 
+div#search_bar input:-ms-input-placeholder {  
+color: #0a0a0a !important;  
 }

data/_sass/core/old-search.scss

@@ -0,0 +1,239 @@
+
+
+// Search Bar 
+
+button#searchButton {
+    color: $navbar-base-text-color;
+}
+
+@media (min-width: 1200px) {
+    #searchDropdown {
+        top: 16%;
+        min-width: 234px;
+        width:781px;
+        font-size:16px;
+        background-color: $navbar-inverse-bg;
+        right: -2px;
+    }
+    #searchDropdown input {
+        width: 675px;
+        text-align: right;
+        color: $navbar-base-text-color;
+        background-color: $navbar-inverse-bg;
+        outline:0;
+        border:0;
+        outline-style: none;
+        box-shadow: none;
+        border-color: transparent;
+
+    }
+    #searchDropdown input:focus{
+        outline:0;
+        border:0
+    }
+    #searchDropdown button[type="reset"]{
+        font-size:16px;
+        background-color: $navbar-inverse-bg;
+        border:0;
+    }
+    #searchDropdown button[type="reset"]:hover{
+        color: $brand-primary;
+        transition: color 1s ease;
+    }
+
+    #searchDropdown button[type="submit"]{
+        font-size:16px;
+        background-color: $navbar-inverse-bg;
+        border:0;
+    }
+    #searchDropdown button[type="submit"]:hover{
+        color: $brand-primary;
+        transition: color 1s ease;
+    }
+
+}
+
+@media screen and (max-width: 1200px) and (min-width: 0px) {
+    #searchform > div > input.form-control{
+        width:100%;
+    }
+    #searchform{
+        margin-bottom: 20px;
+    }
+    #navbar-collapse {
+        padding-top:5px;
+    }
+    #navbar-buttons{
+        margin-top: -10px;
+    }
+    button.navbar-toggle {
+        margin-right: 10px;
+    }
+    #searchform button.btn.btn-default {
+        height: 45px;
+    }
+
+    .navbar-collapse form[role="search"]{
+        margin-bottom:10px;
+    }
+}
+
+
+.navbar-collapse form[role="search"] {
+    top: 0px;
+    right: 0px;
+    width: 100%;
+    padding: 0px;
+    margin: 0px;
+    z-index: 0;
+}
+.navbar-collapse form[role="search"] button,
+.navbar-collapse form[role="search"] input {
+    padding: 8px 12px;
+    border-radius: 0px;
+    border-width: 0px;
+    color: $navbar-base-text-color;
+    border-color: rgb(231, 231, 231);
+    box-shadow: none;
+    outline: none;
+}
+ .navbar-collapse form[role="search"] button[type="reset"]:focus {outline:0;background-color: transparent}
+ .navbar-collapse form[role="search"] button[type="reset"]:active {outline:0;background-color: transparent}
+ .navbar-collapse form[role="search"] button[type="submit"]:focus {outline:0;background-color: transparent}
+ .navbar-collapse form[role="search"] button[type="submit"]:active {outline:0;background-color: transparent}
+ .navbar-collapse form[role="search"] button[type="submit"] {
+    background-color: transparent;
+}
+ .navbar-collapse form[role="search"] button[type="submit"]:hover {
+    display: table-cell;
+    color: $brand-primary;
+    transition: color .5s ease;
+   -moz-transition: color .5s ease;
+   -webkit-transition: color .5s ease;
+}
+ .navbar-collapse form[role="search"] input {
+    padding: 16px 12px;
+    font-size: 14pt;
+    font-style: normal;
+    color: $navbar-base-text-color;
+    box-shadow: none;
+    background-color: $navbar-inverse-bg;
+}
+
+@media (min-width: 1200px) {
+
+     .navbar-collapse {
+        padding-top: 0px;
+        padding-right: 38px;
+        margin-right: -40px !important;
+        margin-left: -15px !important;
+
+    }
+     ul.dropdown-menu {
+        margin-top: -1px !important;
+    }
+     .navbar-collapse form[role="search"] {
+        position: absolute;
+        min-width: 50px;
+        display: block;
+    }
+     .navbar-collapse form[role="search"] button {
+        margin-right: 0;
+        min-width: 90px;
+    }
+     .navbar-collapse form[role="search"] button[type="submit"]:hover {
+        color: $brand-primary;
+        transition: color .5s ease;
+       -moz-transition: color .5s ease;
+       -webkit-transition: color .5s ease;
+    }
+     .navbar-collapse form[role="search"] button,
+     .navbar-collapse form[role="search"] input {
+        height:51px;
+        padding: 15px 12px;
+    }
+     .navbar-collapse form[role="search"] input {
+        padding: 25px 12px;
+        font-size: 18pt;
+        opacity: 0;
+        display: none;
+    }
+     .navbar-collapse form[role="search"].active {
+        width: 100%;
+        transition: width 2s ease;
+       -moz-transition: width 2s ease;
+       -webkit-transition: width 2s ease;
+    }
+     .navbar-collapse form[role="search"].active button,
+     .navbar-collapse form[role="search"].active input {
+        display: table-cell;
+        opacity: 1;
+    }
+     .navbar-collapse form[role="search"].active input {
+        width: 650px;
+        height: 51px;
+        text-align: right;
+        transition: width 1s ease;
+        -moz-transition: width 1s ease;
+        -webkit-transition: width 1s ease;
+    }
+     .navbar-collapse form[role="search"].active button[type="submit"] {
+        background-color: transparent;
+    }
+     .navbar-collapse form[role="search"].active button[type="reset"] {
+        min-width: 40px;
+        background-color: $navbar-inverse-bg;
+        display: table-cell;
+    }
+     .navbar-collapse form[role="search"].active button[type="submit"]:hover {
+        display: table-cell;
+        color: $brand-primary;
+        transition: color .5s ease;
+       -moz-transition: color .5s ease;
+       -webkit-transition: color .5s ease;
+    }
+     .navbar-collapse form[role="search"].active button[type="reset"]:hover {
+        display: table-cell;
+        color: $brand-primary;
+        transition: color .5s ease;
+       -moz-transition: color .5s ease;
+       -webkit-transition: color .5s ease;
+    }
+     form#searchform {
+        width: auto;
+        margin-top: 13px;
+    }
+     nav form[role="search"] #searchform  input {
+        height:51px;
+        width: 600px;
+    }
+    #navbar-buttons {
+        margin-right: 40px;
+    }
+
+    #navbar-collapse {
+        width: 80%;
+        float: right;
+    }
+
+}
+
+@media screen and (max-width: 1200px) and (min-width: 0px) {
+    #searchform > div > input.form-control{
+        width:100%;
+    }
+    #searchform{
+        margin-bottom: 20px;
+    }
+    
+    #searchform button.btn.btn-default {
+        height: 45px;
+    }
+    .navbar-collapse form[role="search"]{
+        margin-bottom:10px;
+    }
+}
+
+
+
+

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: linaro-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.2.18
+  version: 0.1.2.19
 platform: ruby
 authors:
 - Kyle Kirkby
@@ -342,6 +342,7 @@ files:
 - _sass/core/homepage.scss
 - _sass/core/lightbox.scss
 - _sass/core/nav.scss
+- _sass/core/old-search.scss
 - _sass/core/openhours.scss
 - _sass/core/owl.carousel.min.scss
 - _sass/core/owl.theme.default.min.scss