2013-03-25 06:36:57 -07:00
/*****************************/
/* Body */
/*****************************/
body {
background : url ( header_background . png ) repeat-x top left ;
background-color : # 404040 ;
padding : 0 ;
margin : 0 ;
}
2009-09-28 02:13:23 -07:00
2013-03-25 06:36:57 -07:00
html , body {
height : 100 % ;
}
2009-09-28 02:13:23 -07:00
2013-03-25 06:36:57 -07:00
/******************************************************/
/* Centered Layout + 'stay on bottom' footer */
/******************************************************/
# layout {
margin : 0 auto 0 auto ;
min-width : 700px ;
width : 90 % ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
# wrapper {
min-height : 100 % ;
height : auto ! important ;
height : 100 % ;
margin : 0 auto -53px ;
2009-09-28 02:13:23 -07:00
}
# footer , # push {
2013-03-25 06:36:57 -07:00
height : 53px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
/****************************/
/* Footer */
/****************************/
# sitefooter {
background : url ( footer_background . png ) repeat-x ;
height : 53px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
/*////////////////////////////////////////////////////////*/
div . main {
vertical-align : top ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
table . main {
width : 100 % ;
border : 0px ;
margin : 0px ;
padding : 0px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
td . main {
width : 33 % ;
margin : 4px ;
text-align : left ;
vertical-align : top ;
padding : 8px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
div . bod {
column-width : 15em ;
-moz-column-width : 15em ;
column-gap : 2em ;
-moz-column-gap : 2em ;
column-rule-style : solid ;
-moz-column-rule-style : solid ;
column-rule-width : 1px ;
-moz-column-rule-width : 1px ;
column-rule-color : # 303030 ;
-moz-column-rule-color : # 303030 ;
overflow : auto ;
margin : 1em ;
text-align : left ;
vertical-align : top ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
div . fragment , div . code {
border : 1px solid # 383838 ;
text-align : left ;
vertical-align : middle ;
padding : 8px ;
overflow : auto ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
pre {
border : 1px dotted # 383838 ;
text-align : left ;
vertical-align : middle ;
padding : 2px ;
overflow : auto ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
hr {
width : 200px ;
height : 1px ;
background-color : # 303030 ;
border : 0px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
h2 {
margin : 0 ;
padding : 0 ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
h3 {
margin : 0 ;
padding : 0 ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
p {
margin-top : 2px ;
margin-bottom : 10px ;
padding : 0 ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
a : link {
color : # 3399ff ;
text-decoration : underline ;
text-shadow : 0px 0px 10px rgba ( 0 . 2 , 0 . 6 , 1 . 0 , 1 . 0 ) ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
a : visited {
color : # 2288ee ;
text-decoration : underline ;
text-shadow : 0px 0px 10px rgba ( 0 . 2 , 0 . 6 , 1 . 0 , 1 . 0 ) ;
}
2009-09-28 02:13:23 -07:00
2013-03-25 06:36:57 -07:00
a : active {
color : # ffffff ;
text-decoration : none ;
}
2009-09-28 02:13:23 -07:00
2013-03-25 06:36:57 -07:00
a : hover {
color : # 3399ff ;
text-decoration : underline ;
text-shadow : 0px 0px 15px rgba ( 0 . 2 , 0 . 6 , 1 . 0 , 1 . 0 ) ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
img {
vertical-align : middle ;
border : 0px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
img . thumb {
vertical-align : middle ;
border : 1px solid ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
table . n {
width : 100px ;
height : 100px ;
clear : both ;
border : 0px ;
margin : 0px ;
padding : 0px ;
border-collapse : collapse ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
table . nl {
float : left ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
table . nr {
float : right ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
table . h {
width : 100 % ;
padding : 0px ;
margin : 0px ;
border-collapse : collapse ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
div . l {
clear : both ;
padding : 7px 8px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
div . ll {
float : left ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
div . lr {
float : right ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
table . b {
padding : 0px ;
margin : 0px ;
border : 0px ;
border-spacing : 0px ;
border-style : none ;
border-collapse : collapse ;
font-size : 0px ;
line-height : 0px ;
text-shadow : 0px 1px rgba ( 0 , 0 , 0 , 0 . 5 )
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
td . b1 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b1.png' ) ; }
td . b1 [ class ] { background-image : url ( "b1.png" ) ; }
td . b2 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b2.png' ) ; }
td . b2 [ class ] { background-image : url ( "b2.png" ) ; }
td . b3 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b3.png' ) ; }
td . b3 [ class ] { background-image : url ( "b3.png" ) ; }
td . b4 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b4.png' ) ; }
td . b4 [ class ] { background-image : url ( "b4.png" ) ; }
td . b5 {
background-image : url ( "b5.png" ) ;
font-size : 11px ;
color : # ffffff ;
text-align : left ;
vertical-align : middle ;
text-shadow : 0px 1px rgba ( 0 , 0 , 0 , 0 . 5 )
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
td . b6 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b6.png' ) ; }
td . b6 [ class ] { background-image : url ( "b6.png" ) ; }
td . b7 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b7.png' ) ; }
td . b7 [ class ] { background-image : url ( "b7.png" ) ; }
td . b8 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b8.png' ) ; }
td . b8 [ class ] { background-image : url ( "b8.png" ) ; }
td . b9 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'b9.png' ) ; }
td . b9 [ class ] { background-image : url ( "b9.png" ) ; }
2009-09-28 02:13:23 -07:00
2013-03-25 06:36:57 -07:00
a . b : link {
color : # ffffff ;
text-decoration : none ;
text-shadow : 0px 1px rgba ( 0 , 0 , 0 , 0 . 5 )
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
a . b : visited {
color : # ffffff ;
text-decoration : none ;
text-shadow : 0px 1px rgba ( 0 , 0 , 0 , 0 . 5 )
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
a . b : active {
color : # ffffff ;
text-decoration : none ;
text-shadow : 0px 1px rgba ( 0 , 0 , 0 , 0 . 5 )
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
a . b : hover {
color : # 3399ff ;
text-decoration : none ;
text-shadow : 0px 0px 10px rgba ( 0 . 2 , 0 . 6 , 1 . 0 , 1 . 0 ) ;
}
2009-09-28 02:13:23 -07:00
2013-03-25 06:36:57 -07:00
td . pn1 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-1.png' ) ; }
td . pn1 [ class ] { background-image : url ( "pn-1.png" ) ; }
td . pn2 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-2.png' ) ; }
td . pn2 [ class ] { background-image : url ( "pn-2.png" ) ; }
td . pn3 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-3.png' ) ; }
td . pn3 [ class ] { background-image : url ( "pn-3.png" ) ; }
td . pn4 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-4.png' ) ; }
td . pn4 [ class ] { background-image : url ( "pn-4.png" ) ; }
td . pn5 {
background : # 404040 ;
font-size : 11px ;
color : # ffffff ;
text-align : center ;
vertical-align : middle ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
td . pn6 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-6.png' ) ; }
td . pn6 [ class ] { background-image : url ( "pn-6.png" ) ; }
td . pn7 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-7.png' ) ; }
td . pn7 [ class ] { background-image : url ( "pn-7.png" ) ; }
td . pn8 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-8.png' ) ; }
td . pn8 [ class ] { background-image : url ( "pn-8.png" ) ; }
td . pn9 { filter : progid : DXImageTransform . Microsoft . AlphaImageLoader ( enabled = true , sizingMethod = scale src = 'pn-9.png' ) ; }
td . pn9 [ class ] { background-image : url ( "pn-9.png" ) ; }
/** NEWS STYLE */
2009-09-28 02:13:23 -07:00
2013-03-25 06:36:57 -07:00
. post {
margin : 0 0 2 . 5em 40px ;
border-left : 4px solid # 3399ff ;
padding-left : 20px ;
text-align : left ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. news-title {
font-size : 1 . 1em ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. news-title a , . news-title a : visited , . news-title a : hover {
text-decoration : none ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. news-title span {
font-size : 0 . 7em ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. news-content {
text-align : justify ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. news-latest-title {
margin-bottom : 0 ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. news-latest-date {
padding-left : 10px ;
font-size : . 8em ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. news-latest-body {
margin-top : 5px ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
/** SECTION PLUG STYLE */
. section-plug {
width : 13em ;
float : right ;
clear : right ;
margin : 0px 0px 2em 2em ;
background-color : # ededf0 ;
background-image : url ( 'section-plug-header.png' ) ;
background-repeat : repeat-x ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. section-plug . left-border {
margin : 0px ;
background-image : url ( 'section-plug-header-left.png' ) ;
background-repeat : no-repeat ;
2009-09-28 02:13:23 -07:00
}
2013-03-25 06:36:57 -07:00
. section-plug . right-border {
margin : 0px ;
padding : 1em ;
background-image : url ( 'section-plug-header-right.png' ) ;
background-position : top right ;
background-repeat : no-repeat ;
2007-12-06 12:09:50 -08:00
}
2013-03-25 06:36:57 -07:00
. section-plug h3 {
margin : 0px ;
padding : 0px ;
width : 100 % ;
text-align : center ;
2013-01-03 18:51:43 -08:00
}
2013-03-25 06:36:57 -07:00
. section-plug a {
margin : 0px ;
padding : 0px ;
text-decoration : none ;
2013-01-03 18:51:43 -08:00
}
2013-03-25 06:36:57 -07:00
. section-plug ul {
margin : 0px ;
padding : 0px ;
list-style-type : none ;
2013-01-03 18:51:43 -08:00
}
2013-03-25 06:36:57 -07:00
. section-plug li {
margin : 0px 0px 2px 0px ;
padding : 0px ;
font-size : 0 . 8em ;
font-weight : bold ;
text-align : left ;
2013-01-03 18:51:43 -08:00
}
2013-03-25 06:36:57 -07:00
body { font-family : Arial , Helvetica , sans-serif ; color : #ffffff ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
pre , div . fragment , div . code { font-family : mono ; white-space : pre-wrap ; color : #ffffff ; }
blockquote { color : #cccccc ; }
body { font-size : 12 px ; }
pre , div . fragment , div . code { font-size : 9 px ; color : #3399ff ; }
2013-01-03 18:51:43 -08:00
2013-03-25 06:36:57 -07:00
p . tiny { color : #aaaaaa ; font-size : 10 px ; }
h1 , h2 , h3 , h4 , h5 , h6 { color : #3399ff ; text-shadow : 0 px 0 px 10 px rgba ( 0.2 , 0.6 , 1.0 , 1.0 ) ; }
h1 { font-size : 21 px ; }
h2 { font-size : 18 px ; }
h3 { font-size : 16 px ; }
h4 { font-size : 14 px ; }
h5 { font-size : 12 px ; }
h6 { font-size : 11 px ; }
ul , ol { font-size : 11 px ; text-align : left ; }
# header { /* CSS Reset */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ /* remember to define focus styles! */ /* remember to highlight inserts somehow! */ /* tables still need 'cellspacing="0"' in the markup */ }
# header html , # header body , # header div , # header span , # header applet , # header object , # header iframe , # header h1 , # header h2 , # header h3 , # header h4 , # header h5 , # header h6 , # header p , # header blockquote , # header pre , # header a , # header abbr , # header acronym , # header address , # header big , # header cite , # header code , # header del , # header dfn , # header em , # header font , # header img , # header ins , # header kbd , # header q , # header s , # header samp , # header small , # header strike , # header strong , # header sub , # header sup , # header tt , # header var , # header b , # header u , # header i , # header center , # header dl , # header dt , # header dd , # header ol , # header ul , # header li , # header fieldset , # header form , # header label , # header legend , # header table , # header caption , # header tbody , # header tfoot , # header thead , # header tr , # header th , # header td { margin : 0 ; padding : 0 ; border : 0 ; outline : 0 ; font-size : 100 % ; vertical-align : baseline ; background : transparent ; }
# header body { line-height : 1 ; }
# header ol , # header ul { list-style : none ; }
# header blockquote , # header q { quotes : none ; }
# header blockquote : before , # header blockquote : after , # header q : before , # header q : after { content : '' ; content : none ; }
# header : focus { outline : 0 ; }
# header ins { text-decoration : none ; }
# header del { text-decoration : line-through ; }
# header table { border-collapse : collapse ; border-spacing : 0 ; }
# header . layout { margin : 0 auto ; }
# header ul . menu { text-align : right ; list-style : none inside none ; white-space : nowrap ; letter-spacing : -5 px ; background : url ( "header_menu_background_last.png" ) no-repeat right ; padding-right : 17 px ; }
# header ul . menu li { display : inline-block ; letter-spacing : normal ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . menu li a { display : inline-block ; vertical-align : top ; text-align : center ; padding-left : 10 px ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . menu li a { background : url ( "header_menu_unselected_background.png" ) no-repeat ; text-decoration : none ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . menu li a span { display : inline-block ; height : 63 px ; line-height : 63 px ; text-transform : capitalize ; color : #ffffff ; font-size : 10 px ; padding : 0 14 px ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . menu li . current a { background : url ( "header_menu_current_background.png" ) no-repeat ; }
# header ul . menu li . current a span { color : #3399ff ; text-shadow : 0 px 0 px 10 px rgba ( 0.2 , 0.6 , 1.0 , 1.0 ) ; }
# header ul . menu li . current2 a { background : url ( "header_menu_unselected_next_background.png" ) no-repeat ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . menu li . current2 a span { color : #ffffff ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . menu li . index { float : left ; height : 63 px ; margin : 0 ; }
# header ul . menu li . index a { height : 63 px ; line-height : 63 px ; width : 63 px ; background : url ( "logo.png" ) no-repeat ; }
# header ul . menu li . index a span { overflow : hidden ; /* Replace text with image */ text-indent : -999 px ; }
# header ul . menu li . index a : hover { background : url ( "logo.png" ) no-repeat ; }
# header ul . menu li . index a : hover span { background : none ; }
# header ul . submenu { text-align : right ; list-style : none inside none ; white-space : nowrap ; letter-spacing : -5 px ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . submenu li { display : inline-block ; letter-spacing : normal ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . submenu li a { display : inline-block ; vertical-align : top ; text-align : center ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . submenu li { margin-right : 17 px ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . submenu li a { text-decoration : none ; color : #aaaaaa ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . submenu li a span { color : #aaaaaa ; line-height : 36 px ; font-weight : bold ; text-transform : capitalize ; font-size : 10 px ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . submenu li a : hover span { color : #ffffff ; text-shadow : 0 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
# header ul . submenu li . selected a span { color : #3399ff ; line-height : 36 px ; font-weight : bold ; text-transform : capitalize ; font-size : 10 px ; text-shadow : 0 px 0 px 10 px rgba ( 0.2 , 0.6 , 1.0 , 1.0 ) ; }
# header ul . submenu li . selected a : hover span { color : #3399ff ; text-shadow : 0 px 0 px 10 px rgba ( 0.2 , 0.6 , 1.0 , 1.0 ) ; }
# header ul . submenu li . selected a { color : #3399ff ; text-decoration : underline ; text-shadow : 0 px 0 px 10 px rgba ( 0.2 , 0.6 , 1.0 , 1.0 ) ; }
# header div . menu { height : 63 px ; }
# header div . menu . layout { background : url ( "header_menu_background.png" ) ; }
# header div . submenu { height : 36 px ; margin-bottom : 36 px ; }
# header . doxytitle {
font-size : 1 . 4em ;
font-weight : bold ;
color : # ffffff ;
line-height : 35px ;
2013-01-03 18:51:43 -08:00
}
2013-03-25 06:36:57 -07:00
# header small {
font-size : 0 . 4em ;
2013-01-03 18:51:43 -08:00
}
2013-03-25 06:36:57 -07:00
/* ******************* Changes to the Original Stylesheet ****************** */
table . data { width : 90 % ; padding : 0 px ; margin : 5 px ; border : 1 px solid #303030 ; border-collapse : collapse ; }
table . data thead th { color : #3399ff ; background-color : #282828 ; padding : 3 px ; text-align : left ; text-shadow : 0 px 0 px 10 px rgba ( 0.2 , 0.6 , 1.0 , 1.0 ) ; }
table . data tbody tr td { color : #ffffff ; background-color : #383838 ; padding : 3 px ; text-align : left ; font-size : 11 px ; }
table . data tbody tr . odd td { color : #ffffff ; background-color : #3b3b3b ; }
table . developers td . name { width : 12 em ; }
table . developers td . photo { text-align : center }
table . developers td . location { width : 14 em ; }
table . developers . active caption { display : none ; }
table . developers td { padding-right : 1 ex ; }
table . developers . inactive caption { font-weight : bold ; margin-bottom : 2 px ; color : #000000 ; }
table . mailing td . archive { white-space : nowrap ; }
# middle { margin-top : -18 px ; }
# content { margin : 0 -8 px ; }
. layout { margin : 0 auto ; min-width : 750 px ; width : 90 % ; }
table . main h1 , td . main { margin-top : 0 ; padding-top : 0 ; }
table . b { line-height : 1 ; }
# sitefooter p { text-align : center ; padding-top : 9 px ; font-size : 10 px ; color : #ffffff ; white-space : nowrap ; }
hr { width : 200 px ; height : 1 px ; background-color : #303030 ; border : 0 px ; }
div . main p { text-align : justify ; }
div . main . section-plug p { margin : 1 em 0 px ; padding : 0 px ; text-align : left ; }
div . news-latest-date { margin-bottom : 15 px ; }