Difference between revisions of "Template:HK SKHLPSS CUSTOM CSS"

 
(51 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
   <style>
+
 
−
    .container {
+
<script type="text/javascript">
−
      width: 60%;
+
$(document).ready(function(e) {
−
    }
+
  var h = $('#navbar').height();
−
   </style>   
+
  $('.my-banner').animate({ paddingTop: h });
 +
});
 +
 
 +
$(document).ready(function(e){
 +
   $('#bodyContent').addClass("container marketing padding-top")
 +
})
 +
</script>
 +
 
 +
<style>
 +
 
 +
#content {
 +
  margin-top: -12px !important
 +
}
 +
 
 +
.container {
 +
  text-align:justify;
 +
  width: 75%;
 +
}
 +
 
 +
 
 +
h1, h2, h3 {
 +
   color: #08955E !important;
 +
}
 +
 
 +
h3 {
 +
  font-style: italic;
 +
}
 +
 
 +
.padding-top {
 +
  padding-top: 60px;
 +
}
 +
 
 +
.navbar-fixed-top {
 +
  top: 16px;
 +
  border-width: 0 0 1px;
 +
}
 +
 
 +
.navbar-inverse {
 +
  background-color: #08955E;
 +
  border-color: #08955E;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
 +
  color: #08955E !important;
 +
}
 +
 
 +
.navbar-inverse .navbar-brand {
 +
  color: #fff;
 +
}
 +
 
 +
.navbar-inverse .navbar-brand:hover,
 +
.navbar-inverse .navbar-brand:focus {
 +
  color: #fff;
 +
  background-color: transparent;
 +
}
 +
 
 +
.navbar-inverse .navbar-text {
 +
  color: #fff;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > li > a {
 +
  color: #fff;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > li > a:hover,
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
  color: #fff;
 +
  background-color: transparent;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > .active > a,
 +
.navbar-inverse .navbar-nav > .active > a:hover,
 +
.navbar-inverse .navbar-nav > .active > a:focus {
 +
  color: #3A96FF;
 +
  background-color: #fff;
 +
}
 +
 
 +
 
 +
.navbar-inverse .navbar-nav > .open > a,
 +
.navbar-inverse .navbar-nav > .open > a:hover,
 +
.navbar-inverse .navbar-nav > .open > a:focus {
 +
  background-color: #fff;
 +
  color: #3A96FF;
 +
}
 +
 
 +
#toctitle > h2 {
 +
  color: #002bb8 !important;
 +
}
 +
 
 +
footer a {
 +
  color: #08955E !important;
 +
}
 +
 
 +
.carousel-caption {
 +
  background-color: grey;
 +
  padding: 4px 12px 30px 12px
 +
}
 +
 
 +
 
 +
</style>   
 
</html>
 
</html>

Latest revision as of 12:11, 1 November 2017