File:  [mozdev] / csvviewer / www / style.css
Revision 1.1: download - view: text, annotated - select for diffs - revision graph
Mon Aug 27 05:10:34 2012 UTC (6 years, 5 months ago) by ondrejd
Branches: MAIN
CVS tags: HEAD
Project www pages updated.


html, body {
	font-family: sans-serif;
	font-size: 12pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	width: 80%;
	margin: 20px 10% 0px 10%;
}

a {
	color: #06F;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
    border: 2px solid #06F;
}

.todo {
	background-color: orange;
	color: #fff;
	font-size: 105%;
	padding: 1px 1px 1px 1px;
}

code {
	font-size: 11pt;
	background-color: #fefefe;
	padding: 1px 3px 1px 3px;
}

/*
 * Header
 */
body > header {}
body > header hgroup {
	padding-left: 42px;
	background-repeat: no-repeat;
	background-position: left center;
}
body > header hgroup.csvviewerIcon { background-image: url('images/csvviewer-icon32.png'); }
body > header hgroup.qwinIcon { background-image: url('images/qwin-icon32.png'); }
body > header hgroup.tbnotesIcon { background-image: url('images/tbnotes-icon32.png'); }
body > header hgroup.tbtimerIcon { background-image: url('images/tbtimer-icon32.png'); }
body > header hgroup.markdowneditorIcon { background-image: url('images/markdowneditor-icon32.png'); }
body > header hgroup.scratchpadsnippetsIcon { background-image: url('images/scratchpadsnippets-icon32.png'); }
body > header hgroup.tagssidebarIcon { background-image: url('images/tagssidebar-icon32.png'); }
body > header hgroup.xabyl2Icon { background-image: url('images/xabyl2-icon32.png'); }
body > header hgroup.xpcomviewerIcon { background-image: url('images/xpcomviewer-icon32.png'); }
body > header hgroup.xuleditIcon { background-image: url('images/xuledit-icon32.png'); }
body > header hgroup.xulsqliteconsoleIcon { background-image: url('images/xulsqliteconsole-icon32.png'); }
body > header hgroup h1,
body > header hgroup h2 {
	color: #6A747E;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
body > header hgroup h1 {
	font-size: 22pt;
	font-weight: bolder;
	color: #333;
}
body > header hgroup h2 {
	font-size: 16pt;
}
body > header nav {}
body > header nav ul {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	float: right;
	position: relative;
	top: -36px;
}
body > header nav ul li {
	float: left;
	margin: 0px 0px 0px 10px;
}
body > header nav ul li { border-bottom: 4px solid #8DBF35; }
body > header nav ul li:first-child { border-bottom: 4px solid #E7C525; }
body > header nav ul li:last-child { border-bottom: 4px solid #F7866A; }

body > header nav ul li a {
	display: inline-block;
	padding: 4px 30px 4px 30px;
	background-color: #F0F1F4;
	font-weight: bold !important;
	color: #6A747E !important;
	text-decoration: none;
}
body > header nav ul li a:hover {
	background-color: #fefefe;
	text-decoration: none;
	color: #000 !important;
}
body > header nav ul li a:visited {}
body > header nav ul li a.current {
	background-color: #fefefe;
	color: #000 !important;
}
body > header nav ul li a.current:hover {
	background-color: #F0F1F4;
}
body > header nav ul li a.current:visited {}


/*
 * Main content
 */
body > section {
	width: 69%;
	float: left;
}
body > section h3 {
	font-size: 16pt;
}
/* Common */
body > section article ul {
	list-style: square;
	color: #333;
	padding-left: 22px;
}
body > section article ul li {}
/* Main features */
body > section article.mainFeatures p {
	font-size: 105%;
}
body > section article.mainFeatures ul {
	list-style: square;
	color: #333;
	padding-left: 22px;
}
body > section article.mainFeatures ul li {
	padding: 0px 0px 7px 0px;
}
/* Screenshots */
body > section > aside.screenshots {
	float: right;
	margin: 0px 5px 0px 5px;
}
body > section > aside.screenshots ul { 
	list-style: none; 
	border: 1px solid #ccc; 
	background-color: #fefefe;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
body > section > aside.screenshots ul li { 
	display: none; 
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}
body > section > aside.screenshots ul li.first { display: block; }
body > section > aside.screenshots ul li a {}
body > section > aside.screenshots ul li a img {}

/*
 * Sidebar
 */
body > aside { 
	float: left;
	font-size: 11pt;
	width: 30.9%;
}
body > aside section header {
	margin: 5px 0px 0px 0px;
}
body > aside section:first-child header {
	margin-top: 0px;
}
body > aside section header hgroup {
	background-color: #F0F1F4;
	padding: 10px 0px 10px 15px;
}
body > aside section header hgroup h3 {
	margin: 0px 0px 0px 0px;
	color: #333;
	font-size: 12pt;
}
body > aside section p {
	padding-left: 2px;
}
body > aside section ul { 
	list-style: square;
	color: #333;
	padding-left: 20px;
}
body > aside .projectList /*ul*/ {
	list-style: none; 
	padding: 0px 0px 0px 5px;
}
body > aside .projectList li {
}
body > aside .projectList li a { 
	display: block; 
	color: #06F;
	padding: 6px 0px 6px 20px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
body > aside .projectList li a:hover {
	background-color: #F0F1F4;
}

/*
 * Footer
 */
body > footer {
	background-color: #F0F1F4;
	border-top: 4px solid #ddd;
	clear: both;
	font-size: 10pt;
	padding-bottom: 5px;
}
body > footer p { 
	color: #333; 
}
body > footer p a { 
	color: #06F;
	text-decoration: none;
}

/* 
 * Project icons 
 */
.icon {
 	background-repeat: no-repeat;
 	background-position: left center;
}
.csvviewerIcon { background-image: url('images/csvviewer-icon16.png'); }
.qwinIcon { background-image: url('images/qwin-icon16.png'); }
.tbnotesIcon { background-image: url('images/tbnotes-icon16.png'); }
.tbtimerIcon { background-image: url('images/tbtimer-icon16.png'); }
.markdowneditorIcon { background-image: url('images/markdowneditor-icon16.png'); }
.scratchpadsnippetsIcon { background-image: url('images/scratchpadsnippets-icon16.png'); }
.tagssidebarIcon { background-image: url('images/tagssidebar-icon16.png'); }
.xabyl2Icon { background-image: url('images/xabyl2-icon16.png'); }
.xpcomviewerIcon { background-image: url('images/xpcomviewer-icon16.png'); }
.xuleditIcon { background-image: url('images/xuledit-icon16.png'); }
.xulsqliteconsoleIcon { background-image: url('images/xulsqliteconsole-icon16.png'); }


/* PayPal Donation Form */
.paypalForm {
	border: 1px dotted yellow;
	width: 260px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	padding: 10px 0px 10px 0px;
}
.paypalForm form {}

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>