pfSense Template: Primary CSS file. The gui.css file was merged with this file.

1 files changed, 502 insertions, 0 deletions

diff --git a/usr/local/www/themes/pfsense/all.css b/usr/local/www/themes/pfsense/all.css
new file mode 100644
index 0000000..ea5fcf0
--- /dev/null
+++ b/usr/local/www/themes/pfsense/all.css
@@ -0,0 +1,502 @@
+/* Element CSS Definitions */
+html, body, td, th, input, select {
+	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
+	font-size: 0.9em;
+}
+form {
+	margin: 0px;
+}
+a {
+	text-decoration: none;
+}
+form input {
+	font-size: 1.1em;
+}
+
+
+
+/* ID Based CSS Definitions */
+#header {
+	height: 70px;
+	width: 765px;
+}
+#header-left {
+	position: relative;
+	background: url('logo.gif') no-repeat;
+	background-position: center;
+	height: 65px;
+	width: 145px;
+	left: 10px;
+	float: left;
+	background-color: #fff;
+}
+#header-right {
+	position: relative;
+	background: url('header.gif') no-repeat;
+	height: 70px;
+	color: #fff;
+	left: 0px;
+	margin-left: 165px;
+}
+#header-right .alert {
+	position: relative;
+	background: url('alert.gif') no-repeat;
+	background-position: 4px 2px;
+	color: #fff;
+	height: 17px;
+	width: 500px;
+	padding: 4px;
+	padding-left: 27px;
+	float: left;
+}
+#header-right .normal {
+	position: relative;
+}
+#header-right .normal .left {
+	position: relative; 
+	float: left;
+	font-size: 1.3em;
+	font-weight: bold;
+	top: 15px;
+	left: 4px;
+}
+#header-right .normal .right {
+	position: relative;
+	float: right;
+	top: 22px;
+	padding-right: 4px;
+}
+
+#content {
+	width: 800px;
+}
+
+#footer {
+	position: relative;
+	top: 10px;
+	padding: 0px;
+	margin: 6px;
+	width: 765px;
+	background-color: #990000;
+	text-align: center;
+	color: #ffffff;
+	font-size: 0.75em;
+	clear: both;
+	margin-bottom: 20px;
+}
+#footer p {
+	padding: 0px;
+	margin: 0px;
+}
+
+#left {
+	width: 150px;
+	float: left;
+}
+#right {
+	margin-left: 171px;
+	margin-top: 5px;
+	width: 650px;
+}
+
+
+
+#navigation {
+	position: relative;
+	background-color: #000000;
+	top: 5px;
+	left: 5px;
+	width: 157px;
+	padding-top: 6px;
+	margin-left: 1px;
+	color: #fff;
+	padding-bottom: 6px;
+	padding-right: 0px;
+}
+
+#navigation ul {
+	margin: 0px;
+	padding: 0px;
+	width: 100%;
+}
+
+#navigation ul li { 
+	display: block;
+	padding-left: 10px;
+}
+
+#navigation ul li div {
+	margin-top: 2px;
+}
+
+#navigation ul li div {
+	font-weight: bold;
+}
+
+#navigation ul li div .small,
+#navigation ul li div .small:hover {
+	font-weight: normal;
+	font-size: 0.79em;
+}
+
+#navigation ul li a {
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	padding-top: 0.2em;
+	padding-bottom: 0.2em;
+	height: 1.2em;
+	line-height: 1.2em;
+	color: #fff;
+	text-decoration: none;
+	width: 61px;
+	font-size: 0.9em;
+	text-align: center;
+}
+
+#navigation ul li a:hover {
+	color: #fff;
+	text-decoration: underline;
+	font-size: 0.9em;
+}
+
+
+
+/* Class Based CSS Definitions */
+.pgtitle {
+	font-size: 18px;
+	color: #777777;
+	font-weight: bold;
+}
+.tfrtitle {
+	font-size: 18px;
+	color: #ffffff;
+	font-weight: bold;
+}
+.vncell {
+	background-color: #DDDDDD;
+	padding-right: 20px;
+	padding-left: 8px;
+	border-bottom: 1px solid #999999;
+}
+.formfld {
+
+}
+.formfldalias {
+	background-color: #990000;
+	color: #FFFFFF;
+}
+.formpre {
+	font-family: Courier New, Courier, monospaced;
+	font-size: 10px;
+}
+.formbtn {
+	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
+	font-size: 13px;
+	font-weight: bold;
+}
+.formbtns {
+	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	font-weight: bold;
+}
+.vvcell {
+	background-color: #FFFFC6;
+}
+.errmsg {
+	font-weight: bold;
+	color: #CC0000;
+}
+.red {
+	color: #CC0000;
+}
+.gray {
+	color: #A0A0A0;
+}
+.vexpl {
+	font-size: 11px;
+}
+.navlnk {
+	color: #FFFFFF;
+	text-decoration: none;
+	font-size: 13px;
+}
+.navlnks {
+	color: #FFFFFF;
+	text-decoration: none;
+	font-size: 11px;
+}
+.tblnk {
+	color: #FFFFFF;
+	text-decoration: none;
+}
+.vncellreq {
+	background-color: #DDDDDD;
+	padding-right: 20px;
+	padding-left: 8px;
+	font-weight: bold;
+	border-bottom: 1px solid #999999;
+}
+.vncellt {
+	background-color: #DDDDDD;
+	padding-right: 20px;
+	padding-left: 8px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+	font-weight: bold;
+	border-bottom: 1px solid #999999;
+}
+.vtable {
+	border-bottom: 1px solid #999999;
+}
+.vnsepcell {
+	background-color: #BBBBBB;
+	padding-right: 20px;
+	padding-left: 8px;
+	font-weight: bold;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+}
+.cpline {
+	font-size: 11px;
+	color: #FFFFFF;
+}
+.hostname {
+	font-size: 11px;
+	color: #FFFFFF;
+}
+.vnsepcellr {
+	background-color: #BBBBBB;
+	padding-right: 20px;
+	padding-left: 8px;
+	font-weight: bold;
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+}
+.listr {
+	background-color: #FFFFFF;
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+	padding-right: 6px;
+	padding-left: 6px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+.listrpad {
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+	padding-right: 16px;
+	padding-left: 10px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+.listn {
+	font-size: 11px;
+	padding-right: 16px;
+	padding-left: 6px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+.listbg {
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+	background-color: #990000;
+	padding-right: 16px;
+	padding-left: 6px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+.listbggrey {
+	border-right: 1px solid #999999;
+        border-bottom: 1px solid #999999;
+        font-size: 11px;
+        background-color: #999999;
+        padding-right: 16px;
+        padding-left: 6px;
+        padding-top: 4px;
+        padding-bottom: 4px;
+}
+.listhdr {
+	background-color: #BBBBBB;
+	padding-right: 16px;
+	padding-left: 6px;
+	font-weight: bold;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+.listhdr a {
+	color: #000000;
+}
+.listhdrr {
+	background-color: #BBBBBB;
+	padding-right: 16px;
+	padding-left: 6px;
+	font-weight: bold;
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+.listhdrr a {
+	color: #000000;
+}
+.listlr {
+	background-color: #FFFFFF;
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	border-left: 1px solid #999999;
+	font-size: 11px;
+	padding-right: 6px;
+	padding-left: 6px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+.listlrns {
+	background-color: #FFFFFF;
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	border-left: 1px solid #999999;
+	font-size: 11px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+.list {
+	font-size: 11px;
+	padding-left: 6px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.listt {
+	font-size: 11px;
+	padding-top: 5px;
+}
+.listhdrrns {
+	background-color: #BBBBBB;
+	padding-left: 6px;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	padding-right: 6px;
+	font-weight: bold;
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+}
+.listbgns {
+	border-right: 1px solid #999999;
+	border-bottom: 1px solid #999999;
+	font-size: 11px;
+	background-color: #D9DEE8;
+	padding-left: 6px;
+	padding-right: 4px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+.listtopic {
+	border-right: 1px solid #999999;
+	font-size: 11px;
+	background-color: #990000;
+	padding-right: 16px;
+	padding-left: 6px;
+	color: #FFFFFF;
+	font-weight: bold;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+.optsect_t {
+	border-right: 1px solid #999999;
+	background-color: #990000;
+	padding-right: 6px;
+	padding-left: 6px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.optsect_s {
+	font-size: 11px;
+	color: #FFFFFF;
+	font-weight: bold;
+}
+.tabnavtbl {
+}
+
+
+/* MISC CSS Definitions */
+ul#tabnav {
+	font-size: 11px;
+	font-weight: bold;
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+ul#tabnav li.tabinact1 {
+	float: left;
+	background-color: #777777;
+	color: #FFFFFF;
+	padding: 0;
+	white-space: nowrap;
+}
+ul#tabnav li.tabinact {
+	float: left;
+	border-left: 1px solid #999999;
+	background-color: #777777;
+	color: #FFFFFF;
+	padding: 0;
+	white-space: nowrap;
+}
+ul#tabnav li.tabinact a {
+	float: left;
+	display: block;
+	text-decoration: none;
+	padding: 5px 8px 5px 8px;
+	color: #FFFFFF;
+}
+ul#tabnav li.tabinact1 a {
+	float: left;
+	display: block;
+	text-decoration: none;
+	padding: 5px 8px 5px 8px;
+	color: #FFFFFF;
+}
+ul#tabnav li.tabact {
+	float: left;
+	background-color: #EEEEEE;
+	color: #000000;
+	padding: 5px 8px 5px 8px;
+	white-space: nowrap;
+}
+.tabcont {
+	background-color: #EEEEEE;
+	padding-right: 12px;
+	padding-left: 12px;
+	padding-top: 12px;
+	padding-bottom: 12px;
+}
+.tabact {
+	float: left;
+	background-color: #EEEEEE;
+	color: #000000;
+	padding: 5px 8px 5px 8px;
+	white-space: nowrap;
+}
+.tabinact {
+	font-weight: bold;
+	float: left;
+	border-left: 1px solid #999999;
+	background-color: #777777;
+	color: #FFFFFF;
+	padding: 0;
+	white-space: nowrap;
+}
+.menu {
+	background-color: #000000;
+	white-space: nowrap;
+	padding: 0px 5px 0px 5px;
+	width: 100%;
+	vertical-align: top;
+}
+