Commit 25f29ebd authored by vikas-parashar's avatar vikas-parashar
Browse files

content and search done

parent 7457b5de
This diff is collapsed.
...@@ -33,19 +33,6 @@ ...@@ -33,19 +33,6 @@
<!-- Page Header --> <!-- Page Header -->
<header class="intro-header" id="intro-header"> <header class="intro-header" id="intro-header">
<div class="container"> <div class="container">
<header id="portal-top">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<!-- <div id="portal-slogan">
<h1>Clean Blog</h1>
<hr class="small">
<span class="subheading">A Clean Blog Theme by Start Bootstrap</span>
</div> -->
</div>
</div>
</div>
</header>
<div id="anonymous-actions"></div> <div id="anonymous-actions"></div>
</div> </div>
</header> </header>
...@@ -53,7 +40,7 @@ ...@@ -53,7 +40,7 @@
<div id="mainnavigation-wrapper"> <div id="mainnavigation-wrapper">
<div id="mainnavigation"> <div id="mainnavigation">
<!-- Fixed navbar --> <!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top"> <nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
...@@ -61,17 +48,15 @@ ...@@ -61,17 +48,15 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<div class="hidden-lg hidden-sm mobile-live-search">
<!-- <button type="button" <div id='portal-searchbox'>
class="navbar-toggle navbar-btn btn-search"> </div>
<span class="fa fa-search"></span> </div>
<span class="sr-only">Toggle search</span>
</button> -->
<a class="navbar-brand" href="#"></a> <a class="navbar-brand" href="#"></a>
</div> </div>
<div class="navbar-collapse collapse"> <div class="navbar-collapse collapse">
<ul class="nav navbar-right search-box"> <ul class="nav navbar-right search-box hidden-sm hidden-xs">
<li> <li>
<div id='portal-searchbox'> <div id='portal-searchbox'>
</div> </div>
...@@ -87,25 +72,32 @@ ...@@ -87,25 +72,32 @@
</div><!--/.nav-collapse --> </div><!--/.nav-collapse -->
</div> </div>
</div> </nav>
</div> </div>
</div> </div>
<div id="headerwrap"> <div id="wrap">
<div class="container"> <div id="headerwrap">
<div class="row centered"> <div id="slogan">
<div class="col-lg-8 col-lg-offset-2"> <div class="container">
<h1>It Doesn't Take a Rocket <b>Scientist</b></h1> <div class="row centered">
<h2>It Takes a Designer</h2> <div class="col-lg-8 col-lg-offset-2">
</div> <h1>It Doesn't Take a Rocket <b>Scientist</b></h1>
</div><!-- row --> <h2>It Takes a Designer</h2>
</div><!-- container --> </div>
</div><!-- headerwrap --> </div><!-- row -->
</div><!-- container -->
</div>
</div><!-- headerwrap -->
</div>
<div id="above-content-wrapper"> <div id="above-content-wrapper">
<div id="above-content"> <div id="above-content">
</div> </div>
</div> </div>
<div id="blue">
<h1 class="mainHeading"></h1>
</div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
...@@ -130,12 +122,15 @@ ...@@ -130,12 +122,15 @@
</footer> </footer>
<script> <script>
$('.LSBox').hover(function(){ $('.search-box #portal-searchbox .LSBox').hover(function(){
$('.searchSection').toggleClass('show-searchSection'); $('.searchSection').toggleClass('show-searchSection');
}); });
// $('.LSBox').mouse(function(){
// $('.searchSection').removeClass('show-searchSection'); $(function(){
// }); var $heading = $('.documentFirstHeading').clone().find('nav').remove().end();
$('#blue').html($heading);
});
// $("h1.mainHeading").text($("h1.documentFirstHeading").text());
</script> </script>
</body> </body>
......
...@@ -42,12 +42,12 @@ ...@@ -42,12 +42,12 @@
// @import "plone/states.plone.less"; // @import "plone/states.plone.less";
//*// Components //*// Components
@import "plone/breadcrumbs.plone.less";
@import "plone/pagination.plone.less"; @import "plone/pagination.plone.less";
@import "plone/formtabbing.plone.less"; //pattern @import "plone/formtabbing.plone.less"; //pattern
@import "plone/views.plone.less"; @import "plone/views.plone.less";
@import "plone/thumbs.plone.less"; @import "plone/thumbs.plone.less";
@import "plone/alerts.plone.less"; @import "plone/alerts.plone.less";
@import "plone/breadcrumbs.plone.less";
@import "plone/portlets.plone.less"; @import "plone/portlets.plone.less";
@import "plone/controlpanels.plone.less"; @import "plone/controlpanels.plone.less";
@import "plone/tags.plone.less"; @import "plone/tags.plone.less";
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
@import "partials/alerts.less"; @import "partials/alerts.less";
// @import "partials/pagination.less"; // @import "partials/pagination.less";
// @import "partials/tabs.less"; // @import "partials/tabs.less";
// @import "partials/breadcrumbs.less"; @import "partials/breadcrumbs.less";
// @import "partials/modals.less"; // @import "partials/modals.less";
// @import "partials/footer.less"; @import "partials/footer.less";
// @import "partials/tables.less"; // @import "partials/tables.less";
/* ========================================================================== /* ==========================================================================
Base styling Base styling
========================================================================== */ ========================================================================== */
\ No newline at end of file
body:not(.section-front-page):not(.section-events){
#content .documentFirstHeading{
display: none;
}
}
p,ul,ol,span{
font-weight: 400;
}
a:hover{
color: @color-link-hover;
text-decoration: underline;
}
.configlets{
[class^="icon-"]:before,
[class*=" icon-"]:before{
color: @tomato;
}
}
#portlet-prefs ul ul li{
a:before{
color: @teal;
}
a:hover,
a:focus{
font-weight: 900;
}
}
/* Blue Wrap */
#blue {
background: #3498db;
padding-top: 35px;
padding-bottom: 35px;
margin-bottom: 20px;
}
#blue .documentFirstHeading {
// font-family: @font-lato;
color: white;
font-weight: 400;
border: 0;
margin: 0;
padding: 2% 5%;
}
#blue p {
color: white;
}
#headerwrap{
margin-bottom: 3%;
}
/* calender event */
.vevent div.cal_date{
border: 0 !important;
border-radius: 0 !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
.vevent span.cal_wkday{
font-size: 1em !important;
border-bottom: 0 !important;
}
\ No newline at end of file
/* ==========================================================================
BREADCRUMBS
========================================================================== */
body.section-front-page,
body[class*='template-']{
.plone-breadcrumb{
display: none;
}
}
.plone-breadcrumb{
margin-top: 10px;
margin-bottom: 0;
background-color: darken(@blue, 10%);
color: darken(@white, 15%);
ol {
font-size: 16px;
a{
color: darken(@white, 20%);
}
}
}
.plone-breadcrumb ol>li+li{
&:before,
&:after{
content: "\232A";
position: absolute;
padding: 0 5px;
border: 0 !important;
left: -21px;
top: 0px;
padding: 0 !important;
}
}
...@@ -9,31 +9,34 @@ ...@@ -9,31 +9,34 @@
========================================================================== */ ========================================================================== */
.formControls{
input[type="submit"], button.submit-widget,
input[type="button"]{ input[type="submit"],
input[type="button"]{
background-color: @button-default; background-color: @button-default;
font-size: 18px; font-size: 18px;
padding: 12px; padding: 12px;
border: 0;
border-radius: 0 !important;
box-shadow: 0 2px 4px @gray;
font-weight: 700;
margin-bottom: 10px;
text-shadow: none;
color: @gray-darker;
&:hover,
&:focus{
background-color: darken(@button-default, 10%);
border: 0; border: 0;
border-radius: 0; outline: 0;
box-shadow: 0 2px 4px @gray; box-shadow: 0 1px 4px @gray;
font-weight: 700; color: @gray-darker;
margin-top: 10px;
&:hover,
&:focus{
background-color: darken(@button-default, 10%);
border: 0;
outline: 0;
box-shadow: 0 1px 4px @gray;
}
} }
} }
.context{ .context{
background-color: @button-context !important; background-color: @button-context !important;
...@@ -42,7 +45,8 @@ ...@@ -42,7 +45,8 @@
border: 0 !important; border: 0 !important;
border-radius: 0; border-radius: 0;
font-weight: 700; font-weight: 700;
margin-top: 10px; margin-bottom: 10px;
color: @white !important;
&:hover, &:hover,
&:focus{ &:focus{
...@@ -52,6 +56,7 @@ ...@@ -52,6 +56,7 @@
} }
} }
.plone-btn-primary,
.standalone{ .standalone{
background-color: @button-standalone !important; background-color: @button-standalone !important;
...@@ -61,7 +66,8 @@ ...@@ -61,7 +66,8 @@
border: 0 !important; border: 0 !important;
border-radius: 0; border-radius: 0;
font-weight: 700; font-weight: 700;
margin-top: 10px; margin-bottom: 10px;
color: @white !important;
&:hover, &:hover,
&:focus{ &:focus{
...@@ -80,7 +86,8 @@ ...@@ -80,7 +86,8 @@
border: 0; border: 0;
border-radius: 0 !important; border-radius: 0 !important;
font-weight: 700; font-weight: 700;
margin-top: 10px; margin-bottom: 10px;
color: @white !important;
&:hover, &:hover,
&:focus{ &:focus{
...@@ -88,4 +95,4 @@ ...@@ -88,4 +95,4 @@
border: 0; border: 0;
outline: 0; outline: 0;
} }
} }
\ No newline at end of file
/* ==========================================================================
FOOTER
========================================================================== */
#portal-footer-wrapper{
background-color: @bg-footer;;
.portletWrapper {
display: block;
}
.portlet {
background: transparent;
border: none;
box-shadow: none;
margin-bottom: 0;
.portletContent{
text-align: center;
border-top: 0;
a{
color: @blue;
}
>*{
padding: 0;
}
>ul>li a{
padding-bottom: 15px;
}
>ul>li a:before{
content: "";
}
}
}
}
\ No newline at end of file
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
input[type='text'], input[type='text']:not(.searchField),
input[type='password'], input[type='password'],
input[type='textarea'], textarea,
input[type='number']{ input[type='number']{
height: 40px; height: 40px;
...@@ -57,40 +57,49 @@ input[type='number']{ ...@@ -57,40 +57,49 @@ input[type='number']{
} }
} }
.pat-resourceregistry .input-sm{
/* -- checkbox styles ----------------------------------- */ border-radius: 0 !important;
background-color: @gray-lightest !important;
// input[type="checkbox"] { color: contrast(@gray-lightest) !important;
// -webkit-appearance: none; outline: 1px solid @gray-lighter !important;
// width: 16px; border: 0 !important;
// height: 16px; box-shadow: none !important;
// position: relative; margin-bottom: 4px !important;
// outline: medium none;
// margin-right: 10px; &:focus{
// // border-radius: 10%;
// } background-color: @white !important;
// input[type="checkbox"]::before { color: @gray-darkest !important;
// width: 16px; outline: 2px solid @gray-light !important;
// height: 16px; box-shadow: none !important;
// content: ""; font-weight: 500;
// display: block; }
// border: 2px solid @gray; }
// // border-radius: 50%;
// position: absolute; select {
// }
display: block;
// input[type="checkbox"]:checked::before { width: 100%;
// border-color: @color-checkbox; padding: 6px 12px;
// } font-size: 14px;
font-weight: 500;
// input[type="checkbox"]:checked::after { line-height: 1.42857143;
// width: 12px; background-color: #fff;
// height: 12px; background-image: none;
// content: "✔"; border: 1px solid @blue;
// display: block; border-radius: 0;
// // background: @color-checkbox; }
// color: @color-checkbox;
// position: absolute; .select2-container{
// // left: 4px;
// // top: 4px; border: 1px solid @blue;
// } border-radius: 0;
background: @gray-lighter;
outline: none;
}
.label{
color: @gray-darkest;
}
...@@ -10,8 +10,33 @@ ...@@ -10,8 +10,33 @@
z-index: 4; z-index: 4;
text-transform: uppercase; text-transform: uppercase;
#portal-logo img { #portal-logo{
width: 85%; margin-top: 5px;
margin-left: 5px;
img {
max-width: 150px;
opacity: 0.7;
}
}
a{
font-weight: 800;
} }
} }
nav.navbar {
// .plone-toolbar-left & {
// padding-left: 60px;
// }
// .plone-toolbar-left-expanded & {
// padding-left: 120px;
// }
}
@media (max-width:767px) {
}
\ No newline at end of file
...@@ -15,7 +15,7 @@ aside { ...@@ -15,7 +15,7 @@ aside {
margin-bottom: 20px; margin-bottom: 20px;
border: 1px solid @gray-light; border: 1px solid @gray-light;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) ; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
border-radius: 0; border-radius: 0;