Skip to content

Commit

Permalink
Merge pull request #1 from gawati/design1_changes
Browse files Browse the repository at this point in the history 
Design1 changes
  • Loading branch information
@kohsah
kohsah authored Aug 30, 2017
2 parents ab2cbd5 + ec1b1d1 commit 3b95767
Show file tree
Hide file tree
Showing 2 changed files with 201 additions and 56 deletions.
27 changes: 24 additions & 3 deletions themes/design1/css/my-style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ body{
font-family: Montserrat, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}
.text-field-2 {
width:71%;
Expand All @@ -130,6 +130,8 @@ body{
font-family: Montserrat, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #b3b0b0;
Expand Down Expand Up @@ -238,10 +240,13 @@ body{
line-height: inherit;
text-decoration: none;
cursor: pointer;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.more-button {
background-color:#D3D3D3;
float: right;
border-radius: 5px;
}

/* left column */
Expand Down Expand Up @@ -293,7 +298,8 @@ body{
max-width: 150px;
height: auto;
margin-right: 2%;
margin-top: 10px
margin-top: 10px;
border-radius: 5px;
}
.feed .text-block a:hover{
color: #3898EC;
Expand All @@ -311,6 +317,12 @@ body{
.tab-menu li{
float:left;
}
.tab-menu li a:first-child {
border-top-left-radius: 5px;
}
.tab-menu li a:last-child {
border-top-right-radius: 5px;
}
.current-tab {
background-color: #24a7ff
}
Expand Down Expand Up @@ -343,7 +355,11 @@ body{
margin-top: 21px;
}
/* tabs */

.tab-pane {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.heading-2 {
margin-top: 0px;
margin-bottom: 3px;
Expand Down Expand Up @@ -400,6 +416,9 @@ body{
.tab-pane {
background-color: #fff;
}
.tab-pane .search-result {
border-radius: inherit;
}
.search-result{
float: left;
margin-bottom: 30px;
Expand Down Expand Up @@ -694,13 +713,15 @@ body{
.newsletter-form{
width: 251px;
height: 40px;
border-radius: 5px;
}
.submit-newsletter{
height: 40px;
float: right;
background: #3898ec;
border: none;
color: #fff;
border-radius: 5px;
}
.social-icons{
padding-top: 14px;
Expand Down
230 changes: 177 additions & 53 deletions themes/design1/search-result-page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@
</head>

<body>

<!-- this is the multicolor bar at top -->
<div class="div-block-2 w-clearfix" id="top1">
<div class="div-block-4 col-2"></div>
Expand Down Expand Up @@ -209,64 +210,190 @@ <h2 class="small-heading">Subjects</h2>

<!-- right column -->
<div class="right col-9">
<div class="search-result">
<div class="feed w-clearfix">
<h1>Search results: <span>mixed market</span></h1>
<h2>Mixed Market Act (2017)</h2>
<div class="text-block">
<a href="#"> KENYA <a> &nbsp;| &nbsp; <a href="#">LEGISLATION </a> &nbsp;| &nbsp;Date: 21, Jan, 2011 &nbsp;| &nbsp; Code: CAP 42
<div class="d-tabs">
<ul class="tab-menu">
<li><a href="#" class="tab active">Search Results</a></li>
<li><a href="#" class="tab">In focus</a></li>
<li><a href="#" class="tab">Latest</a></li>
<li><a href="#" class="tab">Popular</a></li>
</ul>
</div>
<div class="tabs-content w-tab-content">
<div class="tab-pane tab-active" data-tab="t1">
<div class="search-result">
<div class="feed w-clearfix">
<h1>Search results: <span>mixed market</span></h1>
<h2>Mixed Market Act (2017)</h2>
<div class="text-block">
<a href="#"> KENYA <a> &nbsp;| &nbsp; <a href="#">LEGISLATION </a> &nbsp;| &nbsp;Date: 21, Jan, 2011 &nbsp;| &nbsp; Code: CAP 42
</div>
<p>
<strong>Part of the Mixed Market Act 1991</strong>. Work, search within this <a href="#">work</a>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
<a class="more" href="#">more...</a>
</p>
<div class="grey-rule"></div>
</div>

<div class="feed w-clearfix">
<h2>State v/s National Commission (2000)</h2>
<div class="text-block">
<a href="#"> NIGERIA <a> &nbsp;| &nbsp; <a href="#">CASE LAW </a> &nbsp;| &nbsp;Date: 3, Mar, 2000 &nbsp;| &nbsp; <a href="#">ENGLISH</a> &nbsp;| &nbsp; Code: NG/09/2000/CL
</div>
<p>
<strong>Part of the Mixed Market Act 1991</strong>. Work, search within this <a href="#">work</a>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
<a class="more" href="#">more...</a>
</p>
<div class="grey-rule"></div>
</div>

<div class="feed w-clearfix">
<h2>State v/s National Commission (2000)</h2>
<div class="text-block">
<a href="#"> NIGERIA <a> &nbsp;| &nbsp; <a href="#">CASE LAW </a> &nbsp;| &nbsp;Date: 3, Mar, 2000 &nbsp;| &nbsp; <a href="#">ENGLISH</a> &nbsp;| &nbsp; Code: NG/09/2000/CL
</div>
<p>
<strong>Part of the Mixed Market Act 1991</strong>. Work, search within this <a href="#">work</a>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
<a class="more" href="#">more...</a>
</p>
<div class="grey-rule last"></div>
</div>

<div class="paginations">
<a href="#"> < </a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#"> > </a>
</div>
<p>
<strong>Part of the Mixed Market Act 1991</strong>. Work, search within this <a href="#">work</a>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
<a class="more" href="#">more...</a>
</p>
<div class="grey-rule"></div>
</div>
</div>

<div class="tab-pane tab-active" data-tab="t2" style="display: none;">
<div class="feed w-clearfix">
<h2>State v/s National Commission (2000)</h2>
<div class="text-block">
<a href="#"> NIGERIA <a> &nbsp;| &nbsp; <a href="#">CASE LAW </a> &nbsp;| &nbsp;Date: 3, Mar, 2000 &nbsp;| &nbsp; <a href="#">ENGLISH</a> &nbsp;| &nbsp; Code: NG/09/2000/CL
</div>
<p>
<strong>Part of the Mixed Market Act 1991</strong>. Work, search within this <a href="#">work</a>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
<a class="more" href="#">more...</a>
</p>
<div class="grey-rule"></div>
<h2>Theme of the month</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<a class="more-button" href="#">more...</a>
<div class="grey-rule"></div>
</div>
<div class="feed w-clearfix">
<h2>This is the second tittle.</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<img src="images/thumbnail.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="div-block-18 w-clearfix">
<a class="more-button" href="#">more...</a>
</div>
<div class="grey-rule"></div>
</div>
<div class="feed w-clearfix">
<h2>This is the tittle after the second</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<img src="images/thumbnail.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="div-block-18 w-clearfix">
<a class="more-button" href="#">more...</a>
</div>
<div class="grey-rule"></div>
</div>
<div class="button-wrapper">
<a class="button w-button" href="/all-posts">More posts&nbsp;→</a>
</div>
</div>

<div class="tab-pane" data-tab="t3" style="display: none;">
<div class="feed w-clearfix">
<h2>State v/s National Commission (2000)</h2>
<div class="text-block">
<a href="#"> NIGERIA <a> &nbsp;| &nbsp; <a href="#">CASE LAW </a> &nbsp;| &nbsp;Date: 3, Mar, 2000 &nbsp;| &nbsp; <a href="#">ENGLISH</a> &nbsp;| &nbsp; Code: NG/09/2000/CL
</div>
<p>
<strong>Part of the Mixed Market Act 1991</strong>. Work, search within this <a href="#">work</a>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
<a class="more" href="#">more...</a>
</p>
<div class="grey-rule last"></div>
<h2>Latest Theme of the month</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<a class="more-button" href="#">more...</a>
<div class="grey-rule"></div>
</div>


<div class="paginations">
<a href="#"> < </a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#"> > </a>
<div class="feed w-clearfix">
<h2>This is the second tittle.</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<img src="images/thumbnail.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="div-block-18 w-clearfix">
<a class="more-button" href="#">more...</a>
</div>
<div class="grey-rule"></div>
</div>
<div class="feed w-clearfix">
<h2>This is the tittle after the second</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<img src="images/thumbnail.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="div-block-18 w-clearfix">
<a class="more-button" href="#">more...</a>
</div>
<div class="grey-rule"></div>
</div>


<div class="button-wrapper">
<a class="button w-button" href="/all-posts">More posts&nbsp;→</a>
</div>
</div>

<div class="tab-pane" data-tab="t4" style="display: none;">
<div class="feed w-clearfix">
<h2>Popular Theme of the month</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<a class="more-button" href="#">more...</a>
<div class="grey-rule"></div>
</div>
<div class="feed w-clearfix">
<h2>This is the second tittle.</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<img src="images/thumbnail.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="div-block-18 w-clearfix">
<a class="more-button" href="#">more...</a>
</div>
<div class="grey-rule"></div>
</div>
<div class="feed w-clearfix">
<h2>This is the tittle after the second</h2>
<div class="text-block">
<a href="#"> AUTOR NAME <a> &nbsp;| &nbsp; <a href="#">CATEGORY<a> &nbsp;| &nbsp;<a href="#">July 25, 2017 <a>
</div>
<img src="images/thumbnail.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="div-block-18 w-clearfix">
<a class="more-button" href="#">more...</a>
</div>
<div class="grey-rule"></div>
</div>
<div class="button-wrapper">
<a class="button w-button" href="/all-posts">More posts&nbsp;→</a>
</div>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -330,10 +457,7 @@ <h2>State v/s National Commission (2000)</h2>
</div>
<h5>THE AFRICAN LAW LIBRARY</h5>
</div>

</footer>




</body>
</html>

0 comments on commit 3b95767

Please sign in to comment.