Welcome Guest! To enable all features please Login or Register.
3 Pages<123
Options
View
Go to last post Go to first unread
Offline dj_zia@ymail.com  
#31 Posted : Saturday, November 20, 2010 7:42:10 AM(UTC)
dj_zia@ymail.com


Rank: YAF Forumling

Reputation:

Joined: 11/20/2010(UTC)
Posts: 1

cool .. i wil create my own theme and post it soon..
Offline RichP714  
#32 Posted : Thursday, December 9, 2010 1:22:24 AM(UTC)
RichP714


Rank: YAF All-the-Time

Reputation:

Medals: YAF.NET Supporter: Loves YAF.NET!YAF.NET Red Supporter: Thank you Rich for supporting YAF.NET!YAF.NET Supporter: Supports our efforts. Thank you.

Joined: 1/20/2009(UTC)
Posts: 263

Thanks: 19 times
Was thanked: 20 time(s) in 17 post(s)
great job on the css3 themes!

I'm playing around with my own theme, and noticed it runs much slower (especially vertical scrolling) than yours.

I've included it here; perhaps you can give me a tip to keep it running smoothly?

Fonts are not colored correctly for the (right now uncolored) theme, so don't worry about that; I just want to get it running quicker (if possible)

It's called Glass. If I can get it running, I'll make colored versions.....

Code:
@import "jquery/jquery-ui.css";
.yafnet {
	font-size:100%;
	font-family:Arial;
	color: #000;
/*	background: url('../../images/bk_main.jpg'); */
	background-color:#474747;
}

.yafnet .EditorDiv td
{
    padding: 0px !important;
    border: 0 !important;
}

.yafnet,
.yafnet td
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8.5pt;
}

.yafnet input,
.yafnet select 
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;		    
    font-size: 8pt;
    color: #ccbb99;	
    padding: 4px;
/*    background-color: #fefefe; */
    border: 1px solid #999;	
}

.yafnet input[type="image"]
{
    padding: 0px;
    border: 0px;
}

.yafnet input[type="checkbox"]
{
    border: 0px;
    padding: 0px;
    margin: 5px;
}

.yafnet input:hover,
.yafnet select:hover
{
/*    background-color: #eef; */
    border: 1px solid #333;	
}


/* For BBCode Post Buttons */
.yafnet .ButtonOut {
	border: #7F9DB9 1px solid;
}
.yafnet .ButtonOver {
/*	background-color: #FFE1AC; */
	border: #FFAD55 1px solid;
}
.yafnet .ButtonChecked {
/*	background-color: #FFCB7E; */
	border: #FFAD55 1px solid;
}
.yafnet .ButtonOff {
/*	background-color: #C0C0C0; */
	border: #7F9DB9 1px solid;
}
.yafnet img {
	border: 0;
}
.yafnet ul {
	margin: 2px 2px 2px 2px;
	padding: 0;
}
.yafnet li {
	margin-left: 15px;
}

