View Single Post
Old 10-30-2012, 09:33 PM  
Colmike9
(>^_^)b
 
Colmike9's Avatar
 
Industry Role:
Join Date: Dec 2011
Posts: 7,223
Talk to this guy, he might know...
https://twitter.com/sorccu

CSS used:
Code:
body{
	margin:0;
	background:#f8f6f2 url(images/bg.jpg) repeat-x left top;
	font:normal 11px Verdana;
	color:#393939;
}

@font-face {
    font-family: 'HelveticaNeueCondensed';
    src: url('assets/fonts/hlc_____-webfont.eot');
    src: url('assets/fonts/hlc_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/hlc_____-webfont.woff') format('woff'),
         url('assets/fonts/hlc_____-webfont.ttf') format('truetype'),
         url('assets/fonts/hlc_____-webfont.svg#HelveticaNeueCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	padding:0;
	margin:0;
	list-style:none;
	border:none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'HelveticaNeueCondensed';
	font-weight:bold;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	color:#841515;
}

.clear{
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
	}

a:active, a:focus {
outline: 0
}

/* Template CSS Starts Here */
#wrapper {
	width:980px;
	margin:0 auto;
}

#header {
	width:980px;
	margin:0 auto;
	padding:15px 0 0 0;
	overflow:hidden;
}

.logo {
	float:left;
	margin:0 0 0 35px;
}

.header-right {
	float:right;
	width:640px;
}

.cta-top {
	float:right;
	clear:both;
	margin:25px 0 0;
}

.menu ul {
	float:right;
	clear:both;
	margin:15px 0 0;
}

.menu li {
	float:left;
	font:normal 15px Arial;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background:url(images/nav-right.jpg) no-repeat right top;
	margin:0 0 0 5px;
}

.menu li a:link, .menu li a:active, .menu li a:visited {
	float:left;
	color:#fff;
	text-decoration:none;
	background:url(images/icon-home.png) no-repeat 13px 3px;
}

.menu li a:hover {
	color:#000;
}

.menu li span {
	float:left;
	background:url(images/nav-left.jpg) no-repeat left top;
	padding:4px 18px;
}

.menu li+li span {
	padding-left:18px;
}

.menu li span {
	padding-left:35px;
}

.menu li+li a:link, .menu li+li a:visited, .menu li+li a:active {
	background:none;
}

/* Carousel */
#carousel_container {
	width: 980px;
	height: 331px;
	float: left;
	overflow: hidden;
	background:url(images/intro_shirt.jpg) center top;
	position:relative;
}
#carousel_container a {
	width: 100%;
	height: 350px;
	float: left;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:980px; /* important (this width = width of list item(including margin) * items shown */ 
/* non-important styling bellow */
background: #F0F0F0;
margin:0;
overflow:hidden;
}

#carousel_ul {
position:relative;
left:-430px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
width:4000px; /* important */
padding:0;
margin:0;
/* non-important styling bellow */
}

#carousel_ul li{
clear:none;
float: left; /* important for inline positioning of the list items */                                    
width:613px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:350px;
background: url(images/sprite.png) 0 -405px;
margin:0;
list-style-type:none;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#carousel_ul li .excerpt {
	width: 300px;
	margin: 200px 0 0 122px;
}
#carousel_ul li .excerpt h2 a {
	color: #fff;
	text-transform: uppercase;
}
#carousel_ul li .excerpt p {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-style: normal;
	font-size: 11px;
	line-height: 1.75em;
}
#carousel_ul li .excerpt p a {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFC600;
}
#carousel_ul li .excerpt p a span {
	float: left;
	padding: 0 25px 0 0;
	background:url(images/sprite.png) right -179px;
}
#left_scroll, #right_scroll {
float:left; 
position: absolute;
height:331px;
width:184px;
z-index: 9999;
background:url(images/black-dot.png) repeat left top;
top:0;
}
#left_scroll a, #right_scroll a {
	width:59px;
	height:59px;
	display: block;
	position:absolute;	
	top:135px;
}

#left_scroll a {
	left:13px;
}

#right_scroll a {
	right:13px;
}

#left_scroll {
	left:0;
	margin:0;
}
#right_scroll {
	right:0;
	margin:0;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}
/*********************************Sidebar*******************************/

#container {
	width:940px;
	margin:0 auto;
	background:#fff;
	padding:30px 10px 30px 30px;
	overflow:hidden;
}

.left-content {
	float:left;
	width:600px;
}

.left-content a {
	color:#393939;
}

.left-content ul.posts {
	list-style:none;
}

