Dank.
Ik heb alles wat in custom.css staat even hier onder gekopieerd.
Ik vraag me nu af waar ik precies de aanpassing moet doen.
Code:
/**
* @author JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license JoomlaShine.com Proprietary License
*/
/* =============== LAYOUT - CONTENT AREA =============== */
/* =============== USER BOTTOM AREA =============== */
body.jsn-homepage div.jsn-modulescontainer2 #jsn-pos-user3 {
width: 59%;
}
body.jsn-homepage div.jsn-modulescontainer2 #jsn-pos-user4 {
width: 40%;
border-left: none;
margin: 0;
}
body.jsn-homepage div.jsn-modulescontainer2 #jsn-pos-user3 {
border-right: 1px solid #F0F0F0;
}
body.jsn-homepage #jsn-pos-user3 div.jsn-modulecontainer_inner {
margin: 20px 20px 0 20px;
}
body.jsn-homepage #jsn-usermodules2 {
padding: 0;
}
div#jsn-pos-user-bottom.jsn-modulescontainer div.jsn-modulecontainer_inner {
margin-top: 0;
}
#jsn-content-bottom div.jsn-modulescontainer {
padding-left: 0;
padding-right: 0;
}
#jsn-content-bottom div#jsn-pos-content-bottom.jsn-modulescontainer div.jsn-modulecontainer_inner {
margin-left: 0;
margin-right: 0;
}
#jsn-content-bottom div#jsn-usermodules4.jsn-modulescontainer #jsn-pos-user5 div.jsn-modulecontainer_inner {
margin-left: 0;
}
#jsn-content-bottom div#jsn-usermodules4.jsn-modulescontainer #jsn-pos-user8 div.jsn-modulecontainer_inner {
margin-right: 0;
}
#jsn-content-bottom div#jsn-usermodules4.jsn-modulescontainer div.jsn-modulecontainer_inner {
margin: 15px;
}
#jsn-content-bottom div.jsn-modulescontainer4.jsn-horizontallayout #jsn-pos-user5 div.jsn-modulecontainer {
width: 34%;
}
#jsn-content-bottom div.jsn-modulescontainer4.jsn-horizontallayout div.jsn-modulecontainer {
width: 22%;
}
#jsn-pos-user6 ul li a + a {
padding: 0 0 0 25px;
}
body.jsn-direction-rtl #jsn-pos-user6 ul li,
body.jsn-direction-rtl #jsn-pos-user6 ul li a,
body.jsn-direction-rtl #jsn-pos-user6 ul li a span {
float: right !important;
}
#jsn-content-bottom .demo-gmap .jsn-modulecontent > div > div {
border: 5px solid #FFFFFF;
}
#jsn-content-bottom #demo-contact-form input,
#jsn-content-bottom #demo-contact-form textarea {
background-color: #FFFFFF;
border: medium none;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px #D9D9D9;
color: #7E7E7E;
margin: 0 6px 10px 0;
padding: 9px;
}
body.jsn-direction-rtl #jsn-content-bottom input,
body.jsn-direction-rtl #jsn-content-bottom textarea {
margin-left: 0px;
margin-right: 6px;
}
#jsn-content-bottom #demo-contact-form input {
font-size: 0.9em;
}
#jsn-content-bottom #demo-contact-form input + input {
margin-right: 0;
}
#mod-finder-searchword.inputbox {
font-size: 0.9em;
}
#mod-finder-searchform a{
font-size: 0.9em;
float: right;
margin: 15px 0 0;
}
#mod-finder-searchform .finder {
position: relative;
}
#jsn-page #mod-finder-searchform .finder.button {
background: url("../images/icons/icons-uni.png") no-repeat scroll left -1200px;
border: medium none;
box-shadow: none;
opacity: 0.4;
position: absolute;
right: 5px;
text-indent: -999em;
top: 10px;
}
/* SUBSCRIPTION FORM AREA */
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master form {
width: 298px;
float: left;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master label {
color: #333333;
font-family: Lato;
font-size: 13px;
text-transform: uppercase;
margin-top: 15px;
font-weight: normal !important;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master label.checkbox {
text-transform: none;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content select {
height: 30px;
font-size: 12px;
}
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master label {
display: none;
}
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content {
color: #fff;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content .jsn-row-container {
margin: 0;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-subscribe-form-desc {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 2.5em;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 5px;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content .control-group {
padding: 0 !important;
border: none !important;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content input[class*="jsn-input"],
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content textarea {
background-color: #FFFFFF;
border-radius: 2px;
color: #7E7E7E;
margin: 0 0 10px;
padding: 9px;
height: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content input[class*="jsn-input"],
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content textarea {
border: medium none;
box-shadow: 0 1px #D9D9D9;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content input,
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content select,
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content textarea {
font-size: 0.9em;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content .control-group.ui-state-highlight {
background: none !important;
box-shadow: none;
padding: 0 15px;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions {
margin: 0;
padding: 0;
text-align: left;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions .btn-toolbar {
margin: 0;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions .btn-toolbar .jsn-form-submit {
background: #fff;
border: 1px solid #e7e7e7;
border-bottom: 2px solid #93b62a;
color: #333;
cursor: pointer;
display: inline-block;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
padding: 8px 12px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
margin: 0;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions + .jsn-text-center {
display: none;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc {
float: right;
width: 400px;
margin-left: 30px;
color: #fff;
font-family: 'Open Sans',Arial, Helvetica, sans-serif;
font-weight: 100;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc h3 {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 2.5em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
margin: 0 0 20px;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc .desc {
font-size: 1.1em;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc a:hover {
color: #fff;
}
/*-------- CONTENT TOP --------*/
.jsn-modulecontent .demo-content-top-img {
width: 65px;
display: block;
float: left;
text-align: right;
padding-right: 15px;
}
.jsn-modulecontent .demo-content-top-img img {
display: inline-block;
margin: 0;
float: none;
max-width: 100%;
min-width: 0%;
}
.jsn-modulecontent .demo-content-top-desc {
margin-left: 80px;
}
.jsn-modulecontent .demo-content-top-desc h3 {
margin-bottom: 10px;
}
/*-------- NEWS & EVENTS --------*/
.jsn-modulecontent .demo-events {
display: inline-block;
clear: both;
border-bottom: 1px solid #DDD;
padding: 20px 0 0;
}
.jsn-modulecontent .demo-events:last-child {
border-bottom: none;
}
.jsn-modulecontent .demo-events-img {
width: 140px;
display: block;
float: left;
text-align: left;
padding-right: 15px;
padding-bottom: 20px;
}
.jsn-modulecontent .demo-events-img a {
display: inline-block;
}
.jsn-modulecontent .demo-events-img img {
display: inline-block;
margin: 0;
float: none;
max-width: 100%;
}
.jsn-modulecontent .demo-events-desc {
margin-left: 155px;
padding-bottom: 12px;
}
.jsn-modulecontent .demo-events-desc h3 {
margin-bottom: 10px;
margin-top: 0;
}
/****** STUDENTS HIGHLIGHT ******/
.jsn-modulescontainer .jsn-modulecontent {
overflow: hidden;
}
Onderwerp Auteur
