Skip to content

GitLab

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

content and search done

parent 7457b5de
Expand all Hide whitespace changes
Inline Side-by-side
plonetheme/spot/theme/css/main.css
View file @ 25f29ebd
This diff is collapsed.
plonetheme/spot/theme/index.html
View file @ 25f29ebd
......@@ -33,19 +33,6 @@
<!-- Page Header -->
<header class="intro-header" id="intro-header">
<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>
</header>
......@@ -53,7 +40,7 @@
<div id="mainnavigation-wrapper">
<div id="mainnavigation">
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
......@@ -61,17 +48,15 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <button type="button"
class="navbar-toggle navbar-btn btn-search">
<span class="fa fa-search"></span>
<span class="sr-only">Toggle search</span>
</button> -->
<div class="hidden-lg hidden-sm mobile-live-search">
<div id='portal-searchbox'>
</div>
</div>
<a class="navbar-brand" href="#"></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-right search-box">
<ul class="nav navbar-right search-box hidden-sm hidden-xs">
<li>
<div id='portal-searchbox'>
</div>
......@@ -87,25 +72,32 @@
</div><!--/.nav-collapse -->
</div>
</div>
</nav>
</div>
</div>
<div id="headerwrap">
<div class="container">
<div class="row centered">
<div class="col-lg-8 col-lg-offset-2">
<h1>It Doesn't Take a Rocket <b>Scientist</b></h1>
<h2>It Takes a Designer</h2>
</div>
</div><!-- row -->
</div><!-- container -->
</div><!-- headerwrap -->
<div id="wrap">
<div id="headerwrap">
<div id="slogan">
<div class="container">
<div class="row centered">
<div class="col-lg-8 col-lg-offset-2">
<h1>It Doesn't Take a Rocket <b>Scientist</b></h1>
<h2>It Takes a Designer</h2>
</div>
</div><!-- row -->
</div><!-- container -->
</div>
</div><!-- headerwrap -->
</div>
<div id="above-content-wrapper">
<div id="above-content">
</div>
</div>
<div id="blue">
<h1 class="mainHeading"></h1>
</div>
<div class="container">
<div class="row">
......@@ -130,12 +122,15 @@
</footer>
<script>
$('.LSBox').hover(function(){
$('.search-box #portal-searchbox .LSBox').hover(function(){
$('.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>
</body>
......
plonetheme/spot/theme/less/main.less
View file @ 25f29ebd
......@@ -42,12 +42,12 @@
// @import "plone/states.plone.less";
//*// Components
@import "plone/breadcrumbs.plone.less";
@import "plone/pagination.plone.less";
@import "plone/formtabbing.plone.less"; //pattern
@import "plone/views.plone.less";
@import "plone/thumbs.plone.less";
@import "plone/alerts.plone.less";
@import "plone/breadcrumbs.plone.less";
@import "plone/portlets.plone.less";
@import "plone/controlpanels.plone.less";
@import "plone/tags.plone.less";
......@@ -103,7 +103,7 @@
@import "partials/alerts.less";
// @import "partials/pagination.less";
// @import "partials/tabs.less";
// @import "partials/breadcrumbs.less";
@import "partials/breadcrumbs.less";
// @import "partials/modals.less";
// @import "partials/footer.less";
@import "partials/footer.less";
// @import "partials/tables.less";
plonetheme/spot/theme/less/partials/base.less
View file @ 25f29ebd
/* ==========================================================================
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
plonetheme/spot/theme/less/partials/breadcrumbs.less 0 → 100644
View file @ 25f29ebd
/* ==========================================================================
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;
}
}
plonetheme/spot/theme/less/partials/buttons.less
View file @ 25f29ebd
......@@ -9,31 +9,34 @@
========================================================================== */
.formControls{
input[type="submit"],
input[type="button"]{
button.submit-widget,
input[type="submit"],
input[type="button"]{
background-color: @button-default;
font-size: 18px;
padding: 12px;
background-color: @button-default;
font-size: 18px;
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-radius: 0;
box-shadow: 0 2px 4px @gray;
font-weight: 700;
margin-top: 10px;
&:hover,
&:focus{
background-color: darken(@button-default, 10%);
border: 0;
outline: 0;
box-shadow: 0 1px 4px @gray;
}
outline: 0;
box-shadow: 0 1px 4px @gray;
color: @gray-darker;
}
}
.context{
background-color: @button-context !important;
......@@ -42,7 +45,8 @@
border: 0 !important;
border-radius: 0;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
color: @white !important;
&:hover,
&:focus{
......@@ -52,6 +56,7 @@
}
}
.plone-btn-primary,
.standalone{
background-color: @button-standalone !important;
......@@ -61,7 +66,8 @@
border: 0 !important;
border-radius: 0;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
color: @white !important;
&:hover,
&:focus{
......@@ -80,7 +86,8 @@
border: 0;
border-radius: 0 !important;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
color: @white !important;
&:hover,
&:focus{
......@@ -88,4 +95,4 @@
border: 0;
outline: 0;
}
}
\ No newline at end of file
}
plonetheme/spot/theme/less/partials/footer.less 0 → 100644
View file @ 25f29ebd
/* ==========================================================================
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
plonetheme/spot/theme/less/partials/inputs.less
View file @ 25f29ebd
......@@ -4,9 +4,9 @@
input[type='text'],
input[type='text']:not(.searchField),
input[type='password'],
input[type='textarea'],
textarea,
input[type='number']{
height: 40px;
......@@ -57,40 +57,49 @@ input[type='number']{
}
}
.pat-resourceregistry .input-sm{
/* -- checkbox styles ----------------------------------- */
// input[type="checkbox"] {
// -webkit-appearance: none;
// width: 16px;
// height: 16px;
// position: relative;
// outline: medium none;
// margin-right: 10px;
// // border-radius: 10%;
// }
// input[type="checkbox"]::before {
// width: 16px;
// height: 16px;
// content: "";
// display: block;
// border: 2px solid @gray;
// // border-radius: 50%;
// position: absolute;
// }
// input[type="checkbox"]:checked::before {
// border-color: @color-checkbox;
// }
// input[type="checkbox"]:checked::after {
// width: 12px;
// height: 12px;
// content: "✔";
// display: block;
// // background: @color-checkbox;
// color: @color-checkbox;
// position: absolute;
// // left: 4px;
// // top: 4px;
// }
border-radius: 0 !important;
background-color: @gray-lightest !important;
color: contrast(@gray-lightest) !important;
outline: 1px solid @gray-lighter !important;
border: 0 !important;
box-shadow: none !important;
margin-bottom: 4px !important;
&:focus{
background-color: @white !important;
color: @gray-darkest !important;
outline: 2px solid @gray-light !important;
box-shadow: none !important;
font-weight: 500;
}
}
select {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
font-weight: 500;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid @blue;
border-radius: 0;
}
.select2-container{
border: 1px solid @blue;
border-radius: 0;
background: @gray-lighter;
outline: none;
}
.label{
color: @gray-darkest;
}
plonetheme/spot/theme/less/partials/navbar.less
View file @ 25f29ebd
......@@ -10,8 +10,33 @@
z-index: 4;
text-transform: uppercase;
#portal-logo img {
width: 85%;
#portal-logo{
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
plonetheme/spot/theme/less/partials/portlets.less
View file @ 25f29ebd
......@@ -15,7 +15,7 @@ aside {
margin-bottom: 20px;
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;
/* portlet header */
......@@ -32,17 +32,15 @@ aside {
a{
color: @color-portlet-header;
&:hover{
&:hover,
&:focus{
color: @gray;
text-decoration: none;
}
}
}
.portletContent{
// background-color: transparent;
}
/* portlet item and content */
.portletItem{
......@@ -57,23 +55,6 @@ aside {
}
}
}
// .portletContent{
// padding: 15px 10px;
// font-size: 18px;
// list-style: none;
// form{
// margin: 5px;
// }
// }
// /* portlet footer */
// .portletFooter{
// font-size: 16px;
// background: @gray-light;
// padding: 10px 20px;
// border-top: 1px solid @gray-dark;
// }
}
}
......@@ -81,41 +62,46 @@ aside {
/* News, RSS, Events, Recent portlets
========================================================================== */
.portletNews,
.portletRss,
.portletEvents,
.portletRecent{
section.portletContent{
aside{
ul{
.portletNews,
.portletRss,
.portletEvents,
.portletRecent{
li{
section.portletContent{
a{
color: @color-portlet-link;
ul{
&:before{
li{
content: "—";
position: absolute;
left: 12px;
font-size: inherit;
margin-top: 0;
a{
color: @color-portlet-link;
}
&:hover{