.left-content ul.posts li {
	list-style:none;
}

.left-content p {
	line-height:16px;
	padding:0 0 15px;
}

.left-content h1, h2 {
	width:100%;
	clear:both;
	font-size:26px;
	color:#353131;
}

.left-content h1 {
	padding:0 0 15px;
}

.left-content h2 {
	padding:15px 0;
}

.left-content h3 {
	font-size:21px;
	color:#cb8802;
	padding:15px 0;
}

.left-content ul {
	padding:0 0 15px;
}

.left-content li {
	clear:both;
	padding:0 0 5px;
	margin:0 0 0 15px;
	list-style-type:disc;
}

.left-content ol {
	padding:15px 0;
}

.left-content ol li {
	clear:both;
	text-indent:20px;
	padding:0 0 20px 0;
	background:url(images/bulit-arrow.jpg) no-repeat left top;
	margin:0;
	list-style-type:none;
}

.left-content img {
	float:left;
	margin:0 5px 0 0;
}

.banners {
	margin:15px 0;
}

.left-content img.alignleft {
	margin:15px 0;
}

.right-content {
	float:right;
	width:325px;
	text-align:left;
}

.form {
	float:right;
	width:325px;
	background:url(images/form-bg.jpg) repeat-y left top;
	position:relative;
	padding:0 0 30px;
}

.form-bottom {
	position:absolute;
	bottom:0;
	left:0;
}

.form h4 {
	float:left;
	font:normal 20px Arial;
	color:#444;
	padding:15px 0 15px 45px;
}

.form iframe {
	margin:0 0 20px 35px;
}

.student-testimonials {
	width:279px;
	float:left;
	background:url(images/testimonials-bg.jpg) repeat-y left top;
	position:relative;
	padding:18px 23px;
}

.student-testimonials img.testimonials-top {
	position:absolute;
	top:0;
	left:0;
}

.student-testimonials img.testimonials-bottom {
	position:absolute;
	bottom:0;
	left:0;
}

.student-testimonials h3 {
	width:100%;
	float:left;
	font-size:27px;
	color:#4f4848;
	text-align:center;
	padding:10px 0;
}

.student-testimonials ul {
	width:100%;
	float:left;
	padding:0;
	margin:0;
}

.student-testimonials li {
	float:left;
	width:276px;
	padding:0 0 10px;
	margin:0 0 15px;
	list-style:none;
	position:relative;
}

.student-testimonials li p {
	float:left;
	width:240px;
	line-height:16px;
	padding:15px 18px 10px;
	background:url(images/cloud-top.png) no-repeat left top;
}

.student-testimonials li p img {
	position:absolute;
	bottom:0;
	left:0;
}

.student-testimonials li strong {
	color:#861414;
	position:absolute;
	bottom:5px;
	left:60px;
}

#footer {
	clear:both;
	width:100%;
	color:#fff;
	background:#403436;
	padding:25px 0;
}

#footer table {
	margin:0 auto;
}

#footer div.menu ul {
	float:left;
}

#footer div.menu li {
	float:left;
	font-weight:bold;
	background:none;
	font-size:11px;
	border-left:1px solid #fff;
	line-height:12px;
	padding:0 15px;
}

#footer div.menu li a:link, #footer div.menu li a:active, #footer div.menu li a:visited {
	background:none;
	color:#fff;
	text-decoration:none;
}

#footer div.menu li a:hover {
	text-decoration:underline;
}

#primary {
	float:right;
	width:305px;
	margin:20px 10px 0 0;
}

#primary h3 {
	font:bold 20px HelveticaNeueCondensed;
	color:#fff;
	padding:10px;
	background:#674103;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; 
}

#primary li {
	margin:0 0 15px;
}

#primary li ul {
	padding:15px 0;
	background:#f7f1e5;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px; 
}

#primary li ul li {
	clear:both;
	background:url(images/bulit-arrow.jpg) no-repeat 13px 2px;
	padding:0 10px 5px 25px;
	margin:0;
	list-style-type:none;
}

#primary li ul li a:link, #primary li ul li a:active, #primary li ul li a:visited {
	color:#22537b;
}
Or you could edit a basic blog template and put a jQuery carousel div container above the blog posts and it will be the same.
__________________
Join the BEST cam affiliate program on the internet!
I've referred over $1.7mil in spending this past year, you should join in.
I make a lot more money in the medical field in a lab now, fuck you guys. Don't ask me to come back, but do join Chaturbate in my sig, it still makes bank without me touching shit for years..

Last edited by Colmike9; 10-30-2012 at 09:37 PM..
Colmike9 is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote