| Current Path : /var/www/html/savitri.joshi/resources/style/ |
| Current File : /var/www/html/savitri.joshi/resources/style/main.css |
#footer {
background: url('http://www.kikk.be/2012/files/templates/kikk/public/assets/images/bgFooter.jpg');
position: relative;
z-index: 2;
}
#footerContent{
background: url('http://www.kikk.be/2012/files/templates/kikk/public/assets/images/bgTopFooter.jpg') top repeat-x;
padding-top: 55px;
}
#footerContent h1:first-child{
font-family: "trajan-pro", "trajan pro", Arial, Helvetica, sans-serif;
font-size: 23px;
color: #775f3e;
font-weight: bold;
padding-bottom: 20px;
background: url('http://www.kikk.be/2012/files/templates/kikk/public/assets/images/crole.png') no-repeat bottom center;
margin-bottom: 0px;
width: 960px;
margin: 0 auto;
height: 25px;
text-transform: uppercase;
}
#footerContent h1.second{
font-family: "trajan-pro", "trajan pro", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #775f3e;
font-weight: bold;
padding-bottom: 10px;
background: url('http://www.kikk.be/2012/files/templates/kikk/public/assets/images/crole.png') no-repeat bottom center;
margin-bottom: 10px;
width: 960px;
margin: 0 auto;
height: 25px;
text-transform: uppercase;
}
div.iosSlider {
margin-top:20px;
}
#footerContent h2{
font-family: "trajan-pro", "trajan pro", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #775f3e;
margin-bottom: 0px;
font-weight: bold;
width: 960px;
margin: 0 auto;
background: url('http://www.kikk.be/2012/files/templates/kikk/public/assets/images/footertitlelines.png') no-repeat center center;
height: 14px;
text-transform: uppercase;
}
#partner-list, #friends-list{
padding:30px; margin:0;
text-align:center;
}
#partner-list li, #friends-list li{
display:inline;
margin:0 20px; padding:0;
}
#partner-list li a, #friends-list li a{
display:inline-block;
padding:10px 0;
}
#partner-list li img, #friends-list li img{
vertical-align:middle;
}
#footer-bottom {
background: #003300;
color:#ffffff;
font-family:a_love_of_thunderregular, Arial, Helvetica, sans-serif;
font-size:18px; line-height:28px;
}
#footer-bottom a{
color:#51b6dc;
}
#footer-bottom a:hover{
color:#ffffff;
}
.inner-footer {
width:960px; margin:0 auto;
padding:15px 0;
}
.footerCopyright{ float: right; border-left: 0px!important;}
#footer-left a {
padding-left: 10px;
border-left:1px solid #78a6b6;
margin-left:10px;
color:#51b6dc;
text-decoration:none;
}
#footer-bottom a#footer-right {
padding-left: 10px;
color:#fff;
background:url('http://www.kikk.be/2012/files/templates/kikk/public/assets/images/footer-arrow.png') no-repeat left;
}
#footer-left a strong#dogstudio span{
display:block;
float:left;
line-height:0; font-size:0;
text-indent:-100000px;
width:0; height:0;
text-decoration:none;
}
body {
-webkit-user-select:none;
-moz-user-select:none;
/* Not sure for the below properties they may not work properly */
-o-user-select:none;
-ms-user-select:none;
user-select:none;
}
#head ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#head li {
float: left;
}
#head a:link,#head a:visited {
border-style: solid;
border-width: 1px;
display: block;
width: 100%;
font-weight: bold;
color: black;
background-color:white;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
font-size:0.8em;
}
#head a:hover,#head a:active {
color : white;
background-color: black;
font-size:1em;
}
#head #selected{
color : white;
background-color: black;
font-size:1em;
}
#head {
background-image: url("../pic/bg.png");
}
#body {
background-image: url("../pic/bg.png");
}
#body h1 {
color: #ffffff;
opacity: 0.3;
font: 3.0em 'Museo700';
}
#body content {
color: black;
opacity: 1.0;
font: 1.6em 'Museo700';
line-height: 1.7em;
}
#body a:hover,#body a:active {
text-decoration:none;
color : blue;
}
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial;
font-size: 24px;
font-weight: Bold;
}
.container {
position: relative;
max-width: 1600px;
margin: 10 auto;
}
.container img {vertical-align: middle;}
.container .content {
position: absolute;
top: 5px;
bottom: 0;
background: rgb(0, 0, 0); /* Fallback color */
background: rgba(0, 0, 0, 0.1); /* Black background with 0.5 opacity */
color: #f1f1f1;
width: 100%;
padding: 100px;
}
</style>
</head>