[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[ossec-cvs] ossec-hids: css.css (HEAD) [dcid]
Module name: ossec-hids
Changes by: dcid 07/09/13 22:52:08
Modified files:
css.css
Log message:
Description: Changing the UI to match the new site...
Reviewed by: dcid
Bug:
Index: css.css
===================================================================
RCS file: /usr/cvsroot/ossec-ui/oswui/css/css.css,v
diff -u -r1.6 -r1.7
--- css.css 9 Sep 2007 10:18:59 -0000 1.6
+++ css.css 14 Sep 2007 01:52:08 -0000 1.7
@@ -1,238 +1,345 @@
-body {
- text-align: center;
- color: #333;
- background-color: #FFFFFF;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- width: 760px;
- margin: auto;
- }
-
-li { list-style-type: none; }
+/*
+Theme Name: Cresto
+Theme URI: http:/www.drweb.de/weblogs/wordpress-themes.shtml
+Description: Theme by Clarklab for drweb.de
+Version: 1.0
+Author: Dr. Web Magazin
+Author URI: http:/www.drweb.de/
+*/
-table.my {
- border: 1px solid #ccc;
- width: 100%;
- }
-* html table { width: 95%; }
-table caption { font-size: 12px; }
-table caption,
-table th { font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; }
-table th,
-table td {
- padding: 2px 4px;
- font-size: 10px;
- }
-table th {
- background-color: #396D8C;
- color: #fff;
- border-bottom: 1px solid #A67C51;
- font-size: 10px;
- }
-
-table tr.alert {
- margin: 0;
- background-color: #DCD7D7;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- font-size: 12px;
+
+img {border:0px;}
+
+body { color: #222; background: #696969 url('images/pagebg.gif') 50% 0; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center;}
+
+* { padding: 0; margin: 0; }
+
+#header {
+width:802px;
+margin: 0 auto 0 auto;
}
-ul.alert {
- margin: 0;
- padding: 0;
- margin-left: 0;
- font-size: 12px;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- background-color: #EEE5DE;
+
+#headertitle
+{
+margin: 0 auto 0 auto;
+width:802px;
+background:#fff;
+height: 84px;
+text-align:left;
}
-table tr.msg {
- margin: 0;
- background-color: #ECE7E7;
- padding: 0;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- font-size: 10px;
+
+#headercontent
+{
+margin: 0 auto 0 auto;
+color:#fff;
+background: #e6ecf9;
+width:802px;
+position:relative;
+display:block;
+height: 130px;
+text-align:left;
}
-table tr.header {
- margin: 0;
- background-color: #ECe7e7;
+
+#headerintro{
+position:absolute;
+top:15px;
+left:35px;
+width:490px;
+font-size:12px;
+line-height:15px;
}
-table tr.odd {
- margin: 0;
- background-color: #ECE7E7;
- }
-table tr.link {
- margin: 0;
- background-color: #D3D3D3;
- }
-h1 {
- padding-top: 6px;
- font-family: Arial, Helvetica, Geneva;
- font-size: 16px;
- line-height: 20px;
- border-bottom: 1px solid #AAAAB0;
-}
-h2 {
- padding-top: 6px;
- font-family: Arial, Helvetica, Geneva;
- font-size: 14px;
- line-height: 18px;
- border-bottom: 1px solid #AAAAB0;
+
+#headerintro h3{
+font-size:16px;
+color:#000;
+margin-bottom:7px;
}
-#red {color: #CF0025}
-#bluez {color: #00486F}
-#green {color: green}
-#black {color: black}
-a:link,
-a:visited {
- text-decoration: none;
- color: #00486F;
- }
-a:hover,
-a:active {
- text-decoration: none;
- color: #CF0025;
- }
-a.underline { text-decoration: underline !important; }
-a.white {
- text-decoration: none;
- color: #FFFFFF;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- font-size: 12px;
- }
-p.line {
- margin: 0 10px;
- padding: 0;
- border-top: 1px solid #00486F;
- }
-h3 {
- font-size: 16px;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- }
-pre { font-size: 10px; }
-#root {
- width: 760px;
- margin: auto;
- padding: 0;
- margin: 10px 0 0 0;
- text-align: left;
- }
-#banner {
- margin: 0;
- background-image: url("../img/background.png");
- background-repeat: repeat-x;
- background-position: 0 -25px;
- width: 760px;
- border: 1px solid #ccc;
- height: 120px;
- text-align: center;
- }
-#banner span {
- position: relative;
- top: 24px;
- padding: 10px;
- font-weight: bold;
- font-size: 24px;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
-
- }
-#language {
- position: relative;
- top: 5px;
- left: 0;
- margin-left: -40px;
- padding: 0;
- }
-* html #language { margin: 0; }
-#root #wrapper #nav {
- text-align: center;
- margin: 0;
- padding:0;
- position: absolute;
- top: 86px;
- width: 760px;
- }
-* html #root #wrapper #nav {
- top: 102px;
- }
-#root #wrapper #nav ul {
- padding: 0 40px 0 30px;
- }
-* html #root #wrapper #nav ul {
- margin-top: 5px;
- padding-bottom: 5px;
- margin-left: 0 !important;
- margin-bottom: 3px;
- padding-right: 5px;
- }
-#root #wrapper #nav ul li {
+#headerrss {
+position:absolute;
+top:54px;
+right:75px;
+width:120px;
+font-size:16px;
+}
+
+#headerrss a{
+color:#fff;
+}
+
+
+#headerrss a:hover{
+color:#e32e27;
+}
+
+#headerrss ul{
+list-style-image: url(images/arrow.gif);
+line-height:20px;
+}
+
+/*---:[ global elements ]:---*/
+
+a { color: #e32e27; text-decoration: none; }
+
+ a:visited { color: #e32e27; text-decoration: none; }
+
+ a:hover { color: #e32e27; text-decoration: underline; }
+
+ a img { border: none; }
+
+blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; background-color: #ffffff; margin: 0 0px 0em 25px; padding-left:15px; border-left:4px solid #B0B0B0;) no-repeat; }
+
+abbr, acronym { border-bottom: 1px dotted #333; text-transform: uppercase; cursor: help; }
+
+code { color: #090; background-color: #ffffff; font-family: Monaco, "Courier New", Courier, monospace; }
+
+pre { width: 700px; margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; float: left; clear: both; background-color: #F5F5F5;}
+
+* html pre { font-size: 1.0em; }
+
+p.center { text-align: center !important; }
+
+p.bottom { margin: 0 !important; }
+
+p.unstyled { font-size: 1.4em; }
+
+h2.my { font-size: 1.4em; color: #616161; background-color: #ffffff; }
+h3.my { font-size: 1.2em; color: #e32e27; background-color: #ffffff; }
+
+
+/*---:[ headlines ]:---*/
+
+h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; border-bottom: 1px solid #AAAAB0; }
+
+h1 { font-size: 3.6em; letter-spacing: -0.03em; }
+
+* html h1 { letter-spacing: -0.1em; }
+
+ #masthead h1 { padding: 0.4em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }
+
+ h1 a { color: #616161; background-color: #ffffff; text-decoration: none; }
+ h1 a:visited { color: #616161; background-color: #ffffff; text-decoration: none; }
+ h1 a:hover { color: #f26827; background-color: #ffffff; text-decoration: none; }
+
+h2 { font-size: 2.0em; color: #616161; background-color: #ffffff; }
+
+ h2 a { text-decoration: none; color: #505050; background-color: #ffffff; }
+
+ h2 a:visited { text-decoration: none; color: #616161; background-color: #ffffff; }
+
+ h2 a:hover { text-decoration: none; color: #616161; background-color: #ffffff; }
+
+ .posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
+
+
+h3 { font-size: 1.0em; }
+
+ .entry h3 { margin: 2.5em 0 0.5em 0; }
+
+ .entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
+
+ h3.comments_headers { font-size: 1.4em; }
+
+h4 { font: 1.1em Georgia, "Times New Roman", Times, serif; color: #B0B0B0; background-color: #ffffff; }
+
+ h4 a, h4 a:visited { color: #e32e27; background-color: #ffffff; text-decoration: none; }
+
+ h4 a:hover { color: #e32e27; background-color: #ffffff; text-decoration: underline; }
+
+ .posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
+
+ .pages h4 { font-size: 1.2em; line-height: 1.6em; margin: 0 0 4.0em 0; padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; clear: both; }
+
+
+
+/*---:[ core layout elements ]:---*/
+
+#container { width: 770px; margin: 0 auto 0 auto;}
+
+ #content_box { width: 770px; text-align: left; float: left; clear: both; }
+
+ #content { width: 700px; padding: 0 40px 0 0; float: left; }
+
+ #contentman { width: 700px; padding: 0 40px 0 0; float: left; }
+
+ * html #content { overflow: hidden; }
+
+ #footer { width: 770px; padding: 1.0em 0; border-top: 2px solid #ccc; font: 1.1em/1.4em Helvetica, Arial, sans-serif; float: left; clear: both; }
+
+
+
+/*---:[ header styles ]:---*/
+
+#nav_h ul {
+ margin-left: 0;
+ padding-left: 0;
display: inline;
- border-left: 1px solid #FFFFFF;
- border-bottom: 0;
- padding: 1px;
- margin: -2px -2px -2px -2px;
- font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- font-size: 14px !important;
- line-height: 1em;
}
-* html #root #wrapper #nav ul li {
- border-left: 1px solid #FFFFFF;
- border-bottom: 0;
+
+#nav_h ul li {
+ margin-left: 0;
padding-right: 0;
+ list-style: none;
+ display: inline;
}
-#root #wrapper #nav ul li.first{ border-left: 0; }
-#root #wrapper #nav ul li.last { border-right: 0; }
-
-#root #wrapper #nav ul li a.activ {
- font-size: 1.1em;
- font-weight: bold;
- border-bottom: 0;
- padding: 2px 2px 2px 5px;
- margin-bottom: 0;
- color: #F7F3CE !important;
- }
-#root #wrapper #nav ul li a { padding: 2px 2px 2px 5px; }
-* html #root #wrapper #nav ul li a {
- margin: 0;
+#nav_h ul li.first {
+ margin-left: 0;
+ border-left: none;
+ list-style: none;
+ display: inline;
}
-#root #wrapper #nav ul li a:link,
-#root #wrapper #nav ul li a:visited {
- text-decoration: none;
- color: #FFFFFF;
- border: 1px solid transparent;
- border: 0;
- }
-#root #wrapper #nav ul li a:hover,
-#root #wrapper #nav ul li a:active {
- color: #F7F3CE;
- border: 0;
- }
-#root #wrapper #content {
- border-top: 0 !important;
- background-color: white;
- margin-top: 10px;
- text-align: left;
- width: 760px;
- }
-* html #root #wrapper #content {
- width: 760px;
- padding-top: 10px;
- }
-#root #footer {
- border-top: 1px solid #ccc;
- margin: 10px 0;
- padding: 0;
- text-align: center;
- }
-* html #root #footer {
- margin: 10px 0 0 0;
- padding: 0;
- }
-#root #footer p {
- margin: 0;
- padding: 2px 0 0 0;
- font-family: "Comic Sans MS", Verdana, Arial, Helvetica, Tahoma, sans-serif;
- }
+
+#nav { width: 100%; border-bottom: 4px solid #f26827; float: left; list-style: none; margin-bottom:22px;}
+
+ #nav ul { list-style: none; margin-top:10px;}
+
+#nav li {float: left;}
+
+ #nav li.donate a, #nav li a:visited { display: block; height: 1.5em; padding: 0px 10px 0px 11px; color: #222; text-decoration: none; font-size: 1.4em; font-weight:bold; font-family: Arial, Helvetica, Sans-Serif; float: left; background: #FFFFFF; margin-left:5px;}
+ #nav li a, #nav li a:visited { display: block; height: 1.5em; padding: 13px 11px 0px 11px; color: #222; text-decoration: none; font-size: 1.4em; font-weight:bold; font-family: Arial, Helvetica, Sans-Serif; float: left; background: #F5F5F5; margin-left:5px;}
+
+ #nav li.donate a:hover { color: #fff; background: #FFFFFF; text-decoration: none; }
+ #nav li a:hover { color: #fff; background: #f26827; text-decoration: none; }
+
+#header_img { margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; }
+
+ #header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */
+
+
+
+/*---:[ content styles ]:---*/
+
+.entry { font-size: 1.4em; line-height: 1.65em; }
+
+ .entry blockquote { font-size: 1.0em; }
+
+ .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; text-align: center; float: right; }
+
+ .entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; text-align: center; float: left; }
+
+ .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.5em !important; }
+
+ .entry p { margin: 0 0 1.5em 0; }
+
+ .entry ul, .entry ol { margin: 0 0 1.5em 40px; }
+
+ .entry ul { list-style-type: square; }
+
+ .entry li { margin: 0 0 0.5em 0; }
+
+ .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
+
+ .entry dl { margin: 0 0 1.5em 0; }
+
+ .entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
+
+ .entry dd { margin: 0 0 1.5em 20px; }
+
+ .entry .ad { margin: 0 0 0.5em 15px; float: right; clear: right; }
+
+ .entry .ad_left { margin: 0 15px 0.5em 0; float: left; clear: left; }
+
+ .entry img { }
+
+ .entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
+
+ .entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
+
+ .entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
+
+ .entry img.off { padding: 0 !important; border: none !important; }
+
+ .entry img.stack { clear: none !important; }
+
+.tagged { margin: 0 0 4.0em 0; padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.1em; line-height: 1.6em; color: #888; background-color: #ffffff; clear: both; }
+
+ .tagged a, .tagged a:visited { padding: 3px; color: #B0B0B0; background-color: #ffffff; text-decoration: none; }
+
+ .tagged a:hover { color: #fff; background-color:#BD1314; text-decoration: none; }
+
+ .add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }
+
+ .add_comment a, .add_comment a:visited { padding: 0; color: #B0B0B0; background-color: #ffffff; text-decoration: none; }
+
+ .add_comment a:hover { color: #df0000; background-color: #ffffff; }
+
+.navigation { width: 500px; margin: 0 0 3.0em 0; font-size: 1.4em; float: left; }
+
+* html .navigation { margin: 0 0 2.5em 0; }
+
+ .previous { padding: 0 20px 0 0; float: left; }
+
+ .next { float: right; }
+
+.clear { width: 500px; height: 1px; clear: both; }
+
+
+
+
+/*---:[ footer styles ]:---*/
+
+#footer a, #footer a:visited, #footer a:hover { color: #333; background-color:#FFFFFF; text-decoration: none; border-bottom: dotted 1px #666666; }
+
+
+
+
+/*---:[ search form styles ]:---*/
+
+#search_form { }
+
+ #search_form .search_input { width: 221px; padding: 3px; color: #090; background-color:#FFFFFF; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
+
+ li.widget .search_input { font-size: 1.1em !important; }
+
+ #search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
+
+
+
+
+table th {
+ background-color: #396D8C;
+ color: #fff;
+ border-bottom: 1px solid #A67C51;
+ }
+table tr.odd {
+ margin: 0;
+ background-color: #F5F5F5;
+ }
+
+
+/* Additions for the Web interface */
+#red {color: #CF0025}
+#bluez {color: #00486F}
+#green {color: green}
+#black {color: black}
+
+
+table tr.alert {
+ margin: 0;
+ background-color: #F5F5F5;
+ font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
+ font-size: 12px;
+}
+ul.alert {
+ margin: 0;
+ padding: 0;
+ margin-left: 0;
+ font-size: 12px;
+ font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
+ background-color: #F5F5F5;
+}
+table tr.msg {
+ margin: 0;
+ background-color: #FFFFFF;
+ padding: 0;
+ font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
+ font-size: 10px;
+}
+
+
+/* XXXX */
span.asmall {
font-size: 10px;
}
@@ -252,54 +359,8 @@
font-size: 9px;
}
div.smaller2 {
- font-size: 7px;
+ font-size: 8px;
}
-div.box {
- padding: 10px;
- background: white;
- border: 1px solid #ccc;
- }
-
-div.box dl dt {
- font-weight: bold;
- padding: 2px 5px;
- }
-div.box dl dt.big {
- font-weight: bold;
- font-size: 16px;
- background-color: #F7F3CE;
- padding: 2px 5px;
- margin-top: 30px;
- margin-bottom: 5px;
- }
-
-div.box2 dl dd {
- padding: 0 0 10px 0;
- }
-div.box2 {
- padding: 10px;
- background: white;
- border: 1px solid #ccc;
- }
-
-div.box2 dl dt {
- font-weight: bold;
- padding: 2px 5px;
- }
-div.box2 dl dt.big {
- font-weight: bold;
- font-size: 16px;
- background-color: #F7F3CE;
- width: 50%;
- padding: 2px 5px;
- margin-top: 30px;
- margin-bottom: 5px;
- }
-div.box2 dl dd {
- padding: 0 0 10px 0;
- }
-
-
ul.inline { margin: 3px 0; }
ul.inline li {
display: inline;
@@ -328,7 +389,7 @@
margin-left: 0;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
- background-color: #FFF5EE;
+ background-color: #FFFFFF;
}
ul.message {
margin: 1px 0;
@@ -369,5 +430,3 @@
border:1px solid;
background:#DEDFDE;
}
-
-* html .text { height: 18px; }
OSSEC home |
Main Index |
Thread Index
OSSEC project: www.ossec.net.
Mailling list information: http://www.ossec.net/en/mailing_lists.html.