[[css_bank:webdev1]] PBaseWiki 
  
Trace: » main » css_bank » webdev1 

−Table of Contents

Basic details
Browser Test
CodeBasic details
Author - Pim Rijpsma
License - Creative Commons
Background image - No
Demo
Browser specific tricks - Yes
Mozilla/Firefox specific rounder corners
Internet Explorer specific filters
Browser Test
Firefox
1.5 RC3 on Windows XP SP2
Internet Explorer
6.02 on Windows XP SP2
Code
/* 
:::::::::::::::StyleSheet Information :::::::::::::::
:: PBase.com Style Version 1.5                     ::
:: by Webdev - Pim Rijpsma - NL                    ::
:: https://www.pbase.com/webdev/                    ::
:: License Terms : Attribution-ShareAlike 1.0      ::
:: https://creativecommons.org/licenses/by-sa/1.0/  ::
:::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
a, a:link,a:visited,a:active, #localmenu a, #localmenu a:link,#localmenu a:visited,#localmenu a:active { 
	color: rgb(255, 255, 102); 
	font: 20px Verdana, Tahoma, Helvetica, sans-serif; 
	text-decoration: none; 
}
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active { 
	border: rgb(0, 0, 0) 1px solid; 
	margin-bottom: -45px; 
	padding-top: 5px; 
	width: 172px; 
	display: block; 
	background: rgb(255, 255, 204); 
	height: 197px; 
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topleft: 10px; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#232323",Direction=135,Strength=5); 
}
a.thumbnail:hover { 
	border-bottom: rgb(95, 121, 216) 1px solid; 
	background: rgb(25, 25, 25); 
}
a:hover img.thumbnail { 
	border: rgb(0, 0, 0) 1px solid; 
	background: rgb(45, 45, 55);
}
a:hover, #localmenu a:hover { 
	color: rgb(204, 204, 255); 
	text-decoration: none; 
}
body{ 
	padding-bottom: 10px; 
	margin-bottom: 20px; 
	margin-top: 0px; 
	background: rgb(255, 255, 204);
}
div,th,tr,table,li,ul,form, blockquote,p,b,i,h4,h5,center,title { 
	border: 0px; color: rgb(121, 121, 131); 
	font: 11px Verdana, Tahoma, Helvetica, sans-serif;
}
font { 
	margin-left: 4px; 
	margin-right: 4px; 
	width: 170px; 
	display: block; 
	color: rgb(121, 121, 131); 
	font: 9px Verdana, Tahoma, Helvetica, sans-serif; 
	letter-spacing: 0px;
}
/*
h1, h2 { 
	border-bottom: rgb(95, 121, 216) 1px solid; 
	border-left: rgb(0, 0, 0) 1px solid;
	border-right: rgb(0, 0, 0) 1px solid; 
	border-top: rgb(0, 0, 0) 1px solid; 
	padding: 8px 12px 8px 0px; 
	margin: 20px 0px 0px 0px; 
	margin-left: -37px; 
	width: 100px; 
	display: block; 
	background: rgb(19, 19, 19); 
	color: rgb(91, 91, 101); 
	font: bold 11px verdana; 
	letter-spacing: 4px; 
	text-align: right; 
	height: 42px; 
	position: relative; 
	left: 50%; 
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,enabled='true',startColorstr='#000000',endColorstr='#2D2D2D');
}
*/

h1.new  {font-family: fantasy;
font-size: 2.lem;
text-alighn: center;
color: red;
border-style: outset;
border-color: yellow;
border-width: thick;)




h2:first-letter ,h1:first-letter { 
	color: rgb(204, 204, 255); 
	font: 32px Tahoma;
}
h3 .title { 
	border: rgb(0, 0, 0) 1px solid; 
	paddiang: 2px 0px 8px 0px; 
	width: 746px; 
	margin: -18px auto 0 auto; 
	display: block; 
	background: rgb(52, 52, 52); 
	color: rgb(91, 91, 101); 
	font: bold 35px verdana; 
	letter-spacing: 4px; 
	text-align: center; 
	height: 35px; 
	position: relative; 
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,enabled='true',startColorstr='#242424',endColorstr='#2D2D2D'); 
}
h5 { 
	padding-left: 2px; 
	width: 150px; 
	display: block; 
	color: rgb(204, 204, 255); 
	font-size: 21px; 
	font-weight: normal; 
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,enabled='true',startColorstr='#000000',endColorstr='#2D2D2D'); 
}
i, body table img{ 
	filter: xray Alpha(Opacity=10, Style=0);
}
img{ 
	border: rgb(0, 0, 0) 1px none; 
}
img.thumbnail { 
	border: rgb(0, 0, 0) 1px solid; 
	margin: 0px; padding: 0px; 
	background: rgb(45, 45, 45); 
	vertical-align: middle;
}
table.thumbnail {
	width: 10%;
}
td { 
	border: 1px none; 
	background: none; 
	border-collapse: collapse; 
	empty-cells: show; 
}
td.message_body { 
	padding: 6px 6px 6px 6px; 
	border-bottom: rgb(35, 35, 35) 1px dotted; 
	background: rgb(52, 52, 52);
}
p.message_body { 
	color: rgb(121, 121, 131); 
	background: rgb(52, 52, 52); 
	font: 10px Verdana, Tahoma, Helvetica, sans-serif;
}
td.thumbnail { 
	padding: 2px; height: 207px; 
}
.camera{ 
	color: rgb(95, 121, 216);
}
.caption { 
	color: rgb(95, 121, 216); 
	font-size: 11px Verdana, Tahoma, Helvetica, sans-serif; 
	font-style: italic;
}
.image { 
	border: rgb(0, 0, 0) 1px solid; 
	margin-top: 1em; 
	padding: 0px 0px 0px 0px; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#232323",Direction=135,Strength=5);
}
.exif{ 
	color: rgb(179, 179, 222);
}
.galleryheader{ 
	margin-left: -368px; 
	width: 737px; 
	position: relative; 
	left: 50%;
}
.lid{ 
	background: rgb(55, 55, 55); 
	color: rgb(102, 102, 102); 
	font: 11px Verdana, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}
.sb{ 
	background: rgb(121, 121, 131); 
	color: rgb(204, 204, 255); 
	font: 11px Verdana, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}
.thumbnails{ 
	border: rgb(0, 0, 0) 1px solid; 
	padding: 4px 4px 4px 4px; 
	margin: 4px 0px 0px 0px; 
	margin-left: -370px; 
	width: 744px; 
	background: rgb(52, 52, 52); 
	position: relative; 
	left: 50%; 
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topleft: 10px;
}
.thumbnails table,.thumbnails table img, .display{ 
	display: inline; filter: none;
}
.display{ 
	border: rgb(0, 0, 0) 1px solid; 
	padding: 0px;
}
#image{ 
	border: rgb(0, 0, 0) 1px solid;
	padding: 8px 2px 8px 2px; 
	margin-left: -337px; 
	width: 664px; 
	background: rgb(52, 52, 52);
	position: relative; 
	left: 50%;
}
#image a:hover img {
	border-bottom: rgb(95, 121, 216) 1px solid;
}
#image td a, #image td a:hover {
	background: transparent; }
i{
	display:none;
} 
css_bank/webdev1.txt · Last modified: 2005/11/17 18:10 by srijith 
  
       }

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }