Permalink
Browse files

new design

  • Loading branch information...
tareq1988 committed Oct 4, 2015
1 parent 38e8588 commit 74061ee40dd31d0e64cdddad11793e32ded7b2e1
View
441 app.css

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Binary file not shown.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -28,4 +28,12 @@ jQuery(function($) {
pending_ajax = false;
});
});
$('#top-search-form .dropdown-menu').on('click', 'a', function(e) {
e.preventDefault();
var param = $(this).attr("href").replace("#","");
var concept = $(this).text();
$('#top-search-form span#search_concept').text(concept);
$('.input-group #search_param').val(param);
});
});
View
@@ -13,7 +13,7 @@ Tags: green
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
@mainColor: #27ae60;
@mainColor: #3598DB;
@borderColor: #eee;
/* ==========================================================================
@@ -39,11 +39,15 @@ a {
========================================================================== */
.banner {
background: @mainColor;
background-color: @mainColor;
border: none;
margin-bottom: 0;
.navbar-brand {
.navbar-header .navbar-brand {
color: #fff;
background-size: contain !important;
margin-top: 5px;
max-height: 38px;
}
.navbar-nav {
@@ -124,10 +128,19 @@ a {
}
.top-search-form {
margin-bottom: 30px;
margin-top: -20px;
background: #F5F5F5;
padding: 15px 0;
margin-bottom: 35px;
// margin-top: -20px;
// background: #F5F5F5;
padding: 60px 0;
background: #526006 url('assets/img/search-header.jpg') center 10% no-repeat;
position: relative;
input.search-field {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjFweCIgdmlld0JveD0iMCAwIDIwIDIxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4wLjMgKDc4OTEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkltcG9ydGVkIExheWVyczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZC0xIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQyLjAwMDAwMCwgLTE2NC4wMDAwMDApIiBmaWxsPSIjREREREREIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU2VhcmNoLUlucHV0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjIuMDAwMDAwLCAxNDkuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM5LjU2MTk0NDQsMzMuMzgxMDQxMSBMMzMuNjI0NzIyMiwyNy4yMzIwNjg1IEMzNC40ODU1NTU2LDI1Ljk2ODYxNjQgMzQuOTkzMDU1NiwyNC40Mjc4NDkzIDM0Ljk5MzA1NTYsMjIuNzYzMzgzNiBDMzQuOTkzMDU1NiwxOC40NzU2NDM4IDMxLjYzNjk0NDQsMTUgMjcuNDk2NjY2NywxNSBDMjMuMzU2NjY2NywxNSAyMCwxOC40NzU2NDM4IDIwLDIyLjc2MzM4MzYgQzIwLDI3LjA1MDgzNTYgMjMuMzU2NjY2NywzMC41MjcwNTQ4IDI3LjQ5NjY2NjcsMzAuNTI3MDU0OCBDMjkuMTExNjY2NywzMC41MjcwNTQ4IDMwLjYwNjExMTEsMjkuOTk2NTg5IDMxLjgyOTcyMjIsMjkuMDk3MDQxMSBMMzcuNzYzODg4OSwzNS4yNDMxMzcgQzM4LjMwODMzMzMsMzUuODA2Njg0OSAzOS4xNTgzMzMzLDM1Ljg0OTI2MDMgMzkuNjUyNzc3OCwzNS4zMzY5MTc4IEM0MC4xNDcyMjIyLDM0LjgyNTE1MDcgNDAuMTA2Mzg4OSwzMy45NDQ4NzY3IDM5LjU2MTk0NDQsMzMuMzgxMDQxMSBMMzkuNTYxOTQ0NCwzMy4zODEwNDExIFogTTIyLjUsMjIuNzYzMzgzNiBDMjIuNSwxOS45MTA1NDc5IDI0Ljc0MTY2NjcsMTcuNTg5MDQxMSAyNy40OTY2NjY3LDE3LjU4OTA0MTEgQzMwLjI1MTY2NjcsMTcuNTg5MDQxMSAzMi40OTMwNTU2LDE5LjkxMDU0NzkgMzIuNDkzMDU1NiwyMi43NjMzODM2IEMzMi40OTMwNTU2LDI1LjYxNjc5NDUgMzAuMjUxNjY2NywyNy45MzgwMTM3IDI3LjQ5NjY2NjcsMjcuOTM4MDEzNyBDMjQuNzQxNjY2NywyNy45MzgwMTM3IDIyLjUsMjUuNjE2Nzk0NSAyMi41LDIyLjc2MzM4MzYgTDIyLjUsMjIuNzYzMzgzNiBaIiBpZD0iSW1wb3J0ZWQtTGF5ZXJzIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: 14px 13px;
padding-left: 50px;
}
.form-control:focus {
.form-control-focus(@mainColor);
@@ -308,6 +321,58 @@ ul.doc-category {
}
}
aside.doc-nav-widget {
h3 {
font-weight: bold;
border-bottom: 1px solid #ddd;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}
ul.doc-nav-list {
li {
a {
display: block;
padding: 8px 20px;
}
ul.children {
list-style: none;
margin: 15px 0 15px 26px;
padding: 0;
border: none;
border-left: 1px solid #ddd;
display: none;
a {
color: #333333;
font-weight: normal;
}
}
}
> li.current_page_parent,
> li.current_page_item,
> li.current_page_ancestor, {
> a {
background: @mainColor;
color: #fff;
}
li.current_page_item > a {
border-left: 2px solid @mainColor;
color: #191919;
font-weight: bold;
}
ul.children {
display: block;
}
}
}
}
/* ==========================================================================
@@ -316,6 +381,7 @@ ul.doc-category {
.hentry {
position: relative;
min-height: 300px;
}
.hentry header, .page-header {
@@ -324,9 +390,9 @@ ul.doc-category {
padding: 0;
h1 {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
font-weight: 300;
margin: 0 0 25px 0;
padding: 0 0 25px 0;
font-weight: bold;
border-bottom: 1px solid @borderColor;
}
}
@@ -337,22 +403,57 @@ ul.doc-category {
img {
max-width: 100%;
border: 1px solid @borderColor;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 30px;
padding: 25px;
height: auto;
background: #F9F9F9;
display: block;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
h2 {
border-bottom: 1px solid @borderColor;
padding-bottom: 15px;
margin-bottom: 20px;
margin-top: 70px;
&:first-of-type {
margin-top: 20px;
}
}
ol li,
ul li {
padding: 10px 0;
}
}
.hentry .article-child {
margin-top: 25px;
h3 {
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid @borderColor;
}
}
.hentry footer { }
.wedoc-feedback-wrap {
padding-top: 15px;
text-align: center;
margin-top: 40px;
span {
margin-right: 15px;
}
a {
font-weight: bold;
@@ -372,6 +473,16 @@ ul.doc-category {
}
}
.single-docs .doc-single-content {
border-left: 1px solid #ddd;
padding-left: 25px;
&.skip-sidebar {
padding-left: 15px;
border-left: 0;
}
}
/*
* Side navigation
*
@@ -382,12 +493,12 @@ ul.doc-category {
/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar {
position: static;
background: #F5F5F5;
// background: #F5F5F5;
margin: 0;
padding: 0;
z-index: 99;
z-index: -1;
position: fixed;
width: 250px;
min-width: 150px;
ul {
margin: 0;
@@ -406,17 +517,20 @@ ul.doc-category {
padding: 8px 20px;
&:hover, &:focus {
padding-left: 19px;
// padding-left: 19px;
color: @mainColor;
text-decoration: none;
background-color: transparent;
border-left: 1px solid @mainColor;
}
.fa {
display: none;
}
}
.active {
a, a:hover, a:focus {
padding-left: 18px;
font-weight: bold;
color: @mainColor;
background-color: transparent;
@@ -533,9 +647,10 @@ a img.aligncenter {
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
// border: 1px solid #f0f0f0;
border: none;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
padding: 0;
text-align: center;
}
@@ -560,11 +675,12 @@ a img.aligncenter {
width: auto;
}
.wp-caption p.wp-caption-text {
.wp-caption .wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
background-color: #eee;
}
Oops, something went wrong.

0 comments on commit 74061ee

Please sign in to comment.