The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.
|
 |
|
Dev Shed Forums
> Web Design
> CSS Help
|
CSS style sheet causing image format problem
Discuss CSS style sheet causing image format problem in the CSS Help forum on Dev Shed.
CSS style sheet causing image format problem Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.
|
|
 |
|
|
|
|
Dev Shed Forums Sponsor:
|
|
|
February 25th, 2013, 07:11 PM
|
|
Registered User
|
|
Join Date: Feb 2013
Posts: 3
Time spent in forums: 16 m 7 sec
Reputation Power: 0
|
|
|
CSS style sheet causing image format problem
Hi,
I bought a template from Themeforest.net and have adapted a lot of the code, unfortunately I'm learning multiple languages at the same time and HTML / CSS is not my strong point!
I decided to post here rather than the PHP side because I felt it more appropriate, please feel free to move if necessary.
I have a web page, within which there are three PHP include functions, include header.php, nav.php and footer.php, I am also trying to embed Open Flash Charts, the syntax for which is;
Code:
open_flash_chart_object( 500, 250, 'http://'. $_SERVER['SERVER_NAME'] .'/chart-data.php', false );
the first two variables should allow me to change the width & height of the object.
The problem I have is that when I include the style sheets it forces my flash chart object to be a specific width. I don't want it to force that.
I have done some trial and error debugging and found that the problem lies specifically in the style.css which because it's a template wasn't built by me so with my limited knowledge I have no idea where to look.
Could someone please help me!
For reference the problem can be seen here
I have included the two full pieces of code below for help; first the chart.php web page followed by the style.css sheet.
Code:
<html>
<head>
<?php include 'header.php'
?>
<title>Dashboard Attempt 2 </title>
</head>
<body>
<header class="headerbg">
<section class="headertop">
<?php include 'nav.php' ?>
</section>
</header>
<?php
echo 'Hello World!';
?>
<div class="dashboardgraph"><?php
include_once 'php-ofc-library/open_flash_chart_object.php';
open_flash_chart_object( 500, 250, 'http://'. $_SERVER['SERVER_NAME'] .'/chart-data.php', false );
?>
</div>
<br><footer class="footerwrapper">
<?php include 'footer.php' ?>
</footer>
</body>
</html>
CSS to follow in new post as character limit exceeded!
|
February 25th, 2013, 07:13 PM
|
|
Registered User
|
|
Join Date: Feb 2013
Posts: 3
Time spent in forums: 16 m 7 sec
Reputation Power: 0
|
|
apologies for the length but as a newbie I have no idea where to begin, I had hoped that buying a template would hasten the process (which I guess it has a bit!)
Code:
@charset "utf-8";
/* CSS Document */
@import url("foundation.css");/***foundation framework stylesheet***/
/* HTML5 styles */
header, nav, article, section, aside, footer {display: block;}
/* HTML5 styles-end */
img{max-width: 100%; width:auto}
img{ -ms-interpolation-mode: bicubic; }
img, embed, object, video {
max-width: 100%
}
/********* reset *********/
/**** added new column 1/5 - framework fix ****/
.c-2a { width: 20%; float:left; position: relative; min-height: 1px; padding: 0 10px;}
/**** added new column 1/5 framework fix end ****/
ul, ol {
line-height: 1.6;
margin: 0 0 21px 0;
padding:0;
}
ul li, ol li{
margin: 0 0 10px 0;
padding:0;
}
.bulletlist{
list-style-type:none;
padding-left:15px;
background: url(../images/linkbulletblack.png) left center no-repeat;
}
h1, h2, h3, h4, h5, h6 {
color:#333333;
font-family:"pt serif";
font-weight:normal;
margin:21px 0 21px 0;
}
p{
color:#555555;
font-size:13px;
font-family:"pt sans";
line-height:1.6;
margin:0 0 21px 0;
}
blockquote{
margin:0 0 21px 0;
padding:21px 20px;
}
blockquote p{
margin:0;
}
.blockqoute1{
margin:0 20px 21px 10px;
padding:0 20px 0 10px;
border:none;
}
.blockqoute1 p{
margin:0;
padding:20px;
font-size:17px;
font-style:italic;
}
p.dropcap:first-letter {
font-size: 44px;
float: left;
margin-right:5px;
color:#333333;
}
.centered {
float:none;
margin:0 auto;
}
/********* reset end *********/
/*for just vector fonts*/
@font-face {
font-family: 'JustVector';
src: url('fonts/justvectorv2-webfont.eot');
src: url('fonts/justvectorv2-webfont.eot?#iefix') format('eot'),
url('fonts/justvectorv2-webfont.woff') format('woff'),
url('fonts/justvectorv2-webfont.ttf') format('truetype'),
url('fonts/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
font-weight: normal;
font-style: normal;
}
.vectorfont{
font-family: 'JustVector';
}
.vectorfontsocialicons{
color:#bfbfbf;
font-size:30px;
margin:0 5px 0 0;
display:inline;
background:#fff;
border:#bfbfbf solid 5px;
padding:6px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.vectorfontsocialicons:link, .vectorfontsocialicons:visited{
}
.vectorfontsocialicons:hover{
}
/*for just vector fonts end*/
/* grids */
.showgridrow{
background: url(../images/grid.png) repeat;
}
/* grids-end */
/* for highlight div/section */
.bgd{
background:red;
}
/* for highlight div/section end*/
body{
line-height:1.6;
color:#555555;
font-size:100%;
font-family:"pt sans", Arial, Tahoma, Sans-Serif;
background: #FCFCFC;
background-attachment:fixed;
}
/**main button**/
.buttonmain1{
font-size:21px;
text-decoration:none;
margin:39px auto;
width:150px;
text-align:center;
float:right;
cursor:pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
}
.buttonmain1:link, .buttonmain1:visited{
}
.buttonmain1:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}
.buttontextmain1:link, .buttontextmain1:visited{
text-align:center;
text-decoration:none;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.buttontextmain1:hover{
color:#fff;
}
/**main button end**/
.headertop{
height:84px;
margin:0 auto;
width:100%;
}
.headerbg1{
height:89px;
margin:0 auto;
}
.phone {
margin:10px 0 0 0;
}
.phone p{
float:right;
font-size:13px;
margin:0 0 21px 0;
}
.phone span{
font-size:13px;
color:#333333;
font-style:normal;
}
.searchfield{
height:27px;
padding:3px ;
margin:10px 0 0 0;
font-size:13px;
font-weight:normal;
color:#555555;
text-align:left;
color:#555555;
float:right;
border:#e6e6e6 solid 1px;
background:#fff;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
}
#search{
border:none;
height:22px;
background:transparent;
box-shadow:none;
margin:0;
padding:0 0 5px 3px;
float:left;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
}
.searchfield a{
height:30px;
margin:-7px 0 0 0;
float:right;
font-family:"GeneralFoundicons";
}
.searchfield a:link, .searchfield a:visited{
}
.searchfield a:hover{
}
.logo{
margin:14px 0 0 0;
}
/***dropdown menu***/
.menuline{
margin: 0;
padding:0;
}
ul.menu {
list-style:none;
padding:0;
Z-index:100;
position:relative;
margin: 0;
}
ul.menu a {
display:block;
}
ul.menu a:link, ul.menu a:visited {
display:block;
color:#ffffff;
text-decoration:none;
}
ul.menu a:hover{
display:block;
text-decoration:none;
}
ul.menu li {
position:relative;
float:left;
padding:0;
margin:0 ;
}
ul.menu ul {
position:absolute;
display:none;
opacity:0;
list-style:none;
text-decoration:none;
width:220px;
padding:0 ;
height:auto;
font-size:17px;
margin-left:-5px;
}
ul.menu ul li {
position:relative;
width:210px;
}
ul.menu ul li a {
display:block;
padding:10px 20px ;
margin: 0;
color:#333333;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
ul.menu ul li a:hover {
}
ul.menu ul ul {
}
.dropdownline {
}
ul.menu .menulink {
text-transform:uppercase;
font-size:17px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
padding:30px 20px 0 20px;
color:#333333;
height:79px;
}
ul.menu .menulink:link, ul.menu .menulink:visited {
}
ul.menu .menulink:hover {
}
.menulinemobile {
display:none;
}
/***dropdown-menu-end***/
.mainheadlinebg1{
height:126px;
width:100%;
max-width:100%;
margin:0 auto 32px auto;
background:#E6E6E6;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border-bottom:#fff 4px solid;
}
.mainheadlinebg{
width:940px;
margin:0 auto;
}
.mainheadline{
margin:34px 0 0 0 ;
font-family:"pt sans";
text-transform:uppercase;
font-size:27px;
}
.mainheadline1{
margin: 0;
font-family:"pt serif";
line-height:1.6;
}
.mainheadlinelink{
}
.mainheadlinelink:link, .mainheadlinelink:visited{
}
.mainheadlinelink:hover{
background:none;
}
.mainheadlinebg1down{
height:84px;
width:100%;
max-width:100%;
margin:0 auto 63px auto;
background:#E6E6E6;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border-bottom:#fff 4px solid;
border-top:#fff 4px solid;
}
.mainheadlinebgdown{
width:940px;
margin:0 auto;
}
.mainheadlinedown{
margin:26px 0 0 0 ;
font-family:"pt sans";
text-transform:uppercase;
font-size:27px;
}
/***for main headlines on all pages except homepage***/
.mainheadlineall{
width:100%;
height:105px;
margin:0 0 21px 0;
}
.mainheadlineall h5{
COLOR:#fff;
}
.mainheadlineall .row .c-12 h1{
COLOR:#fff;
font-family:"pt sans";
text-transform:uppercase;
margin:37px 0 0 0;
font-size:27px;
padding-top:5px;
}
.mainheadlineall span{
font-size:17px;
padding-left:10px;
text-transform:lowercase;
}
/***for main headlines on all pages except homepage end***/
/* main columns block*/
.maincolumnsblock ul {
float:left;
list-style:none;
padding:0 ;
}
.maincolumnsblock ul li {
position:relative;
float:left;
padding:0 ;
margin-bottom:21px;
}
.maincolumnsblock ul li h3 {
text-align:center;
width:210px;
position:relative;
margin:21px auto 0 auto;
color:#333333;
padding:0 ;
}
.maincolumnsblock ul li h3 span{
padding:0 3px;
}
.maincolumnsblock ul li p {
text-align:center;
margin:21px 10px;
}
.circlepicture{
background: url(../images/1small.png) no-repeat center top;
width:180px;
height:180px;
}
.maincolumnsblock ul li .circle {
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:0 auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
border:#fff 4px solid;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}
.maincolumnsblock ul li:hover .circle {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}
/*for second homepage*/
.maincolumnsblock ul li .circle1 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle2 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle3 {
background: url(../images/3small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle4 {
background: url(../images/4small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
/*for second homepage end*/
.button1{
display:block;
margin: 0 auto 21px auto;
float:none;
color: #fff;
padding:4px 0 3px 0;
text-decoration:none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
text-align:center;
text-transform:uppercase;
width:100px;
}
.button1:link, .button1:visited{
color: #fff;
}
.button1wrapper a.button1{
}
.button1:hover{
color:#FFF;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}
.maincolumnsblock1 ul {
float:left;
list-style:none;
padding:0 ;
}
.maincolumnsblock1 ul li {
position:relative;
float:left;
padding:0 ;
margin-bottom:21px;
}
.maincolumnsblock1 ul li h3 {
text-align:left;
width:210px;
position:relative;
margin:21px 0 0 0;
color:#333333;
padding:0 ;
font-size:21px;
}
.maincolumnsblock1 ul li h3 span{
padding:0 3px;
}
.maincolumnsblock1 ul li p {
text-align:left;
margin:21px 10px 21px 0;
}
.maincolumnsblock1 ul li .circle {
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:0 auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
border:#fff 4px solid;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}
.maincolumnsblock1 ul li:hover .circle {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}
/*for first homepage*/
.maincolumnsblock1 ul li .circle1 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .circle2 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .circle3 {
background: url(../images/3small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .circle4 {
background: url(../images/4small.png) center center no-repeat;
-webkit-background-size: 100% 100% ;
-moz-background-size: 100% 100% ;
background-size: 100% 100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
/*for first homepage end*/
/* main columns block end*/
/** accordion3 for homepage**/
.accordion3{
margin:0 0 0 0;
height:auto;
}
.accordion3 p{
color:#555555;
text-align:left;
padding-bottom:21px;
}
.accordion3 a{
font-size:17px;
}
.accordion2 a:hover{
}
.accordion3 dd ul li {
}
.accordion3 dt{
}
/** accordion3 end**/
.video{
margin:0 0 42px 0;
}
.video iframe{
width:100%;
height:272px;
}
.picturehomepage{
width:380px;
margin:0 0 63px 40px;;
}
.portfoliohome{
list-style:none;
}
.portfoliohome ul {
margin-bottom:0;
}
.portfoliohome ul li{
margin-top:0;
}
.portfoliohome ul li img{
}
/* tabs */
ul.tabs {
margin: -21px 0 1px 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
margin:0 2px 0 0;
border-left: none;
background: ;
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
color: #333333;
display: block;
padding: 0 10px;
background: #E6E6E6;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
ul.tabs li a:hover {
color: #fff;
}
.tab_container {
background: #E6E6E6;
margin:0 0 63px 0;
clear: both;
float: left;
width: 100%;
}
.tab_content {
}
.tab_content h4 {
font-weight: normal;
margin:15px 0 0 10px;
line-height:1.6;
}
.tab_content h6 {
font-weight: normal;
margin:0 0 0 9px;
}
.tab_content p {
margin:0 0 21px 0;
}
.icontab{
float: left;
margin:0 20px 0 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
}
.icontab:link, .icontab:visited{
float: left;
}
.icontab:hover{
float: left;
}
/* tabs end */
/* testimonials */
.testimonials{
margin:0 0 0 50px;
padding:0;
float:right;
width:100%;
}
.quotes{
width:60px;
height:40px;
color:#E6E6E6;
}
/***dashed line***/
.dashedline {
margin:0 0 21px 0;
padding:0;
background: url(../images/dashedline.png) repeat;
}
.dashedline span{
background: #FCFCFC;
padding-right:5px;
}
.dashedline1 {
margin:42px 0 21px 0;
width:100%;
height:2px;
padding:0;
background: url(../images/dashedline1.png) repeat-x;
}
.dashedline2 {
margin:0 0 21px 0;
padding:0;
background: url(../images/dashedline2.png) repeat-x;
}
.dashedline2 span{
background: #FCFCFC;
padding-right:5px;
}
/***dashed line end***/
#testimonials blockquote{
border:none;
margin:0 0 0 0;
padding:0;
color:#555555;
}
#testimonials blockquote cite{
border:none;
margin:0 0 21px 0;
padding:0 0 21px 0;
font-weight:normal;
font-size:17px;
color:#333333;
font-style:normal;
line-height:1.6;
}
/* testimonials end*/
.carouselmobile{
display:none;
}
.carouselclientsmobile{
display:none;
}
.paralaximage {
display:none;
}
.mapmobile{
display:none;
}
/** accordion for menu on mobile devices**/
.accordion1{
margin: 0 0 0 10px;
text-align:center;
height:auto;
position:relative;
z-index:100;
}
.accordion1 a{
margin:0;
display:block;
color:#fff;
}
.accordion1 a:hover{
margin:0;
}
.accordion1 h3{
padding:5px;
margin:0 0 0 0;
display:block;
position:relative;
color:#fff;
cursor:pointer;
}
.accordion1 h3:hover{
color:#fff;
}
.accordion1 div{
display: none;
height:auto;
}
.accordion1 section ul{
list-style:none;
margin:0;
}
.accordion1 section ul li{
margin:0;
padding:10px;
}
.accordion1 section ul li:hover{
}
.accordion1 h3.active a:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -3px;
}
/** accordion end**/
/******footer******/
.footerwrapper{
height:auto;
margin:0 auto;
}
.footerabout {
color:#fff;
margin:0 20px 21px 0;
}
.footerheadline {
color:#fff;
margin:42px 0 ;
}
.footerlinkswrapper{
float:left;
list-style:none;
margin:0 20px 21px 0;
}
.footerlinks{
margin: 0 0 5px 0;
display:block;
float:left;
text-decoration:none;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.footerlinks:link, .footerlinks:visited{
}
.footerlinks:hover{
}
.subscribefieldwrapper{
float:left;
margin:0 0 0 0;
height: auto;
width:auto;
}
.subscribefield{
float:left;
margin:0 ;
height: 30px;
width:auto;
padding:0 0 0 10px;
color:#555555;
border-radius: 20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.buttonmain2{
font-size:13px;
text-decoration:none;
width:100px;
text-align:center;
padding:5px 0;
cursor:pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
color:#fff;
}
.buttonmain2:link, .buttonmain2:visited{
text-align:center;
text-decoration:none;
}
.buttonmain2:hover{
}
.bottomlinks{
margin:0 0 0 0;
}
ul.bottomlinks{
text-decoration:none;
margin:0 0 0 0;
padding:0;
list-style:none;
}
.links{
margin: 0 0 0 15px ;
display:block;
float:right;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.links:link, .links:visited{
display:block;
float:right;
text-decoration:none;
}
.links:hover{
}
.flickr {
list-style:none;
float:left;
margin:0;
border:none;
}
.flickr li{
list-style:none;
float:left;
margin:0 5px 0 0;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.flickr li:hover{
opacity:.7;
}
.icons{
float:left;
}
.icons a{
width:42px;
height:42px;
}
.splitterfacebook{
float: left;
margin:0 10px 0 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
background: url(../images/splitterfacebook.png) left top no-repeat;
}
.splitterfacebook:link, .splitterfacebook:visited{
float: left;
}
.splitterfacebook:hover{
float: left;;
background: url(../images/splitterfacebook.png) right top no-repeat;
}
.splittergoogleplus{
float: left;
margin:0 10px 0 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
background: url(../images/splittergoogleplus.png) left top no-repeat;
}
.splittergoogleplus:link, .splittergoogleplus:visited{
float: left;
}
.splittergoogleplus:hover{
float: left;
background: url(../images/splittergoogleplus.png) right top no-repeat;
}
.splittertwitter {
float: left;
margin:0 10px 0 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
background: url(../images/splittertwitter.png) left top no-repeat;
}
.splittertwitter:link, .splittertwitter:visited{
float: left;
}
.splittertwitter:hover{
float: left;
background: url(../images/splittertwitter.png) right top no-repeat;
}
.splittervimeo{
float: left;
margin:0 10px 0 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
background: url(../images/splittervimeo.png) left top no-repeat;
}
.splittervimeo:link, .splittervimeo:visited{
float: left;
}
.splittervimeo:hover{
float: left;
background: url(../images/splittervimeo.png) right top no-repeat;
}
.splitterlinkedin{
float: left;
margin:0 0 0 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
background: url(../images/splitterlinkedin.png) left top no-repeat;
}
.splitterlinkedin:link, .splitterlinkedin:visited{
float: left;
}
.splitterlinkedin:hover{
float: left;
background: url(../images/splitterlinkedin.png) right top no-repeat;
}
.copyright{
color:#cccccc;
margin:14px auto 21px auto;
float:left;
width:80%;
}
.copyright a:link, .copyright a:visited{
}
.copyright a:hover{
}
/******twitter******/
.twitterwrapper {
display: block;
overflow: hidden;
height: 25px;
width:auto;
float:left;
margin:21px 0 ;
}
.twitterblueicon{
float:left;
width:auto;
height:30px;
font-size:25px;
margin:-5px 0 5px 0;
}
.tweet{
height: 21px;
overflow: hidden;
}
#ticker ul.tweet_list {
overflow-y:hidden;
padding-left:7px;
}
#ticker .tweet_list li {
height: 52px;
color:#fff;
list-style:none;
}
#ticker .tweet_list li a{
height: 52px;
text-decoration:none;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
}
#ticker .tweet_list li a:hover{
}
.tweet_list .tweet_avatar {
display:none;
}
/******twitter end******/
.scrollbutton{
float:right;
margin: 21px 0 21px 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
border:none;
height:30px;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
}
.scrollbutton:link, .scrollbutton:visited{
}
.scrollbutton:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}
/******footer end******/
/******portfolio pages******/
.pagination{
margin-bottom:21px;
margin-top:0;
}
.pagination a{
padding:0 5px 0 5px;
font-weight:bold;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
color:#fff;
margin:0 10px 0 0;
}
.navigation{
}
.navigation a{
padding:0 5px;
background:#fff;
margin:0 0 0 5px;
float:right;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
}
.navigation a:link, .navigation a:visited{
padding:0 5px;
color:#fff;
}
.navigation a:hover{
padding:0 5px;
color:#fff;
}
.portfoliolinks{
display:inline-block;
float:left;
margin:84px 0 21px 0;
}
.portfoliolinks ul li{
margin: 0 ;
display:inline-block;
list-style:none;
float:right;
text-decoration:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.portfoliolinks ul li:link, .portfoliolinks ul li:visited{
}
.portfoliolinks ul li:hover{
}
/**** for filter portfolio ****/
.splitter {
margin: 21px 0 0 0;
}
.splitter:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.splitter ul {
margin-left:0;
}
.splitter ul li {
background:#ededed;
margin-right:5px;
}
.splitter li,
.splitter ul,
.splitter ul li a {
display: inline-block;
font-size:13px;
text-align:center;
}
.splitter ul,
.splitter ul li,
.splitter ul li a {
background-repeat: no-repeat;
}
.splitter ul {
}
.splitter ul li {
}
.splitter li ul li a {
padding:3px 10px;
text-decoration: none;
color:#555555;
}
.splitter ul li a:link {
}
.splitter ul li a:visited{
}
.splitter ul li a:hover{
color:#fff;
}
.splitter ul li a:focus {
}
.splitter ul li a:active {
}
.image-grid {
list-style:none;
}
.image-grid:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.image-grid li {
float: left;
text-align: center;
overflow: hidden;
margin:10px 0;
padding-top:2px;
padding-bottom:2px;
}
.image-grid li img,
.image-grid li strong {
display:block;
}
|
February 25th, 2013, 07:14 PM
|
|
Registered User
|
|
Join Date: Feb 2013
Posts: 3
Time spent in forums: 16 m 7 sec
Reputation Power: 0
|
|
Final section
Code:
.image-grid li img{
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.image-grid li img:hover{
opacity:.2;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}
/******portfolio end******/
/**** about us, team and one product pages****/
.aboutusheadline2{
margin:21px 0 21px 0;
padding:0;
}
.aboutustext{
}
.aboutuscolumns ul {
float:left;
list-style:none;
}
.aboutuscolumns ul li {
position:relative;
float:left;
margin-bottom:21px;
}
.aboutuscolumns ul li h3 {
width:210px;
position:relative;
margin:0 auto 0 auto;
color:#333333;
padding:0 ;
}
.aboutuscolumns ul li h4 span{
padding:0 3px;
}
.aboutuscolumns ul li p {
margin:21px 20px 21px 0;
}
.aboutusicons a{
margin-right:5px;
}
.aboutuscolumns .picture{
background: url(../images/team.png) center center no-repeat;
width:190px;height:190px;
background-size:100% 100%;
margin:21px 0 0 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.aboutusrows .picture{
margin:21px 0 42px 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.aboutusrows .picturewrapper{
width:100%;
}
.aboutusrows h5{
margin:0 0 21px 0;
padding-top:21px;
}
.oneproductfeatures{
margin-bottom:21px;
}
.oneproductfeatures ul li{
list-style:none;
padding: 0 0 0 15px;
background: url(../images/linkbulletblack.png) left center no-repeat;
font-weight:bold;
}
.headlinetab1about{
margin:21px 0 21px 20px;
}
.headlinetab1about span{
font-size:13px;
padding-left:10px;
}
.productheadline{
width:100%;
}
.productheadline h2{
font-size:21px;
padding:5px 15px;
text-transform:uppercase;
font-family:"pt sans";
color:#fff;
float:left;
margin:21px 0 21px 10px;
}
.productheadline h3{
float:left;
margin:21px 0 21px 0;
}
.productlist{
margin-bottom:21px;
}
.productlist li{
list-style:none;
}
.headlinetab1product{
padding:0 0 0 10px;
}
.containertabs{
margin:21px 0 0 0;
}
.about h3{
margin-right: 10px;
margin-left:10px;
margin-top:0;
}/*for aboutpage2*/
.about p{
margin-right: 10px;
margin-left:10px;/*for aboutpage2*/
}
/** accordion4 for homepage**/
.accordion4{
margin: 21px 0 42px 0;
height:auto;
padding: 0 5px 0 5px;
}
.accordion4 p{
color:#555555;
text-align:left;
margin:0 20px;
}
.accordion4 a{
margin:0 10px 0 20px;
display:block;
color:#333333;
}
.accordion4 a:hover{
}
.accordion4 dt{
padding:0 20px 11px 0;
margin:0 0 2px 0;
position:relative;
text-align:left;
color:#333333;
cursor:pointer;
font-size:17px;
font-family:"pt serif";
}
.accordion4 dt span{
}
.accordion4 dt {
background:#e6e6e6 url(../images/right.png) no-repeat right center;
}
.accordion4 dt:hover{
background:#e6e6e6 url(../images/down.png) no-repeat right center;
}
.accordion4 dt:focus{
background:#e6e6e6 url(../images/down.png) no-repeat right center;
}
/** accordion4 end**/
/**** about us, team and one product pages end****/
/**** prices page****/
.prices{
margin:21px 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
height:445px;
}
.prices h3{
text-align:center;
padding:17px 0 0 0 ;
}
.prices h4{
text-align:center;
color:#fff;
padding:26px 0 0 0;
font-size:44px;
}
.prices h4 sup{
font-size:21px;
}
.prices img{
width:100%;
}
.pricelist{
list-style:none;
margin:42px auto 21px auto;
}
.pricelist li{
text-align:center;
}
.prices1{
margin:42px 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
height:424px;
background:#fff ;
}
.prices1 h4{
text-align:center;
padding:10px 0 0 0;
}
.pricesrowcolor{
margin:-10px 0 10px 0;
float:left;
width:100%;
height:105px;
}
.pricesrowcolor h4{
text-align:center;
padding:10px 0 0 0;
font-size:44px;
}
.pricesrowcolor h4 sup{
font-size:21px;
}
.pricesrow{
margin:-10px 0 10px 0;
float:left;
width:100%;
height:105px;
background: #E6E6E6;
}
.pricesrow h4{
text-align:center;
padding:10px 0 0 0;
font-size:44px;
}
.pricesrow h4 sup{
font-size:21px;
}
/**** prices end ****/
/**** contact page****/
.map{
border:none;
margin:21px 0;
width:940px;
}
/*for contact form*/
#main{
width:100%;
height:274px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.commentfield{
font-family:"pt sans";
margin:0 0 21px 0;
border:none;
padding:5px;
color:#555555;
font-size:13px;
float:left;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}
.contact1{
color:#555555;
width:50%;
padding:2% 1% 0 2%;
float:left;
}
.contact2{
color:#555555;
width:50%;
float:right;
padding:2% 2% 0 1%;
}
.textarea{
width:96%;
margin:0 2% 21px 2%;
height: 147px;
padding:5px;
float:left;
font-size:13px;
font-family:"pt sans";
}
.buttoncontact{
font-size:21px;
text-decoration:none;
text-align:center;
cursor:pointer;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
float:left;
margin:0 0 0 10px;
width:150px;
}
.buttoncontact:link, .buttoncontact:visited{
}
.buttoncontact:hover{
color:#fff;
}
/*for contact form end*/
/**** contact page end****/
/****** blog ******/
.blogvideo{
width:100%;
height:300px;
margin:0 0 21px 0;
}
.blogimage1{
margin-bottom:21px;
border:5px solid #fff;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.blogheadline{
font-size:21px;
margin:21px 0 ;
}
.blogheadline span{
background: #FCFCFC;
padding:0 5px 0 0;
}
.date{
margin:0 0 21px 0;
}
.date h6{
padding:3px 9px;
display:inline;
color:#fff;
margin:0 0 21px 0;
}
.metadata{
}
.metadata a{
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.metadata a:link, .metadata a:visited{
}
.metadata a:hover{
}
.blogpost p{
margin-bottom:0;
}
.blogbutton{
font-size:17px;
text-decoration:none;
width:120px;
margin:0 0 21px 0;
float:right;
text-align:center;
cursor:pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
}
.blogbutton:link, .blogbutton:visited{
}
.blogbutton:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}
.blogbuttontext:link, .blogbuttontext:visited{
text-align:center;
text-decoration:none;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
font-size:17px;
}
.blogbuttontext:hover{
color:#fff;
}
.blogcomments{
}
.personicon{
font-size:75px;
color:#e6e6e6;
}
.blogcomments img{
}
.blogcomments a {
float:right;
padding-bottom:21px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.blogcomments a :link, .blogcomments a :visited{
}
.blogcomments a:hover{
}
.sidebarheadline{
margin:21px 0 0 0;
}
.sidebarlinkswrapper{
float:left;
list-style:none;
margin:0 20px 21px 20px;
}
.sidebarlinks{
margin: 0 0 5px 0;
display:block;
float:left;
text-decoration:none;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.sidebarlinks:link, .sidebarlinks:visited{
}
.sidebarlinks:hover{
}
.containertabsblog{
margin:21px 0 0 0;
}
ul.tabsblog {
margin: 0 0 1px 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
width: 100%;
}
ul.tabsblog li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
margin:0 2px 0 0;
border-left: none;
background: ;
overflow: hidden;
position: relative;
}
ul.tabsblog li a {
text-decoration: none;
color: #333333;
display: block;
padding: 0 10px;
background: #E6E6E6;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
ul.tabsblog li a:hover {
color: #fff;
}
.tab_contentblog ul {
float:left;
margin:21px 0 0 20px;
}
.tab_contentblog p{
list-style:none;
color:#555555;
font-size:normal;
font-style:normal;
font-size:13px;
padding:20px 20px 0 20px;
}
/** accordion2 for sidebar**/
.accordion2{
margin:0 0 21px 0;
height:auto;
}
.accordion2 p{
color:#555555;
text-align:left;
}
.accordion2 a{
font-size:17px;
}
.accordion2 a:hover{
}
.accordion2 dd ul li {
list-style:none;
padding-left:15px;
background: url(../images/linkbulletblack.png) left center no-repeat;
display:block;
color:#555555;
list-style:none;
font-size:13px;
}
.accordion2 dd ul li a{
list-style:none;
display:block;
list-style:none;
font-size:13px;
}
/** accordion2 end**/
/*tags blog sidebar */
#tags ul{
margin:42px 5px;
text-align:center;
}
#tags li{
margin:0;
padding:0;
list-style:none;
display:inline;
}
#tags li a{
text-decoration:none;
padding: 5px;
}
#tags li a:hover{
}
.tag1{font-size:100%;}
.tag2{font-size:120%;}
.tag3{font-size:140%;}
.tag4{font-size:160%;}
.tag5{font-size:180%;}
.btn{
display:inline-block;
padding:3px 5px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
text-align:center;
margin:0 0 21px 15px;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
text-transform:uppercase;
}
.btn:link, .btn:visited{
color:#fff;
}
.btn:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}
/*tags blog sidebar end*/
.blogthumb {
margin:0;
padding:0;
}
.blogthumbpicture{
width:60px;
height:60px;
float:left;
margin:0 0 0 0;
background: url(../images/1s.jpg) top center no-repeat;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
margin-bottom:21px;
}
.blogthumbpicture:link, .blogthumbpicture:visited{
}
.blogthumbpicture:hover{
opacity:.7;
}
.blogthumbpicturesidebar{
width:60px;
height:60px;
float:left;
margin:0 0 0 0;
background: url(../images/1s.jpg) top center no-repeat;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
margin-bottom:21px;
}
.blogthumb p{
font-size:13px;
font-style:normal;
margin:0;
padding:0;
}
.image-grid1 {
list-style:none;
}
.image-grid1:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.image-grid1 li {
float: left;
overflow: hidden;
margin:10px 0;
padding-top:2px;
padding-bottom:2px;
}
.image-grid1 li img,
.image-grid1 li strong {
display:block;
}
.image-grid1 li img{
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.image-grid1 li img:hover{
opacity:.2;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}
/****** blog end ******/
/********* shortcodes *********/
/****** buttons ******/
/*first button*/
.b1{
font-size:21px;
text-decoration:none;
width:150px;
text-align:center;
cursor:pointer;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
}
.b1:link, .b1:visited{
}
.b1:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}
.b1text:link, .b1text:visited{
text-align:center;
text-decoration:none;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.b1text:hover{
color:#fff;
}
.b1size1{
width:200px;
height:auto;
font-size:21px;
}
.b1size2{
width:155px;
height:auto;
font-size:17px;
}
.b1size3{
width:118px;
height:auto;
font-size:13px;
}
/*first button end*/
/*second button*/
.b2{
display:block;
float:none;
background: #E6E6E6;
color:#555555;
padding:4px 0 3px 0;
text-decoration:none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
text-align:center;
text-transform:uppercase;
}
.b2:link, .b2:visited{
}
.b2wrapper a.b2{
}
.b2:hover{
color:#FFF;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}
.b2size1{
width:170px;
height:auto;
font-size:21px;
}
.b2size2{
width:150px;
height:auto;
font-size:17px;
}
.b2size3{
width:110px;
height:auto;
font-size:13px;
}
/*second button end*/
/****** buttons end ******/
/****notifications****/
.notification1{
height:43px;
width:100%;
background:#b6d9a9;
}
.notification1 i{
font-size:27px;
color:#fff;
display:inline-block;
}
.notification1 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification1 a{
padding:9px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
.notification2{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#a9cfd9;
}
.notification2 i{
font-size:27px;
color:#fff;
display:inline-block;
}
.notification2 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification2 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
.notification3{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#daa2a2;
}
.notification3 i{
font-size:27px;
color:#fff;
display:inline-block;
}
.notification3 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification3 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
.notification4{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#dce094;
}
.notification4 i{
font-size:27px;
color:#fff;
display:inline-block;
}
.notification4 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification4 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
.notification5{
height:43px;
width:100%;
background:#b6d9a9 ;
}
.notification5 p{
padding:8px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification5 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
.notification6{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#a9cfd9;
}
.notification6 p{
padding:7px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification6 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
.notification7{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#daa2a2;
}
.notification7 p{
padding:7px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification7 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
.notification8{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#dce094;
}
.notification8 p{
padding:7px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification8 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}
/****notifications end****/
/*** Bottom footer ****/
.navlist li
{
display: inline;
line-style-type: none;
padding-right: 40px;
}
.dashboardgraph
{
align: right;
}
|
Developer Shed Advertisers and Affiliates
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
Rate This Thread |
 Linear Mode
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