/* yaf header */
.yafnet #yafheader
{
	font-size: 90%;
}
.yafnet #yafheader .outerMenuContainer
{
    border: 1px solid #202020;
	line-height: 20px;
	padding: 3px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	border-left:3px solid #404040;
	border-right:3px solid #404040;
/*	background-color: #DFE6EF; */
	width: 98%;
	float: none;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 12px rgba(0,0,0,1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.4);
}
.yafnet #yafheader ul li a
{
	text-decoration: none;
    color: #404040;
	font-weight: bold;
	padding: 2px
}
.yafnet #yafheader ul li a:hover
{
	text-decoration: underline;
	color: #909090;
}
.yafnet #yafheader ul.menuAdminList
{
    margin-left: 10px !important;
}
.yafnet #yafheader ul.menuAdminList li a
{
    color: #999999;
}
.yafnet #yafheader ul li
{
	padding: 0 0px 0 5px;
	margin: 0;
	border-left: 1px solid #202020;
}
.yafnet #yafheader ul li:first-child 
{
    border-left: none;
}
.yafnet .menuMyContainer
{
    float: right !important;
    display: inline;
}
.yafnet .menuContainer
{
    float: none !important;
    display: inline;
}
.yafnet .menuMyList
{
    margin-bottom: 10px;
    display: inline;
}
.yafnet .menuMyList li a
{
	font-weight: bold;	
}
.yafnet .menuMyList li
{
    display: inline;
    padding: 0;
}
.yafnet .menuContainer .menuList
{
    float: left;
}
.yafnet .menuAdminList
{
    float: none !important;
    display: inline;
}
.yafnet #yafheader .loggedInUser
{
    float: left !important;
    margin-right: 10px;
    display: inline;
}
.yafnet #yafheader .currentUser
{
    font-weight: bold;
}
.yafnet #yafheader .guestUser  
{    
    background: url("error.png") #fdd no-repeat 8px 50%;
    color: #281b1b;
    font-size: 1em;
    font-weight: bold;
    line-height: 150%;
    margin-left: 0 auto;
    margin-right: 0 auto;
    margin-bottom: 10px;
    border: 1px solid #deb7b7;
    padding: 5px 10px 5px 30px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* hyperlinks */
.yafnet a		{ text-decoration: underline; color: #a6a6de; }
.yafnet a:hover		{ text-decoration: none; color: #efefb4; }
/* custom forum images special styles */
.yafnet .forum_customimage_locked
{
    border: solid 2px #c93a4a;    
}
.yafnet .forum_customimage_newposts
{
    border: solid 2px #fe0300;
}

.yafnet tr.topicRow .topicLastPost img.avatarimage,
.yafnet tr.topicRow_Alt .topicLastPost img.avatarimage,
#yafpage_members .avatarimage
{
	width: 40px;
	height: 40px;
	float: left;
	padding: 3px;
}
#yafpage_members .avatarimage {
	float: left;
	
	width: 40px;
	height: 40px;
	border: solid 1px #000;
	margin-right:5px;
	
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}
/*FORUM VIEW TOPIC TITLE NEAR AVATAR IMAGE */
.yafnet tr.topicRow a.post_link,
.yafnet tr.topicRow_Alt a.post_link
{
	font-size: 18pt;
	font-weight: bold;
}

.yafnet tr.topicRow .topicMain img.avatarimage,
.yafnet tr.topicRow_Alt .topicMain img.avatarimage
{
	width: 40px;
	height: 40px;
	float: left;
	padding: 3px;	
	padding-right: 8px;
}
/* Header 1 - Main header */
.yafnet .header1 {
	background-image: url('bg_header1.png');
	color: #222222;
/*	text-shadow: 0 10px 1px rgba(255,0,0,.3); */
/*	text-shadow: 0 2px 1px rgba(85,85,85,1); */
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;
	font-weight: bold;
	line-height: 22px;
	font-size:18px;
	text-align: left;
}
/* Links in header1 */
.yafnet tr.header1 a		{color:#ccbb99;text-decoration:none}
.yafnet tr.header1 a:hover	{color:#a6a6de;text-decoration:underline}
/* Header 2 - Sub header */
.yafnet .header2 {
	background-image: url('bg_header2.png');
	color: #3A4F6C;
	font-weight: bold;
	line-height: 18px;
	text-shadow: 0 10px 1px rgba(255,0,0,.3);
}
.yafnet a.header2 {
	height: auto;
/*	background-color: Transparent; */
	border-style: none;
	background-image: url('bg_header2.png');
	color: #3A4F6C;
	font-weight: bold;
}
.yafnet td.header2links a				{color: #3A4F6C;text-decoration:none;font-size:7.5pt;}
.yafnet td.header2links	a:hover	{color: #3A4F6C;text-decoration:underline;font-size:7.5pt;}
/* Footer1 - Bottom of tables */
.yafnet .footer1 {
	background-image: url('bg_footer1.png');
	font-size: 7pt;
	height: 28px;
}
.yafnet .footer1 select,
.yafnet .footer1 td {
	font-size: 7pt;
}
.yafnet .postformheader {
/*	background-color: #D1DCEB; */
	font-weight:bold;
}
/* file attachment css */
.yafnet .fileattach {
	padding: 4px;
/*	background-color: #eeeeee; */
	border: solid 1px #808080;
	-moz-border-radius: 0.4em; 
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
    line-height: normal;
    position: relative;
	background: #eee;
	width:50%;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin: 10px;
}
.yafnet .fileattach .filetitle,
.yafnet .fileattach .imgtitle {
	font-weight: bold;
	color: #444444;
	margin-bottom: 5px;
	font-size: 1.1em;
}
.yafnet .fileattach .attachedimg,
.yafnet .fileattach .attachedfile {
	margin-left: 10px;
}
.yafnet .fileattach a {
	font-weight: bold;
}
/* Header of posts */
.yafnet .postheader {
/*	background-color: #E4EAF2; */
	color:#404040;
	background-image: url('bg_header2.png');
	color:#202020;
	line-height:25px;
	text-shadow: 0 10px 1px rgba(255,0,0,.3);
}
/* User info and post/article */
.yafnet .post {
/*	background-color: #DFE6EF; */
	color:#303030;
}
.yafnet .post_alt {
/*	background-color: #dfe9f7; */
	color:#303030;	
}
/* Unresolved post in Moderation Reports */
.yafnet .post_res
{
/*    background-color: #f4e941; */
    color:#303030;
}
.yafnet .post_priority {
	font-weight:bold;
}
/* Footer of posts */
.yafnet .postfooter {
	background-image: url('bg_footer1.png');
/*    background-color: #D1DCEB; */
	line-height:25px;
}
.yafnet .postfooter .editedinfo {
	color:#450000;
	font-weight:bold;
	text-shadow: 0 10px 1px rgba(255,0,0,.3);
}
/* Area between posts */
.yafnet .postsep {
/*	background-color: #8394B2; */
	height: 10px 
}
.yafnet .forumLinkCol .forumheading
{
	font-size: 9pt;
	font-weight: bold;
}
/* most tables are class 'content' */
.yafnet table.content {
	font-family: verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	border: solid 1px #8394B2;
	color: #000000;
	padding: 0px;
	margin-bottom:15px;
	float: none;
	margin-left:auto;
	margin-right:auto;
/*	background-color: #FFFFFF; */
	background-color: rgba(71,71,71,0.1);
/*	border-collapse: collapse;  */
	-moz-border-radius: 0.4em; 
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 12px rgba(0,0,0,1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.4);
}
.yafnet table.content tr:first-child td:first-child {
-moz-border-radius-topleft:0.3em;
-webkit-border-top-left-radius:0.3em;
border-top-left-radius:0.3em;
}

.yafnet table.content tr:first-child td:last-child {
-moz-border-radius-topright:0.3em;
-webkit-border-top-right-radius:0.3em;
border-top-right-radius:0.3em;
}

.yafnet table.content tr:last-child td:last-child {
-moz-border-radius-bottomright:0.3em;
-webkit-border-bottom-right-radius:0.3em;
border-bottom-right-radius:0.3em;}

.yafnet table.content tr:last-child td:first-child {
-moz-border-radius-bottomleft:0.3em;
-webkit-border-bottom-left-radius:0.3em;
border-bottom-left-radius:0.3em;}

.yafnet .content td,
.yafnet .content th {
	padding: 5px;
}
.yafnet #RichEdit td {
	padding: 0px;
}
/* links inside content table*/
.yafnet .content a		{ color: #404040; text-decoration: none; }
.yafnet .content a:hover	{ color: #909090; text-decoration: underline;  }
/* used for quoting messages */
.yafnet .quote {
	margin-left: 16px;
	padding-left: 16px;

	border: solid 1px #8394B2;
	-moz-border-radius: 0.4em; 
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	border-left: 4px solid green;
/*	background-color: #cccccc; */
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.yafnet .innerquote {
	padding: 4px;
/*	background-color: #cccccc; */
	border: solid 1px #8394B2;
}
/* used for code */
.yafnet .code {
	margin-left: 16px;
	padding-left: 16px;	
}
.yafnet span.highlight {
/*	background-color: Yellow; */
	color: Black;
}
.yafnet .innercode {
	padding: 4px;
/*	background-color: #ccbb99; */
	border: solid 1px #95B4F3;
	color:#000000;
	font-family:Courier New,Courier;
}
/* font sizes */
.yafnet .smallfont	{ font-size: 7.5pt; }
.yafnet .largefont	{ font-size: 14pt; }
/* Image Links */
.yafnet a.imagelink {
	font-size: 8pt;
	font-weight: bold;
	color: #000080;
}
.yafnet a:hover.imagelink {
	text-decoration: underline;
	color: #0000FF;
	/*background-color: #D0D0D0;*/
}
/* Used for editor textarea */
.yafnet .posteditor {
	width: 100%;
	height: 200px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
}
/* Table just above and below tables */
.yafnet table.command {
	/*border: solid 1px blue;*/
	padding: 3px;
}
.yafnet .yafForumWelcome
{
	padding: 5px;
}
/* p-tag at the top of pages with navigation links */
.yafnet .yafPageLink {
	border: solid 1px #666;
    -moz-border-radius: 0.4em; 
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	font-weight: bold;
	color: #202020;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
	text-align: left;
	font-style:italic;
	background: url('Header2Back.png') repeat-x #505050;
	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#505050));
	background: -moz-linear-gradient(top,  #202020,  #505050);
	float: none;
	margin-left:auto;
	margin-right:auto;
}
.yafnet .yafPageLink a { color: #a6a6de; text-decoration: none }
.yafnet .yafPageLink .currentPageLink { color: #202020; }
.yafnet .yafPageLink .linkSeperator { color: #101010; }
.yafnet .yafPageLink a:hover { color: #efefb4; text-decoration: underline }
/* for printing */
.yafnet .print {
	border: solid 1px #C0C0C0;
}
.yafnet .printheader {
	background-color: #DDDDDD;
	color: #000000;
	padding: 4px;
}
.yafnet .printbody {
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;
}
.yafnet .yafactiveusers a.active_hidden {
	font-style: italic;
	color: #aaaaaa;
}
/*
Use this to setup overflow feature for your site.
On IE that would mean specifying a width so that the overflow will work properly.
This CSS already works on FireFox.
*/
/*Controls the look of Userbox Sections*/
.yafnet .UserBox {
	font-size:7.5pt;	
	color:#101010;
/*	background-color: #a7acc7; */
}
.yafnet div.section
{
	padding: 2px;
/*	background-color:#a7acc7; */
	border: solid 1px #101010;
	color: #202020;
	font-size: 7.5pt;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	margin-bottom:10px;
}
.yafnet div.postdiv {
	width: 100%;
	min-height: 100px;
	overflow: auto;	
	font-size: 12pt;
}
.yafnet div.yafsignature
{
	border-top: solid 1px #666666;
	margin-top: 15px;
	padding-top: 5px;
	font-size: 10px; 
}
.yafnet .DivTopSeparator
{
	clear: both;
}
/* div at the top of pages with navigation links */
/* CSS Pagelinks */
.yafnet .yafpager {
	color: #555555;
	margin: 6px 0px 6px 0px;
}
.yafnet .pagelink,
.yafnet .pagelinkfirst,
.yafnet .pagelinklast,
.yafnet .pagecurrent,
.yafnet .pagecount{
	background: #a5a5a5;
	border: 1px solid #444444;
	padding: 1px 3px 1px 3px;
	margin-right: 2px;
	-moz-border-radius: 0.4em; 
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
}
.yafnet .pagecount {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:8.5pt;
	margin-right: 5px;
}
.yafnet .pagelinkfirst,
.yafnet .pagelinklast{
	background: #b5b5b5;
}
.yafnet .pagecurrent{
	background: #c5c5c5;
}
.yafnet .pagelink a,
.yafnet .pagelinkfirst a,
.yafnet .pagelinklast a {
	text-decoration: none;
	color: #000090;
}
/* CCS Buttons */
.yafnet a.yaflittlebutton,
.yafnet a.yafcssimagebutton {
	border: none;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .1em 0.5em .1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	color: #d9eef7;
	border: solid 1px #0076a3;
	background: url('HeaderBack.png') #42a5ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#0c75d5), to(#42a5ff));
	background: -moz-linear-gradient(top,  #0c75d5,  #42a5ff);
	
}
.yafnet a.yaflittlebutton:hover,
.yafnet a.yafcssimagebutton:hover {
	background: url('ButtonHover.png') #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	text-decoration: none;
	color: #ffffff;
}
.yafnet a.yaflittlebutton:active,
.yafnet a.yafcssimagebutton:active {
    color: #ffffff;
	background: url('ButtonActive.png') #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	text-decoration: none;
}

.yafnet a.yafcssimagebutton img {padding-right:5px;}


.yafnet a.yafcssbigbutton{
    border: none;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .1em .02em .1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: url('HeaderBack.png') #42a5ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#0c75d5), to(#42a5ff));
	background: -moz-linear-gradient(top,  #0c75d5,  #42a5ff);
	
}
.yafnet a.yafcssbigbutton span{
    display: block;
    line-height: 10px;
    padding: 4px 10px 4px 12px;
}
.yafnet a.yafcssbigbutton img{
	vertical-align: top;
	padding: 0px 4px 0px 0px;
}

.yafnet a.yafcssbigbutton:hover {
	color: #ffffff;
	text-decoration: none;
	background: url('ButtonHover.png') #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	
}
.yafnet a.yafcssbigbutton:active{
    color: #ffffff;
	background: url('ButtonActive.png') #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	
}
.yafnet a.yafcssbigbutton:active img{
    padding: 0px 4px 0px 0px;
}
.yafnet a.yafcssbigbutton:active span{
    background-position: bottom left;
    padding: 5px 10px 3px 12px; /* push text down 1px */
}
/* css image button */
.yafnet a.yafcssimagebutton span{
    background: transparent url('ButtonBack.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 4px 2px 8px;
}
.yafnet a.yafcssimagebutton img{
	vertical-align: top;
	padding: 0px 4px 0px 0px;
}
.yafnet a.yafcssimagebutton:active img{
    padding: 0px 4px 0px 0px;
}
.yafnet a.yafcssimagebutton:active span{
    background-position: bottom left;
    padding: 4px 4px 1px 8px; /* push text down 1px */
}
/* poll vote link */
.yafnet a.pollvote:link {text-decoration: underline; color: #339;
}
/* CSS Popupmenu */
.yafnet .yafpopupmenu {
	background-color: #ccbb99;
	border: solid 1px #333333;
	
}
.yafnet .yafpopupmenu ul {	
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.yafnet .yafpopupmenu li {
	padding: 5px 10px 5px 10px;
	margin: 0;
}
.yafnet .yafpopupmenu li.popupitemhover {
	background-color: #cccccc;
}
/* ajax tabs */
.yafnet .ajax__tab_yaf .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.yafnet .ajax__tab_yaf .ajax__tab_header .ajax__tab_outer 
{
    background:url(tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.yafnet .ajax__tab_yaf .ajax__tab_header .ajax__tab_inner 
{
    background:url(tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.yafnet .ajax__tab_yaf .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.yafnet .ajax__tab_yaf .ajax__tab_active .ajax__tab_outer 
{
    background:url(tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.yafnet .ajax__tab_yaf .ajax__tab_active .ajax__tab_inner 
{
    background:url(tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.yafnet .ajax__tab_yaf .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/* scrolling */
.yafnet .ajax__scroll_horiz {overflow-x:scroll;}
.yafnet .ajax__scroll_vert {overflow-y:scroll;}
.yafnet .ajax__scroll_both {overflow:scroll}
.yafnet .ajax__scroll_auto {overflow:auto}

/*Modal Popup*/
.modalBackground
{
	background-color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.modalPopup
{
	background-color: #ccbb99;
	border: solid 1px #aaaaaa;
	width: 400px;
	padding: 1px;
}

.modalPopup .modalBase
{

}

.modalPopup .modalHeader
{
	background-image: url('bg_header1.png');
	background-color: #7D8CFF;
	color: #ccbb99;
	font-weight: bold;
	line-height: 22px;
	font-size:12px;
	padding: 5px;
}

.modalPopup .modalInner
{
	padding: 10px;
	text-align:center;
}

.modalPopup .modalInnerMain
{
	font-size: 9pt;
	font-weight: bold;
	color: #992222;
	text-align: center;
}

.modalPopup .modalInnerSub
{
	font-size: 8pt;
	color: #333333;
	text-align: center;
}

.modalPopup .modalFooter
{
	background-image: url('bg_footer1.png');
	padding: 5px;
	line-height: 28px;	
}

.modalPopup .modalFooter input
{
	display:block;
	vertical-align: middle;
	margin:0 auto;
}
/* Goto Page Form */
.gotoPageForm
{	
	background-color: #ccbb99;
	border: solid 1px #555555;
	width: 90px;
	margin: 1px;			
}
.gotoPageForm .gotoBase
{
	border: solid 1px #ccbb99;
}
.gotoPageForm .gotoHeader
{
	background-image: url('bg_header1.png');
	color: #ccbb99;
	font-weight: bold;	
	padding: 2px;	
}
.gotoPageForm .gotoInner
{
	padding: 2px;
}
.gotoPageForm .gotoInner input
{
	margin: 2px;
}
/* Album */
.yafnet .albumtitle:hover
{
	background-color: yellow;
}
.yafnet .content .albumtable td.albumimagebox
{
		padding-bottom:0;
}
.yafnet .content .albumtable td.albumtitlebox
{
		padding-top:0;
}
/* Irkoo Service styles */
.irk-rating { font-family: Arial, Sans-Serif; color: #080; }
.irk-negative { color: #c00; }
.irk-count { font-size: 12px; font-weight: bold; padding: 0 4px; vertical-align: middle; }
.irk-down, .irk-up { cursor: pointer; width: 16px; height: 16px; vertical-align: middle; }
.irk-down { background: url(http://z.irkoo.com/down.png); }
.irk-down:hover { background: url(http://z.irkoo.com/down-hover.png); }
.irk-down-voted .irk-down { background: url(http://z.irkoo.com/down-voted.png); }
.irk-up { background: url(http://z.irkoo.com/up.png); }
.irk-up:hover { background: url(http://z.irkoo.com/up-hover.png); }
.irk-up-voted .irk-up { background: url(http://z.irkoo.com/up-voted.png); }
/* irk-vote should have relative positioning needed for popup to be positioned correctly */
.irk-vote { position: relative; }
.irk-count, .irk-rating { font-family: Arial, Sans-Serif; color: #680; }
.irk-negative, .irk-negative .irk-count { color: #c4e; }
/* End of Irkoo Service styles */
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(0,118,163,0.25);
	background-color: rgb(66,165,255);
	background-color: rgba(66,165,255,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(66,165,255);
	border-top-color: rgba(66,165,255,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(66,165,255);
	border-bottom-color: rgba(66,165,255,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(66,165,255);
	border-right-color: rgba(66,165,255,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(66,165,255);
	border-left-color: rgba(66,165,255,0.92);
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

Edited by user Thursday, December 9, 2010 1:23:29 AM(UTC)  | Reason: Not specified

Enjoy!

Running YAF 1.9.5.5 final at: http://thecarversite.com
Offline tha_watcha  
#33 Posted : Tuesday, December 14, 2010 5:51:46 AM(UTC)
tha_watcha


Rank: YAF.NET Project Lead

Reputation:

Medals: Medal of Honor: Portal Puzzle Master: Portal Puzzle Master for DNNMedal of Honor Key: Given to pillars of the community who are key players in the YAF community and project.DNN Master: DNN Module ManBug Killer Medal of Honor: Medal for being a kick-ass bug killer!Medal of Honor for the Support King: Support King! Amazing asset to the YAF.NET Community.

Joined: 3/6/2010(UTC)
Posts: 3,721
Germany

Thanks: 70 times
Was thanked: 1147 time(s) in 977 post(s)
Originally Posted by: RichP714 Go to Quoted Post
great job on the css3 themes!

I'm playing around with my own theme, and noticed it runs much slower (especially vertical scrolling) than yours.

I've included it here; perhaps you can give me a tip to keep it running smoothly?

Fonts are not colored correctly for the (right now uncolored) theme, so don't worry about that; I just want to get it running quicker (if possible)

It's called Glass. If I can get it running, I'll make colored versions.....


Not sure what the problem is. I run the css validator, and it shows many errors, also on my skins. I think the only solution to find the problem would be stripping out most of the css, until you find the problem ones.
Offline RichP714  
#34 Posted : Tuesday, December 14, 2010 9:51:38 AM(UTC)
RichP714


Rank: YAF All-the-Time

Reputation:

Medals: YAF.NET Supporter: Loves YAF.NET!YAF.NET Red Supporter: Thank you Rich for supporting YAF.NET!YAF.NET Supporter: Supports our efforts. Thank you.

Joined: 1/20/2009(UTC)
Posts: 263

Thanks: 19 times
Was thanked: 20 time(s) in 17 post(s)
Thanks: I did just that, and discovered that the inset shadows where what was bogging it down. Since insets are what make the elements look like glass, I decided to ditch the project (it was a cool look though).

Thahnks for taking a look.
Enjoy!

Running YAF 1.9.5.5 final at: http://thecarversite.com
Offline andyadams  
#35 Posted : Wednesday, February 4, 2015 1:37:26 AM(UTC)
andyadams


Rank: YAF Forumling

Reputation:

Joined: 2/4/2015(UTC)
Posts: 1
United States
Location: dallas

Good job,thanks for your sharng.I am a designer of ITF-14 in .net environment.
I have two themes/style sheets:
* /App_Themes/Default/Some.css
* /App_Themes/Custom/Some.css
At runtime, I want to have asp.net use <link ... src="http://forums.asp.net/MyApp/App_Themes/Default/Some.css"> instead of the default behavior of using relative URLs. Is there a way to config ASP.net for this or hijack the process and handle manually?
Where this is important, is when I use a static URL filter that breaks what ASP.net thinks is the current virtual directory.
Rss Feed  Atom Feed
Users browsing this topic
3 Pages<123
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Notification

Icon
Error