Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Neeme Kahusk
plonetheme.spot
Commits
25f29ebd
Commit
25f29ebd
authored
Jun 20, 2016
by
vikas-parashar
Browse files
content and search done
parent
7457b5de
Changes
15
Expand all
Hide whitespace changes
Inline
Side-by-side
plonetheme/spot/theme/css/main.css
View file @
25f29ebd
This diff is collapsed.
Click to expand it.
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 -->
<
di
v
class=
"navbar navbar-inverse navbar-fixed-top"
>
<
na
v
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>
</
di
v>
</
na
v>
</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{