PHP Classes
elePHPant
Icontem

File: doc/examples/website/resources/style.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Kristo Vaher  >  Wave Framework  >  doc/examples/website/resources/style.css  >  Download  
File: doc/examples/website/resources/style.css
Role: Auxiliary data
Content type: text/plain
Description: Example Stylesheet
Class: Wave Framework
MVC framework for building Web sites and APIs
Author: By
Last change: Better installation instructions and updated version numbers for custom project files.
Date: 2 years ago
Size: 1,893 bytes
 

Contents

Class file image Download
/** 
 * Website Tutorial <http://www.waveframework.com>
 * Tutorial Main Stylesheet
 * 
 * General use stylesheet that is loaded by WWW_controller_view. All styles can be defined 
 * in this file and this file is generally loaded as the first CSS file in the system after 
 * reset CSS. It is possible to pre-load images based on the example in this file.
 * 
 * @package    View Controller
 * @author     Kristo Vaher <kristo@waher.net>
 * @copyright  Copyright (c) 2012, Kristo Vaher
 * @license    Unrestricted
 * @tutorial   /doc/pages/guide_view.htm
 * @since      1.0.0
 * @version    1.0.0
 */

body,html {
	background-color: #e8decc;
	font: 13px Verdana;
	color: #221e18;
}
p { 
	margin:6px 0px; 
}
a {
	font:12px Verdana;
	color:#000000;
}
#header { 
	font: 20px Verdana;
	color: #ffffff;
	border-width: 2px;
	border-radius: 8px 8px 8px 8px; 
	background-color: #c0ac8a;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); 
	margin: 10px;
	padding: 10px;
	width: 500px;
	height:32px;
	margin-left: auto;
	margin-right: auto;
}
#header a {
	display: block;
	float: right; 
	border-width: 2px;
	border-radius: 8px 8px 8px 8px; 
	background-color: #736449;
	margin: 3px;
	padding: 5px;
	font: 14px Verdana;
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); 
	text-decoration: none;
}
#header a.active {
	background-color: #9d8663;
}
#header a:hover {
	background-color: #847256;
}
#body {
	margin: 10px;
	padding: 10px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 8px 8px 8px 8px; 
	background-color: #ffffff;
}
input,select {
	font: 13px Verdana;
	color: #221e18;
	padding: 4px;
	width:150px;
}
#movies td, #movies th {
	padding:4px 8px;
}
#movies td, #movies th, #movies td a {
	font: 15px Verdana;
	color: #000000;
}
#movies th {
	font-weight: bold;
	background-color:#d6d6d6;
}
#movies td a {
	font-weight: bold;
	text-decoration: underline;
}