style.css
3649 lines
| 71.1 KiB
| text/css
|
CssLexer
r578 | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td | ||
{ | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
outline: 0; | |||
font-size: 100%; | |||
vertical-align: baseline; | |||
background: transparent; | |||
} | |||
r577 | body { | ||
r578 | line-height: 1; | ||
} | |||
ol,ul { | |||
list-style: none; | |||
} | |||
blockquote,q { | |||
quotes: none; | |||
} | |||
blockquote:before,blockquote:after,q:before,q:after { | |||
content: ''; | |||
content: none; | |||
r577 | } | ||
:focus { | |||
r578 | outline: 0; | ||
r577 | } | ||
ins { | |||
r578 | text-decoration: none; | ||
} | |||
r577 | del { | ||
r578 | text-decoration: line-through; | ||
r577 | } | ||
/* tables still need 'cellspacing="0"' in the markup */ | |||
table { | |||
r578 | border-collapse: collapse; | ||
border-spacing: 0; | |||
r577 | } | ||
/* | |||
r547 | main stylesheet | ||
r578 | */ | ||
html { | |||
height: 100%; | |||
} | |||
body { | |||
r547 | margin: 0; | ||
padding: 0; | |||
r578 | height: 100%; | ||
r547 | background: #d1d1d1 url("../images/background.png") repeat; | ||
r578 | font-family: Lucida Grande, Verdana, Lucida Sans Regular, | ||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 12px; | ||
r579 | color: #000000; | ||
r547 | } | ||
r577 | /* | ||
r547 | images | ||
r578 | */ | ||
img { | |||
border: none; | |||
} | |||
img.icon { | |||
vertical-align: bottom; | |||
} | |||
r577 | /* | ||
r547 | anchors | ||
r578 | */ | ||
a { | |||
r579 | color: #003367; | ||
r547 | text-decoration: none; | ||
cursor: pointer; | |||
r579 | font-weight: bold; | ||
r547 | } | ||
r578 | a:hover { | ||
r579 | color: #316293; | ||
r547 | text-decoration: underline; | ||
} | |||
r577 | /* | ||
r547 | headings | ||
r578 | */ | ||
h1,h2,h3,h4,h5,h6 { | |||
color: #292929; | |||
font-weight: bold; | |||
} | |||
h1 { | |||
font-size: 22px; | |||
} | |||
h2 { | |||
font-size: 20px; | |||
} | |||
h3 { | |||
font-size: 18px; | |||
} | |||
h4 { | |||
font-size: 16px; | |||
} | |||
h5 { | |||
font-size: 14px; | |||
} | |||
h6 { | |||
font-size: 11px; | |||
r547 | } | ||
r577 | /* | ||
r547 | lists | ||
r578 | */ | ||
ul.circle { | |||
list-style-type: circle; | |||
} | |||
ul.disc { | |||
list-style-type: disc; | |||
} | |||
ul.square { | |||
list-style-type: square; | |||
} | |||
ol.lower-roman { | |||
list-style-type: lower-roman; | |||
} | |||
ol.upper-roman { | |||
list-style-type: upper-roman; | |||
} | |||
ol.lower-alpha { | |||
list-style-type: lower-alpha; | |||
} | |||
ol.upper-alpha { | |||
list-style-type: upper-alpha; | |||
} | |||
ol.decimal { | |||
list-style-type: decimal; | |||
} | |||
r547 | |||
r577 | /* | ||
r547 | colors | ||
r578 | */ | ||
div.color { | |||
margin: 7px 0 0 60px; | |||
padding: 1px 1px 1px 0px; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | position: absolute; | ||
background: #FFFFFF; | |||
} | |||
div.color a { | |||
margin: 0 0 0 1px; | |||
padding: 0; | |||
width: 15px; | |||
height: 15px; | |||
display: block; | |||
float: left; | |||
} | |||
div.color a.blue { | |||
background: #376ea6; | |||
} | |||
div.color a.green { | |||
background: #85924b; | |||
} | |||
div.color a.brown { | |||
background: #9b6e42; | |||
} | |||
div.color a.purple { | |||
background: #88528b; | |||
} | |||
div.color a.red { | |||
background: #bd3220; | |||
} | |||
div.color a.greyblue { | |||
background: #566e86; | |||
r547 | } | ||
r577 | /* | ||
r547 | options | ||
r578 | */ | ||
div.options { | |||
margin: 7px 0 0 162px; | |||
padding: 0; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | position: absolute; | ||
background: #FFFFFF; | |||
} | |||
div.options a { | |||
r547 | margin: 0; | ||
r578 | padding: 3px 8px 3px 8px; | ||
height: 1%; | |||
display: block; | |||
text-decoration: none; | |||
} | |||
div.options a:hover { | |||
text-decoration: none; | |||
r547 | } | ||
r577 | /* | ||
r547 | header | ||
r578 | */ | ||
#header { | |||
r547 | margin: 0; | ||
padding: 0 30px 0 30px; | |||
background: #b0b0b0 url("../images/header_background.png") repeat; | |||
} | |||
r577 | /* | ||
header / user | |||
r578 | */ | ||
#header ul#logged-user { | |||
r547 | margin: 0; | ||
padding: 0; | |||
float: right; | |||
} | |||
r578 | #header ul#logged-user li { | ||
margin:-2px 0 0; | |||
r547 | padding: 10px 12px 10px 12px; | ||
list-style: none; | |||
float: left; | |||
border-left: 1px solid #bbbbbb; | |||
border-right: 1px solid #a5a5a5; | |||
} | |||
r578 | #header ul#logged-user li.first { | ||
r547 | border-left: none; | ||
r578 | margin: -6px; | ||
} | |||
#header ul#logged-user li.first div.account { | |||
r547 | padding-top: 4px; | ||
float: left; | |||
} | |||
r578 | #header ul#logged-user li.last { | ||
border-right: none; | |||
} | |||
#header ul#logged-user li a { | |||
r547 | color: #4e4e4e; | ||
font-weight: bold; | |||
text-decoration: none; | |||
} | |||
r578 | #header ul#logged-user li a:hover { | ||
r547 | color: #376ea6; | ||
text-decoration: underline; | |||
} | |||
r578 | #header ul#logged-user li.highlight a { | ||
r547 | color: #ffffff; | ||
} | |||
r578 | #header ul#logged-user li.highlight a:hover { | ||
r547 | color: #376ea6; | ||
} | |||
r578 | #header #header-inner { | ||
r547 | margin: 0; | ||
padding: 0; | |||
height: 40px; | |||
clear: both; | |||
position: relative; | |||
r577 | background: #003367 url("../images/header_inner.png") repeat-x; | ||
r578 | border-bottom: 2px solid #ffffff; | ||
r547 | } | ||
r577 | /* | ||
header / home | |||
r578 | */ | ||
#header #header-inner #home { | |||
float: left; | |||
} | |||
#header #header-inner #home a { | |||
r547 | margin: 0; | ||
padding: 0; | |||
height: 40px; | |||
width: 46px; | |||
display: block; | |||
r577 | background: url("../images/button_home.png"); | ||
r578 | background-position: 0 0; | ||
} | |||
#header #header-inner #home a:hover { | |||
background-position: 0 -40px; | |||
r547 | } | ||
r577 | /* | ||
header / logo | |||
r578 | */ | ||
#header #header-inner #logo { | |||
float: left; | |||
} | |||
#header #header-inner #logo h1 { | |||
r547 | margin: 13px 0 0 13px; | ||
padding: 0; | |||
color: #FFFFFF; | |||
font-size: 14px; | |||
r578 | text-transform: uppercase; | ||
} | |||
#header #header-inner #logo a { | |||
r547 | color: #ffffff; | ||
r578 | text-decoration: none; | ||
} | |||
#header #header-inner #logo a:hover { | |||
r547 | color: #dabf29; | ||
} | |||
r577 | /* | ||
header / quick | |||
r578 | */ | ||
#header #header-inner #quick,#header #header-inner #quick ul { | |||
margin: 10px 5px 0 0; | |||
padding: 0; | |||
position: relative; | |||
float: right; | |||
list-style-type: none; | |||
list-style-position: outside; | |||
} | |||
#header #header-inner #quick li { | |||
margin: 0 5px 0 0; | |||
padding: 0; | |||
position: relative; | |||
float: left; | |||
} | |||
#header #header-inner #quick li a { | |||
top: 0; | |||
left: 0; | |||
padding: 0; | |||
height: 1%; | |||
display: block; | |||
clear: both; | |||
overflow: hidden; | |||
background: #336699 url("../../resources/images/quick_l.png") no-repeat | |||
top left; | |||
color: #FFFFFF; | |||
font-weight: bold; | |||
text-decoration: none; | |||
} | |||
#header #header-inner #quick li span { | |||
top: 0; | |||
right: 0; | |||
margin: 0; | |||
padding: 10px 12px 8px 10px; | |||
height: 1%; | |||
display: block; | |||
float: left; | |||
background: url("../../resources/images/quick_r.png") no-repeat top | |||
right; | |||
border-left: 1px solid #3f6f9f; | |||
} | |||
#header #header-inner #quick li span.normal { | |||
padding: 10px 12px 8px 12px; | |||
border: none; | |||
} | |||
#header #header-inner #quick li span.icon { | |||
top: 0; | |||
left: 0; | |||
padding: 8px 8px 4px 8px; | |||
background: url("../../resources/images/quick_l.png") no-repeat top left; | |||
border-left: none; | |||
border-right: 1px solid #2e5c89; | |||
} | |||
#header #header-inner #quick li a:hover { | |||
background: #4e4e4e url("../../resources/images/quick_l_selected.png") | |||
no-repeat top left; | |||
} | |||
#header #header-inner #quick li a:hover span { | |||
background: url("../../resources/images/quick_r_selected.png") no-repeat | |||
top right; | |||
border-left: 1px solid #545454; | |||
} | |||
#header #header-inner #quick li a:hover span.normal { | |||
border: none; | |||
} | |||
#header #header-inner #quick li a:hover span.icon { | |||
background: url("../../resources/images/quick_l_selected.png") no-repeat | |||
top left; | |||
border-left: none; | |||
border-right: 1px solid #464646; | |||
} | |||
#header #header-inner #quick ul { | |||
top: 29px; | |||
right: 0; | |||
margin: 0; | |||
padding: 0; | |||
r581 | min-width: 200px; | ||
r578 | display: none; | ||
position: absolute; | |||
background: #FFFFFF; | |||
border: 1px solid #666; | |||
border-top: 1px solid #003367; | |||
z-index: 100; | |||
} | |||
#header #header-inner #quick ul.repo_switcher { | |||
max-height: 275px; | |||
overflow-x: hidden; | |||
overflow-y: auto; | |||
white-space: nowrap; | |||
} | |||
#header #header-inner #quick li ul li { | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
#header #header-inner #quick li ul li.last { | |||
border: none; | |||
} | |||
#header #header-inner #quick li ul li a { | |||
margin: 0; | |||
padding: 7px 9px 7px 9px; | |||
height: 1%; | |||
width: 182px; | |||
height: auto; | |||
display: block; | |||
float: left; | |||
background: #FFFFFF; | |||
r579 | color: #003367; | ||
r578 | font-weight: normal; | ||
} | |||
#header #header-inner #quick li ul li a.childs { | |||
margin: 0; | |||
padding: 7px 9px 7px 24px; | |||
width: 167px; | |||
background: #FFFFFF url("../../resources/images/plus.png") no-repeat 8px | |||
9px; | |||
} | |||
#header #header-inner #quick li ul li a:hover { | |||
color: #000000; | |||
background: #FFFFFF; | |||
} | |||
#header #header-inner #quick li ul li a.childs:hover { | |||
background: #FFFFFF url("../../resources/images/minus.png") no-repeat | |||
8px 9px; | |||
} | |||
#header #header-inner #quick ul ul { | |||
top: auto; | |||
} | |||
#header #header-inner #quick li ul ul { | |||
right: 200px; | |||
max-height: 275px; | |||
overflow: auto; | |||
overflow-x: hidden; | |||
white-space: nowrap; | |||
} | |||
#header #header-inner #quick li:hover ul ul,#header #header-inner #quick li:hover ul ul ul,#header #header-inner #quick li:hover ul ul ul ul | |||
{ | |||
display: none; | |||
} | |||
#header #header-inner #quick li:hover ul,#header #header-inner #quick li li:hover ul,#header #header-inner #quick li li li:hover ul,#header #header-inner #quick li li li li:hover ul | |||
{ | |||
display: block; | |||
} | |||
r547 | |||
/*ICONS*/ | |||
r578 | #header #header-inner #quick li ul li a.journal,#header #header-inner #quick li ul li a.journal:hover | ||
{ | |||
background: url("../images/icons/book.png") no-repeat scroll 4px 9px | |||
#FFFFFF; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.private_repo,#header #header-inner #quick li ul li a.private_repo:hover | |||
{ | |||
background: url("../images/icons/lock.png") no-repeat scroll 4px 9px | |||
#FFFFFF; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
r581 | min-width: 167px; | ||
r578 | } | ||
#header #header-inner #quick li ul li a.public_repo,#header #header-inner #quick li ul li a.public_repo:hover | |||
{ | |||
background: url("../images/icons/lock_open.png") no-repeat scroll 4px | |||
9px #FFFFFF; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
r581 | min-width: 167px; | ||
r578 | } | ||
#header #header-inner #quick li ul li a.repos,#header #header-inner #quick li ul li a.repos:hover | |||
{ | |||
background: url("../images/icons/folder_edit.png") no-repeat scroll 4px | |||
9px #FFFFFF; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.users,#header #header-inner #quick li ul li a.users:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/user_edit.png") no-repeat 4px | |||
9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.settings,#header #header-inner #quick li ul li a.settings:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/cog.png") no-repeat 4px 9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.permissions,#header #header-inner #quick li ul li a.permissions:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/key.png") no-repeat 4px 9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.fork,#header #header-inner #quick li ul li a.fork:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/arrow_divide.png") no-repeat | |||
4px 9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.search,#header #header-inner #quick li ul li a.search:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/search_16.png") no-repeat 4px | |||
9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.delete,#header #header-inner #quick li ul li a.delete:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/delete.png") no-repeat 4px 9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.branches,#header #header-inner #quick li ul li a.branches:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/arrow_branch.png") no-repeat | |||
4px 9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
#header #header-inner #quick li ul li a.tags,#header #header-inner #quick li ul li a.tags:hover | |||
{ | |||
background: #FFFFFF url("../images/icons/tag_blue.png") no-repeat 4px | |||
9px; | |||
margin: 0; | |||
padding: 12px 9px 7px 24px; | |||
width: 167px; | |||
} | |||
r577 | /* | ||
r547 | header corners | ||
r578 | */ | ||
#header #header-inner div.corner { | |||
r547 | height: 6px; | ||
width: 6px; | |||
position: absolute; | |||
r577 | background: url("../images/header_inner_corners.png") no-repeat; | ||
r547 | } | ||
r578 | #header #header-inner div.tl { | ||
r547 | top: 0; | ||
left: 0; | |||
r578 | background-position: 0 0; | ||
} | |||
#header #header-inner div.tr { | |||
r547 | top: 0; | ||
right: 0; | |||
r578 | background-position: -6px 0; | ||
r547 | } | ||
r577 | /* | ||
content / left | |||
r578 | */ | ||
#content #left { | |||
r547 | left: 0; | ||
width: 280px; | |||
position: absolute; | |||
} | |||
r577 | /* | ||
content / left / menu | |||
r578 | */ | ||
#content #left #menu { | |||
r547 | margin: 5px 10px 0 60px; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
r577 | /* | ||
content / left / menu / heading | |||
r578 | */ | ||
#content #left #menu h6 { | |||
r547 | margin: 5px 0 0 0; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
background: #dfdfdf url("../images/menu.png") repeat-x; | |||
color: #6e6e6e; | |||
} | |||
r578 | #content #left #menu h6 a { | ||
r547 | margin: 0; | ||
padding: 0; | |||
height: 1%; | |||
display: block; | |||
r578 | clear: both; | ||
overflow: hidden; | |||
r547 | background: url("../images/menu_l.png") no-repeat top left; | ||
color: #6e6e6e; | |||
text-decoration: none; | |||
} | |||
r578 | #content #left #menu h6 span { | ||
r547 | margin: 0; | ||
padding: 9px 10px 10px 10px; | |||
height: 1%; | |||
display: block; | |||
background: url("../images/menu_r.png") no-repeat top right; | |||
} | |||
r578 | #content #left #menu h6.selected { | ||
r577 | background: #00376e url("../images/menu_selected.png") repeat-x; | ||
r547 | color: #FFFFFF; | ||
} | |||
r578 | #content #left #menu h6.selected a { | ||
r577 | background: url("../images/menu_l_selected.png") no-repeat top left; | ||
r547 | color: #ffffff; | ||
} | |||
r578 | #content #left #menu h6.selected span { | ||
r577 | background: url("../images/menu_r_selected.png") no-repeat top right; | ||
} | |||
/* | |||
content / left / menu / links | |||
*/ | |||
r578 | #content #left #menu ul { | ||
r547 | margin: 0; | ||
padding: 0; | |||
background: #376ea6; | |||
} | |||
r578 | #content #left #menu ul.opened { | ||
display: block; | |||
} | |||
#content #left #menu ul.closed { | |||
display: none; | |||
} | |||
#content #left #menu li { | |||
r547 | margin: 0; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
list-style: none; | |||
border-bottom: 1px solid #5f8bb7; | |||
color: #ffffff; | |||
} | |||
r578 | #content #left #menu li a { | ||
r547 | margin: 0 0 0 6px; | ||
padding: 8px 0 8px 18px; | |||
height: 1%; | |||
display: block; | |||
float: left; | |||
r578 | background: url("../images/colors/colors/blue/menu_arrow.png") no-repeat | ||
0 9px; | |||
r547 | color: #ffffff; | ||
text-decoration: none; | |||
} | |||
r578 | #content #left #menu li a:hover { | ||
r547 | color: #b9dcff; | ||
} | |||
r577 | /* | ||
content / left / menu / collapsible | |||
r578 | */ | ||
#content #left #menu li.collapsible { | |||
r577 | background: url("../images/menu_border.png") no-repeat top left; | ||
r547 | } | ||
r578 | #content #left #menu li.collapsible a { | ||
r547 | margin: 0 0 0 6px; | ||
padding: 8px 0 8px 0; | |||
height: 1%; | |||
display: block; | |||
background: transparent; | |||
float: left; | |||
font-weight: bold; | |||
} | |||
r578 | #content #left #menu li.collapsible a.plus { | ||
r547 | margin: 0; | ||
padding: 8px 0 9px 24px; | |||
height: 10px; | |||
width: 10px; | |||
display: block; | |||
float: left; | |||
background: url("../images/menu_plus.png") no-repeat 5px 10px; | |||
border: none; | |||
} | |||
r578 | #content #left #menu li.collapsible a.minus { | ||
r547 | margin: 0; | ||
padding: 8px 0 9px 24px; | |||
height: 10px; | |||
width: 10px; | |||
display: block; | |||
float: left; | |||
background: url("../images/menu_minus.png") no-repeat 5px 10px; | |||
border: none; | |||
} | |||
r578 | #content #left #menu li ul { | ||
r547 | margin: 0; | ||
padding: 0; | |||
border-left: 18px solid #285889; | |||
} | |||
r578 | #content #left #menu li ul.expanded { | ||
display: block; | |||
} | |||
#content #left #menu li ul.collapsed { | |||
display: none; | |||
} | |||
#content #left #menu li ul li { | |||
r547 | margin: 0; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
list-style: none; | |||
border-bottom: 1px solid #5f8bb7; | |||
color: #ffffff; | |||
} | |||
r578 | #content #left #menu li.collapsible ul li a { | ||
r547 | font-weight: normal; | ||
} | |||
r578 | #content #left #menu li.last { | ||
r547 | border-bottom: none; | ||
} | |||
r577 | /* | ||
content / left / date picker | |||
r578 | */ | ||
#content #left #date-picker { | |||
r547 | margin: 10px 10px 0 60px; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
r578 | #content #left #date-picker .ui-datepicker { | ||
width: auto; | |||
padding: 0; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | background: #FFFFFF; | ||
border: 1px solid #d1d1d1; | |||
} | |||
#content #left #date-picker .ui-datepicker .ui-datepicker-header { | |||
r547 | padding: 5px 0; | ||
} | |||
r578 | #content #left #date-picker .ui-datepicker .ui-datepicker-prev { | ||
r547 | top: 5px; | ||
left: 4px; | |||
} | |||
r578 | #content #left #date-picker .ui-datepicker .ui-datepicker-next { | ||
r547 | top: 5px; | ||
right: 4px; | |||
} | |||
r578 | #content #left #date-picker .ui-datepicker .ui-datepicker-prev-hover { | ||
r547 | top: 5px; | ||
left: 4px; | |||
} | |||
r578 | #content #left #date-picker .ui-datepicker .ui-datepicker-next-hover { | ||
r547 | top: 5px; | ||
right: 4px; | |||
} | |||
r577 | /* | ||
content / right | |||
r578 | */ | ||
#content #right { | |||
r547 | margin: 0 60px 10px 290px; | ||
} | |||
r577 | /* | ||
content / right / box | |||
*/ | |||
r578 | #content div.box { | ||
r547 | margin: 0 0 10px 0; | ||
padding: 0 0 10px 0; | |||
clear: both; | |||
overflow: hidden; | |||
background: #ffffff; | |||
} | |||
r578 | #content div.box-left { | ||
r547 | margin: 0 0 10px; | ||
width: 49%; | |||
clear: none; | |||
r578 | float: left; | ||
} | |||
#content div.box-right { | |||
r547 | margin: 0 0 10px; | ||
width: 49%; | |||
clear: none; | |||
r578 | float: right; | ||
r547 | } | ||
r577 | /* | ||
content / right / box / title | |||
*/ | |||
r578 | #content div.box div.title { | ||
r547 | margin: 0 0 20px 0; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
r579 | background: #336699 url("../images/header_inner.png") repeat-x; | ||
r547 | } | ||
r578 | #content div.box div.title h5 { | ||
r547 | margin: 0; | ||
padding: 11px 0 11px 10px; | |||
float: left; | |||
border: none; | |||
color: #ffffff; | |||
text-transform: uppercase; | |||
} | |||
r578 | #content div.box div.title ul.links { | ||
r547 | margin: 0; | ||
padding: 0; | |||
float: right; | |||
} | |||
r578 | #content div.box div.title ul.links li { | ||
r547 | margin: 0; | ||
padding: 0; | |||
list-style: none; | |||
float: left; | |||
} | |||
r578 | #content div.box div.title ul.links li a { | ||
r547 | margin: 0; | ||
padding: 13px 16px 12px 16px; | |||
height: 1%; | |||
display: block; | |||
float: left; | |||
border-left: 1px solid #316293; | |||
color: #ffffff; | |||
font-size: 11px; | |||
font-weight: bold; | |||
text-decoration: none; | |||
} | |||
r578 | #content div.box div.title ul.links li a:hover { | ||
r579 | background: url("../../images/title_tab_selected.png") no-repeat bottom | ||
center; | |||
color: #bfe3ff; | |||
r547 | } | ||
r578 | #content div.box div.title ul.links li.ui-tabs-selected a { | ||
background: url("../../../resources/images/title_tab_selected.png") | |||
no-repeat bottom center; | |||
r547 | color: #bfe3ff; | ||
} | |||
r577 | /* | ||
content / right / box / headings | |||
*/ | |||
r578 | #content div.box h1,#content div.box h2,#content div.box h3,#content div.box h4,#content div.box h5,#content div.box h6 | ||
{ | |||
margin: 10px 20px 10px 20px; | |||
padding: 0 0 15px 0; | |||
clear: both; | |||
overflow: hidden; | |||
border-bottom: 1px solid #DDDDDD; | |||
r547 | } | ||
r577 | /* | ||
content / right / box / paragraphs | |||
*/ | |||
r578 | #content div.box p { | ||
margin: 0 24px 10px 24px; | |||
padding: 0; | |||
color: #5f5f5f; | |||
font-size: 12px; | |||
line-height: 150%; | |||
} | |||
#content div.box blockquote { | |||
margin: 0 34px 0 34px; | |||
padding: 0 0 0 14px; | |||
border-left: 4px solid #DDDDDD; | |||
color: #5f5f5f; | |||
font-size: 11px; | |||
line-height: 150%; | |||
} | |||
#content div.box blockquote p { | |||
margin: 10px 0 10px 0; | |||
padding: 0; | |||
r547 | } | ||
r577 | /* | ||
content / right / box / lists | |||
*/ | |||
r578 | #content div.box dl { | ||
margin: 10px 24px 10px 24px; | |||
} | |||
#content div.box dt { | |||
r547 | margin: 0; | ||
r578 | font-size: 12px; | ||
} | |||
#content div.box dd { | |||
r547 | margin: 0; | ||
padding: 8px 0 8px 15px; | |||
r578 | font-size: 12px; | ||
} | |||
#content div.box ul.left { | |||
float: left; | |||
} | |||
#content div.box ol.left { | |||
float: left; | |||
} | |||
#content div.box li { | |||
padding: 4px 0 4px 0; | |||
font-size: 12px; | |||
} | |||
#content div.box ol.lower-roman,#content div.box ol.upper-roman { | |||
margin: 10px 24px 10px 44px; | |||
} | |||
#content div.box ol.lower-alpha,#content div.box ol.upper-alpha { | |||
margin: 10px 24px 10px 44px; | |||
} | |||
#content div.box ol.decimal { | |||
margin: 10px 24px 10px 44px; | |||
} | |||
#content div.box ul.disc,#content div.box ul.circle { | |||
margin: 10px 24px 10px 38px; | |||
} | |||
#content div.box ul.square { | |||
margin: 10px 24px 10px 40px; | |||
r547 | } | ||
r577 | /* | ||
content / right / box / images | |||
*/ | |||
r578 | #content div.box img.left { | ||
margin: 10px 10px 10px 0; | |||
r547 | border: none; | ||
float: left; | |||
} | |||
r578 | #content div.box img.right { | ||
margin: 10px 0 10px 10px; | |||
r547 | border: none; | ||
float: right; | |||
} | |||
r577 | /* | ||
content / right / box / messages | |||
r578 | */ | ||
#content div.box div.messages { | |||
r547 | margin: 0 20px 0 20px; | ||
r578 | padding: 0; | ||
r547 | clear: both; | ||
overflow: hidden; | |||
} | |||
r578 | #content div.box div.message { | ||
r547 | margin: 0 0 0px 0; | ||
r578 | padding: 10px 0 10px 0; | ||
r547 | clear: both; | ||
overflow: hidden; | |||
} | |||
r579 | #content div.box div.message a{ | ||
font-weight: normal !important; | |||
} | |||
r578 | #content div.box div.message div.image { | ||
r547 | margin: 9px 0 0 5px; | ||
padding: 6px; | |||
float: left; | |||
} | |||
r578 | #content div.box div.message div.image img { | ||
margin: 0; | |||
vertical-align: middle; | |||
} | |||
#content div.box div.message div.text { | |||
margin: 0; | |||
padding: 9px 6px 9px 6px; | |||
float: left; | |||
} | |||
#content div.box div.message div.dismiss { | |||
margin: 0; | |||
padding: 0; | |||
float: right; | |||
} | |||
#content div.box div.message div.dismiss a { | |||
r547 | margin: 15px 14px 0 0; | ||
padding: 0; | |||
height: 16px; | |||
width: 16px; | |||
display: block; | |||
background: url("../images/icons/cross.png") no-repeat; | |||
} | |||
r578 | #content div.box div.message div.text h1,#content div.box div.message div.text h2,#content div.box div.message div.text h3,#content div.box div.message div.text h4,#content div.box div.message div.text h5,#content div.box div.message div.text h6 | ||
{ | |||
margin: 0; | |||
padding: 0px; | |||
border: none; | |||
} | |||
#content div.box div.message div.text span { | |||
margin: 0; | |||
padding: 5px 0 0 0; | |||
height: 1%; | |||
display: block; | |||
} | |||
#content div.box div.message-error { | |||
height: 1%; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
background: #FBE3E4; | |||
r578 | border: 1px solid #FBC2C4; | ||
r547 | color: #860006; | ||
} | |||
r578 | #content div.box div.message-error h6 { | ||
r547 | color: #860006; | ||
} | |||
r578 | #content div.box div.message-warning { | ||
height: 1%; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | background: #FFF6BF; | ||
border: 1px solid #FFD324; | |||
color: #5f5200; | |||
} | |||
#content div.box div.message-warning h6 { | |||
color: #5f5200; | |||
} | |||
#content div.box div.message-notice { | |||
height: 1%; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | background: #8FBDE0; | ||
border: 1px solid #6BACDE; | |||
color: #003863; | |||
} | |||
#content div.box div.message-notice h6 { | |||
color: #003863; | |||
} | |||
#content div.box div.message-success { | |||
height: 1%; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | background: #E6EFC2; | ||
border: 1px solid #C6D880; | |||
color: #4e6100; | |||
} | |||
#content div.box div.message-success h6 { | |||
color: #4e6100; | |||
r547 | } | ||
r577 | /* | ||
content / right / box / forms | |||
*/ | |||
r578 | #content div.box div.form { | ||
r547 | margin: 0; | ||
padding: 0 20px 10px 20px; | |||
r578 | clear: both; | ||
overflow: hidden; | |||
} | |||
#content div.box div.form div.fields { | |||
r547 | margin: 0; | ||
padding: 0; | |||
r578 | clear: both; | ||
overflow: hidden; | |||
} | |||
#content div.box div.form div.fields div.field { | |||
r547 | margin: 0; | ||
r578 | padding: 10px 0 10px 0; | ||
r547 | height: 1%; | ||
border-bottom: 1px solid #DDDDDD; | |||
clear: both; | |||
} | |||
r578 | #content div.box div.form div.fields div.field-first { | ||
padding: 0 0 10px 0; | |||
} | |||
#content div.box div.form div.fields div.field-noborder { | |||
border-bottom: 0px !important; | |||
} | |||
#content div.box div.form div.fields div.field span.error-message { | |||
r581 | margin: 8px 0px 0px 4px; | ||
r547 | padding: 0; | ||
height: 1%; | |||
r581 | display: inline-block; | ||
r547 | color: #FF0000; | ||
} | |||
r578 | #content div.box div.form div.fields div.field span.success { | ||
r547 | margin: 8px 0 0 0; | ||
padding: 0; | |||
height: 1%; | |||
display: block; | |||
color: #316309; | |||
} | |||
r577 | /* | ||
content / right / forms / labels | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.label { | ||
r547 | left: 310px; | ||
margin: 0; | |||
padding: 8px 0 0 5px; | |||
width: auto; | |||
position: absolute; | |||
} | |||
r578 | #content div.box-left div.form div.fields div.field div.label,#content div.box-right div.form div.fields div.field div.label | ||
{ | |||
left: 0; | |||
margin: 0; | |||
padding: 0 0 8px 0; | |||
width: auto; | |||
position: relative; | |||
clear: both; | |||
overflow: hidden; | |||
r547 | } | ||
r577 | /* | ||
content / right / forms / label (select) | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.label-select { | ||
r547 | padding: 2px 0 0 5px; | ||
} | |||
r578 | #content div.box-left div.form div.fields div.field div.label-select,#content div.box-right div.form div.fields div.field div.label-select | ||
{ | |||
r547 | padding: 0 0 8px 0; | ||
} | |||
r577 | /* | ||
content / right / forms / label (checkbox) | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.label-checkbox { | ||
padding: 0 0 0 5px !important; | |||
r547 | } | ||
r577 | /* | ||
content / right / forms / label (radio) | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.label-radio { | ||
padding: 0 0 0 5px !important; | |||
r547 | } | ||
r577 | /* | ||
content / right / forms / label (textarea) | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.label-textarea { | ||
padding: 0 0 0 5px !important; | |||
} | |||
#content div.box-left div.form div.fields div.field div.label-textarea,#content div.box-right div.form div.fields div.field div.label-textarea | |||
{ | |||
r547 | padding: 0 0 8px 0 !important; | ||
} | |||
r577 | /* | ||
content / right / forms / labels (label) | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.label label { | ||
color: #393939; | |||
font-weight: bold; | |||
} | |||
#content div.box div.form div.fields div.field div.label span { | |||
r547 | margin: 0; | ||
padding: 2px 0 0 0; | |||
height: 1%; | |||
display: block; | |||
color: #363636; | |||
} | |||
r577 | /* | ||
content / right / forms / input | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.input { | ||
r547 | margin: 0 0 0 200px; | ||
} | |||
r578 | #content div.box-left div.form div.fields div.field div.input,#content div.box-right div.form div.fields div.field div.input | ||
{ | |||
margin: 0; | |||
padding: 7px 7px 6px 7px; | |||
clear: both; | |||
overflow: hidden; | |||
border-top: 1px solid #b3b3b3; | |||
border-left: 1px solid #b3b3b3; | |||
border-right: 1px solid #eaeaea; | |||
border-bottom: 1px solid #eaeaea; | |||
} | |||
#content div.box div.form div.fields div.field div.input input { | |||
margin: 0; | |||
padding: 7px 7px 6px 7px; | |||
background: #FFFFFF; | |||
border-top: 1px solid #b3b3b3; | |||
border-left: 1px solid #b3b3b3; | |||
border-right: 1px solid #eaeaea; | |||
border-bottom: 1px solid #eaeaea; | |||
color: #000000; | |||
font-family: Lucida Grande, Verdana, Lucida Sans Regular, | |||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
} | |||
r578 | #content div.box-left div.form div.fields div.field div.input input,#content div.box-right div.form div.fields div.field div.input input | ||
{ | |||
r547 | width: 100%; | ||
r578 | padding: 0; | ||
border: none; | |||
} | |||
#content div.box div.form div.fields div.field div.input input.small { | |||
width: 30%; | |||
} | |||
#content div.box div.form div.fields div.field div.input input.medium { | |||
width: 55%; | |||
} | |||
#content div.box div.form div.fields div.field div.input input.large { | |||
width: 85%; | |||
} | |||
#content div.box div.form div.fields div.field div.input input.date { | |||
width: 177px; | |||
} | |||
#content div.box div.form div.fields div.field div.input input.button { | |||
margin: 0; | |||
padding: 4px 8px 4px 8px; | |||
background: #D4D0C8; | |||
border-top: 1px solid #FFFFFF; | |||
border-left: 1px solid #FFFFFF; | |||
border-right: 1px solid #404040; | |||
border-bottom: 1px solid #404040; | |||
color: #000000; | |||
} | |||
#content div.box div.form div.fields div.field div.input input.error { | |||
r547 | background: #FBE3E4; | ||
border-top: 1px solid #e1b2b3; | |||
border-left: 1px solid #e1b2b3; | |||
border-right: 1px solid #FBC2C4; | |||
border-bottom: 1px solid #FBC2C4; | |||
} | |||
r578 | #content div.box div.form div.fields div.field div.input input.success { | ||
r547 | background: #E6EFC2; | ||
border-top: 1px solid #cebb98; | |||
border-left: 1px solid #cebb98; | |||
border-right: 1px solid #c6d880; | |||
border-bottom: 1px solid #c6d880; | |||
} | |||
#content div.box div.form div.fields div.field div.input img.ui-datepicker-trigger | |||
r578 | { | ||
margin: 0 0 0 6px; | |||
r547 | } | ||
r577 | /* | ||
content / right / forms / input (file styling) | |||
*/ | |||
r547 | #content div.box div.form div.fields div.field div.input a.ui-input-file | ||
r578 | { | ||
margin: 0 0 0 6px; | |||
padding: 0; | |||
width: 28px; | |||
height: 28px; | |||
display: inline; | |||
position: absolute; | |||
overflow: hidden; | |||
cursor: pointer; | |||
background: #e5e3e3 url("../images/button_browse.png") no-repeat; | |||
border: none; | |||
text-decoration: none; | |||
r547 | } | ||
#content div.box div.form div.fields div.field div.input a:hover.ui-input-file | |||
r578 | { | ||
background: #e5e3e3 url("../images/button_browse_selected.png") | |||
no-repeat; | |||
r547 | } | ||
r577 | /* | ||
content / right / forms / textarea | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.textarea { | ||
r547 | margin: 0 0 0 200px; | ||
padding: 10px; | |||
r578 | border-top: 1px solid #b3b3b3; | ||
border-left: 1px solid #b3b3b3; | |||
border-right: 1px solid #eaeaea; | |||
border-bottom: 1px solid #eaeaea; | |||
} | |||
#content div.box div.form div.fields div.field div.textarea-editor { | |||
r547 | padding: 0; | ||
r578 | border: 1px solid #dddddd; | ||
} | |||
#content div.box-left div.form div.fields div.field div.textarea,#content div.box-right div.form div.fields div.field div.textarea | |||
{ | |||
r547 | margin: 0; | ||
} | |||
r578 | #content div.box div.form div.fields div.field div.textarea textarea { | ||
margin: 0; | |||
padding: 0; | |||
r547 | width: 100%; | ||
height: 220px; | |||
overflow: hidden; | |||
r578 | background: #FFFFFF; | ||
r547 | border-width: 0; | ||
r578 | color: #000000; | ||
font-family: Lucida Grande, Verdana, Lucida Sans Regular, | |||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
r578 | outline: none; | ||
} | |||
#content div.box-left div.form div.fields div.field div.textarea textarea,#content div.box-right div.form div.fields div.field div.textarea textarea | |||
{ | |||
r547 | width: 100%; | ||
height: 100px; | |||
} | |||
#content div.box div.form div.fields div.field div.textarea textarea.error | |||
r578 | { | ||
padding: 3px 10px 10px 23px; | |||
r547 | background-color: #FBE3E4; | ||
background-image: url("../../../resources/images/icons/exclamation.png"); | |||
background-repeat: no-repeat; | |||
background-position: 3px 3px; | |||
r578 | border: 1px solid #FBC2C4; | ||
r547 | } | ||
#content div.box div.form div.fields div.field div.textarea textarea.success | |||
r578 | { | ||
padding: 3px 10px 10px 23px; | |||
r547 | background-color: #E6EFC2; | ||
background-image: url("../../../resources/images/icons/accept.png"); | |||
background-repeat: no-repeat; | |||
background-position: 3px 3px; | |||
r578 | border: 1px solid #C6D880; | ||
r547 | } | ||
r577 | /* | ||
content / right / forms / textarea (tinymce editor) | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.textarea table { | ||
r547 | margin: 0; | ||
padding: 0; | |||
width: 100%; | |||
border: none; | |||
} | |||
r578 | #content div.box div.form div.fields div.field div.textarea table td { | ||
r547 | padding: 0; | ||
background: #DDDDDD; | |||
r578 | border: none; | ||
r547 | } | ||
#content div.box div.form div.fields div.field div.textarea table td table | |||
r578 | { | ||
r547 | margin: 0; | ||
padding: 0; | |||
width: auto; | |||
border: none; | |||
} | |||
#content div.box div.form div.fields div.field div.textarea table td table td | |||
r578 | { | ||
r547 | padding: 5px 5px 5px 0; | ||
r578 | font-family: Lucida Grande, Verdana, Lucida Sans Regular, | ||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
} | |||
#content div.box div.form div.fields div.field div.textarea table td table td a | |||
r578 | { | ||
border: none; | |||
r547 | } | ||
#content div.box div.form div.fields div.field div.textarea table td table td a.mceButtonActive | |||
r578 | { | ||
r547 | background: #b1b1b1; | ||
} | |||
r577 | /* | ||
content / right / forms / select | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.select { | ||
r547 | margin: 0 0 0 200px; | ||
padding: 0; | |||
} | |||
r578 | #content div.box div.form div.fields div.field div.select a:hover { | ||
color: #000000; | |||
text-decoration: none; | |||
} | |||
#content div.box div.form div.fields div.field div.select select { | |||
margin: 0; | |||
r547 | } | ||
r577 | /* | ||
content / right / forms / select (jquery styling) | |||
*/ | |||
r547 | #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus | ||
r578 | { | ||
r547 | border: 1px solid #666666; | ||
} | |||
r578 | #content div.box div.form div.fields div.field div.select a.ui-selectmenu | ||
{ | |||
color: #565656; | |||
text-decoration: none; | |||
} | |||
#content div.box div.form div.fields div.field div.select a.ui-selectmenu:hover | |||
{ | |||
r547 | color: #000000; | ||
r578 | text-decoration: none; | ||
r547 | } | ||
#content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus span.ui-icon | |||
r578 | { | ||
r547 | background-image: url(../images/ui/ui-icons_222222_256x240.png); | ||
} | |||
r577 | /* | ||
content / right / forms / element focus | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field input[type=text]:focus,#content div.box div.form div.fields div.field input[type=password]:focus,#content div.box div.form div.fields div.field input[type=file]:focus,#content div.box div.form div.fields div.field textarea:focus,#content div.box div.form div.fields div.field select:focus | ||
{ | |||
r547 | background: #f6f6f6; | ||
r578 | border-color: #666; | ||
r547 | } | ||
r577 | /* | ||
content / right / forms / checkboxes | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.checkboxes { | ||
r547 | margin: 0 0 0 200px; | ||
padding: 0; | |||
} | |||
#content div.box div.form div.fields div.field div.checkboxes div.checkbox | |||
r578 | { | ||
r547 | margin: 0; | ||
padding: 2px 0 2px 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
#content div.box div.form div.fields div.field div.checkboxes div.checkbox input | |||
r578 | { | ||
margin: 0; | |||
r547 | float: left; | ||
} | |||
#content div.box div.form div.fields div.field div.checkboxes div.checkbox label | |||
r578 | { | ||
r547 | margin: 3px 0 0 4px; | ||
height: 1%; | |||
display: block; | |||
float: left; | |||
} | |||
r577 | /* | ||
content / right / forms / radios | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.radios { | ||
r547 | margin: 0 0 0 200px; | ||
padding: 0; | |||
} | |||
r578 | #content div.box div.form div.fields div.field div.radios div.radio { | ||
r547 | margin: 0; | ||
padding: 2px 0 2px 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
#content div.box div.form div.fields div.field div.radios div.radio input | |||
r578 | { | ||
margin: 0; | |||
r547 | float: left; | ||
} | |||
#content div.box div.form div.fields div.field div.radios div.radio label | |||
r578 | { | ||
r547 | margin: 3px 0 0 4px; | ||
height: 1%; | |||
display: block; | |||
float: left; | |||
} | |||
r578 | |||
r577 | /* | ||
content / right / forms / button | |||
*/ | |||
r578 | div.form div.fields div.field div.button { | ||
r547 | margin: 0; | ||
padding: 0 0 0 8px; | |||
float: left; | |||
} | |||
r578 | div.form div.fields div.field div.button input { | ||
r547 | margin: 0; | ||
color: #000000; | |||
r578 | font-family: Lucida Grande, Verdana, Lucida Sans Regular, | ||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
font-weight: bold; | |||
} | |||
r578 | div.form div.fields div.field div.button .ui-state-default { | ||
r547 | margin: 0; | ||
padding: 6px 12px 6px 12px; | |||
background: #e5e3e3 url("../images/button.png") repeat-x; | |||
border-top: 1px solid #DDDDDD; | |||
border-left: 1px solid #c6c6c6; | |||
border-right: 1px solid #DDDDDD; | |||
border-bottom: 1px solid #c6c6c6; | |||
color: #515151; | |||
outline: none; | |||
} | |||
r578 | div.form div.fields div.field div.button .ui-state-hover { | ||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #b4b4b4 url("../images/button_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
color: #515151; | |||
outline: none; | |||
} | |||
div.form div.fields div.field div.highlight { | |||
display: inline; | |||
} | |||
div.form div.fields div.field div.highlight .ui-state-default { | |||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #4e85bb url("../images/button_highlight.png") repeat-x; | |||
border-top: 1px solid #5c91a4; | |||
border-left: 1px solid #2a6f89; | |||
border-right: 1px solid #2b7089; | |||
border-bottom: 1px solid #1a6480; | |||
color: #FFFFFF; | |||
} | |||
div.form div.fields div.field div.highlight .ui-state-hover { | |||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #46a0c1 url("../images/button_highlight_selected.png") | |||
repeat-x; | |||
border-top: 1px solid #78acbf; | |||
border-left: 1px solid #34819e; | |||
border-right: 1px solid #35829f; | |||
border-bottom: 1px solid #257897; | |||
color: #FFFFFF; | |||
} | |||
/* | |||
content / right / forms / buttons | |||
*/ | |||
#content div.box div.form div.fields div.buttons { | |||
margin: 10px 0 0 200px; | |||
padding: 0; | |||
} | |||
#content div.box-left div.form div.fields div.buttons,#content div.box-right div.form div.fields div.buttons | |||
{ | |||
margin: 10px 0 0 0; | |||
} | |||
#content div.box div.form div.fields div.buttons input { | |||
margin: 0; | |||
color: #000000; | |||
font-family: Lucida Grande, Verdana, Lucida Sans Regular, | |||
Lucida Sans Unicode, Arial, sans-serif; | |||
font-size: 11px; | |||
font-weight: bold; | |||
} | |||
/* | |||
content / right / forms / buttons | |||
*/ | |||
div.form div.fields div.buttons { | |||
margin: 10px 0 0 200px; | |||
padding: 0; | |||
} | |||
div.box-left div.form div.fields div.buttons,div.box-right div.form div.fields div.buttons | |||
{ | |||
margin: 10px 0 0 0; | |||
} | |||
div.form div.fields div.buttons input { | |||
margin: 0; | |||
color: #000000; | |||
font-family: Lucida Grande, Verdana, Lucida Sans Regular, | |||
Lucida Sans Unicode, Arial, sans-serif; | |||
font-size: 11px; | |||
font-weight: bold; | |||
} | |||
/* | |||
content / right / forms / buttons (jquery styling) | |||
*/ | |||
#content div.box div.form div.fields div.buttons input.ui-state-default | |||
{ | |||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #e5e3e3 url("../images/button.png") repeat-x; | |||
border-top: 1px solid #DDDDDD; | |||
border-left: 1px solid #c6c6c6; | |||
border-right: 1px solid #DDDDDD; | |||
border-bottom: 1px solid #c6c6c6; | |||
color: #515151; | |||
outline: none; | |||
} | |||
#content div.box div.form div.fields div.buttons input.ui-state-hover { | |||
r547 | margin: 0; | ||
padding: 6px 12px 6px 12px; | |||
background: #b4b4b4 url("../images/button_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
color: #515151; | |||
outline: none; | |||
} | |||
r578 | #content div.box div.form div.fields div.buttons div.highlight { | ||
r547 | display: inline; | ||
} | |||
r578 | #content div.box div.form div.fields div.buttons div.highlight input.ui-state-default | ||
{ | |||
r547 | margin: 0; | ||
padding: 6px 12px 6px 12px; | |||
r577 | background: #4e85bb url("../images/button_highlight.png") repeat-x; | ||
r547 | border-top: 1px solid #5c91a4; | ||
border-left: 1px solid #2a6f89; | |||
border-right: 1px solid #2b7089; | |||
border-bottom: 1px solid #1a6480; | |||
color: #FFFFFF; | |||
} | |||
r578 | #content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover | ||
{ | |||
r547 | margin: 0; | ||
padding: 6px 12px 6px 12px; | |||
r578 | background: #46a0c1 url("../images/button_highlight_selected.png") | ||
repeat-x; | |||
r547 | border-top: 1px solid #78acbf; | ||
border-left: 1px solid #34819e; | |||
border-right: 1px solid #35829f; | |||
border-bottom: 1px solid #257897; | |||
color: #FFFFFF; | |||
} | |||
r577 | /* | ||
content / right / box / tables | |||
*/ | |||
r578 | #content div.box div.table { | ||
r547 | margin: 0; | ||
padding: 0 20px 10px 20px; | |||
r578 | clear: both; | ||
overflow: hidden; | |||
} | |||
#content div.box table { | |||
margin: 0; | |||
padding: 0; | |||
width: 100%; | |||
border-collapse: collapse; | |||
} | |||
#content div.box table th { | |||
padding: 10px; | |||
r547 | background: #eeeeee; | ||
r578 | border-bottom: 1px solid #dddddd; | ||
} | |||
#content div.box table th.left { | |||
text-align: left; | |||
} | |||
#content div.box table th.right { | |||
text-align: right; | |||
} | |||
#content div.box table th.center { | |||
text-align: center; | |||
} | |||
#content div.box table th.selected { | |||
r547 | padding: 0; | ||
vertical-align: middle; | |||
} | |||
r578 | #content div.box table th.selected input { | ||
margin: 0; | |||
} | |||
#content div.box table td { | |||
padding: 5px; | |||
r547 | background: #ffffff; | ||
r578 | border-bottom: 1px solid #cdcdcd; | ||
vertical-align: middle; | |||
} | |||
#content div.box table tr.selected td { | |||
background: #FFFFCC; | |||
} | |||
#content div.box table td.selected { | |||
r547 | padding: 0; | ||
r578 | width: 3%; | ||
text-align: center; | |||
r547 | vertical-align: middle; | ||
} | |||
r578 | #content div.box table td.selected input { | ||
margin: 0; | |||
} | |||
#content div.box table td.action { | |||
r547 | width: 45%; | ||
text-align: left; | |||
} | |||
r578 | #content div.box table td.user { | ||
r547 | width: 10%; | ||
text-align: center; | |||
} | |||
r578 | #content div.box table td.date { | ||
r547 | width: 33%; | ||
text-align: center; | |||
} | |||
r578 | #content div.box table td.address { | ||
r547 | width: 10%; | ||
text-align: center; | |||
} | |||
r577 | /* | ||
content / right / box / table action | |||
*/ | |||
r578 | #content div.box div.action { | ||
r547 | margin: 10px 0 0 0; | ||
padding: 0; | |||
float: right; | |||
background: #FFFFFF; | |||
text-align: right; | |||
} | |||
r578 | #content div.box div.action a:hover { | ||
color: #000000; | |||
text-decoration: none; | |||
} | |||
#content div.box div.action select { | |||
margin: 0; | |||
font-family: Lucida Grande, Verdana, Lucida Sans Regular, | |||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
} | |||
r578 | #content div.box div.action div.button { | ||
r547 | margin: 6px 0 0 0; | ||
padding: 0; | |||
text-align: right; | |||
} | |||
r578 | #content div.box div.action div.button input { | ||
r547 | margin: 0; | ||
color: #000000; | |||
r578 | font-family: Lucida Grande, Verdana, Lucida Sans Regular, | ||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
font-weight: bold; | |||
} | |||
r578 | #content div.box div.action div.button input.ui-state-default { | ||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #e5e3e3 url("../images/button.png") repeat-x; | |||
border-top: 1px solid #DDDDDD; | |||
border-left: 1px solid #c6c6c6; | |||
border-right: 1px solid #DDDDDD; | |||
border-bottom: 1px solid #c6c6c6; | |||
color: #515151; | |||
} | |||
#content div.box div.action div.button input.ui-state-hover { | |||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #b4b4b4 url("../images/button_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
color: #515151; | |||
} | |||
#content div.box div.action .ui-selectmenu { | |||
margin: 0; | |||
r547 | padding: 0; | ||
} | |||
r578 | #content div.box div.action a.ui-selectmenu-focus { | ||
r547 | border: 1px solid #666666; | ||
} | |||
r578 | #content div.box div.action a.ui-selectmenu-focus span.ui-icon { | ||
r547 | background-image: url(../images/ui/ui-icons_222222_256x240.png); | ||
} | |||
r577 | /* | ||
content / right / pagination | |||
*/ | |||
r578 | #content div.box div.pagination { | ||
margin: 10px 0 0 0; | |||
padding: 0; | |||
height: 1%; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
#content div.box div.pagination div.results { | |||
margin: 0; | |||
padding: 0; | |||
text-align: left; | |||
float: left | |||
} | |||
#content div.box div.pagination div.results span { | |||
margin: 0; | |||
padding: 6px 8px 6px 8px; | |||
height: 1%; | |||
display: block; | |||
float: left; | |||
background: #ebebeb url("../images/pager.png") repeat-x; | |||
border-top: 1px solid #dedede; | |||
border-left: 1px solid #cfcfcf; | |||
border-right: 1px solid #c4c4c4; | |||
border-bottom: 1px solid #c4c4c4; | |||
r547 | color: #4A4A4A; | ||
font-weight: bold; | |||
} | |||
r578 | #content div.box div.pagination ul.pager { | ||
margin: 0; | |||
padding: 0; | |||
float: right; | |||
text-align: right; | |||
} | |||
#content div.box div.pagination ul.pager li { | |||
margin: 0 0 0 4px; | |||
padding: 0; | |||
height: 1%; | |||
float: left; | |||
list-style: none; | |||
background: #ebebeb url("../images/pager.png") repeat-x; | |||
border-top: 1px solid #dedede; | |||
border-left: 1px solid #cfcfcf; | |||
border-right: 1px solid #c4c4c4; | |||
border-bottom: 1px solid #c4c4c4; | |||
r547 | color: #4A4A4A; | ||
r578 | font-weight: bold; | ||
} | |||
#content div.box div.pagination ul.pager li.separator { | |||
padding: 6px; | |||
} | |||
#content div.box div.pagination ul.pager li.current { | |||
padding: 6px; | |||
background: #b4b4b4 url("../images/pager_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
color: #515151; | |||
} | |||
#content div.box div.pagination ul.pager li.disabled { | |||
padding: 6px; | |||
color: #B4B4B4; | |||
} | |||
#content div.box div.pagination ul.pager li a { | |||
margin: 0; | |||
padding: 6px; | |||
height: 1%; | |||
display: block; | |||
float: left; | |||
color: #515151; | |||
r547 | text-decoration: none; | ||
} | |||
r578 | #content div.box div.pagination ul.pager li a:hover,#content div.box div.pagination ul.pager li a:active | ||
{ | |||
margin: -1px; | |||
background: #b4b4b4 url("../images/pager_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
r547 | } | ||
r577 | /* | ||
content / webhelpers pagination | |||
*/ | |||
r578 | #content div.box div.pagination-wh { | ||
margin: 10px 0 0 0; | |||
padding: 0; | |||
height: 1%; | |||
clear: both; | |||
overflow: hidden; | |||
text-align: right; | |||
} | |||
#content div.box div.pagination-wh div.results { | |||
margin: 0; | |||
padding: 0; | |||
text-align: left; | |||
float: left | |||
} | |||
#content div.box div.pagination-wh div.results span { | |||
margin: 0; | |||
padding: 6px 8px 6px 8px; | |||
height: 1%; | |||
display: block; | |||
float: left; | |||
background: #ebebeb url("../images/pager.png") repeat-x; | |||
border-top: 1px solid #dedede; | |||
border-left: 1px solid #cfcfcf; | |||
border-right: 1px solid #c4c4c4; | |||
border-bottom: 1px solid #c4c4c4; | |||
r547 | color: #4A4A4A; | ||
font-weight: bold; | |||
} | |||
r578 | #content div.box div.pagination-left { | ||
float: left; | |||
} | |||
#content div.box div.pagination-right { | |||
float: right; | |||
} | |||
#content div.box div.pagination-wh a,#content div.box div.pagination-wh span.pager_dotdot | |||
{ | |||
margin: 0 0 0 4px; | |||
padding: 6px; | |||
height: 1%; | |||
float: left; | |||
background: #ebebeb url("../images/pager.png") repeat-x; | |||
border-top: 1px solid #dedede; | |||
border-left: 1px solid #cfcfcf; | |||
border-right: 1px solid #c4c4c4; | |||
border-bottom: 1px solid #c4c4c4; | |||
r547 | color: #4A4A4A; | ||
r578 | font-weight: bold; | ||
} | |||
#content div.box div.pagination-wh span.pager_curpage { | |||
margin: 0 0 0 4px; | |||
padding: 6px; | |||
height: 1%; | |||
float: left; | |||
background: #b4b4b4 url("../images/pager_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
color: #515151; | |||
font-weight: bold; | |||
} | |||
#content div.box div.pagination-wh a.disabled { | |||
padding: 6px; | |||
color: #B4B4B4; | |||
} | |||
#content div.box div.pagination-wh a:hover,#content div.box div.pagination-wh a:active | |||
{ | |||
background: #b4b4b4 url("../images/pager_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
text-decoration: none; | |||
} | |||
r547 | |||
r577 | /* | ||
content / right / traffic chart | |||
*/ | |||
r578 | #content div.box div.traffic { | ||
r547 | margin: 0; | ||
padding: 0 20px 10px 20px; | |||
r578 | clear: both; | ||
overflow: hidden; | |||
} | |||
#content div.box div.traffic div.legend { | |||
r547 | margin: 0 0 10px 0; | ||
padding: 0 0 10px 0; | |||
clear: both; | |||
overflow: hidden; | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
r578 | #content div.box div.traffic div.legend h6 { | ||
r547 | margin: 0; | ||
padding: 0; | |||
float: left; | |||
border: none; | |||
} | |||
r578 | #content div.box div.traffic div.legend ul { | ||
r547 | margin: 0; | ||
padding: 0; | |||
r578 | float: right; | ||
} | |||
#content div.box div.traffic div.legend li { | |||
r547 | margin: 0; | ||
padding: 0 8px 0 4px; | |||
list-style: none; | |||
float: left; | |||
font-size: 11px; | |||
} | |||
r578 | #content div.box div.traffic div.legend li.visits { | ||
r547 | border-left: 12px solid #edc240; | ||
} | |||
r578 | #content div.box div.traffic div.legend li.pageviews { | ||
r547 | border-left: 12px solid #afd8f8; | ||
} | |||
r578 | #content div.box div.traffic table { | ||
r547 | width: auto; | ||
} | |||
r578 | #content div.box div.traffic table td { | ||
r547 | padding: 2px 3px 3px 3px; | ||
background: transparent; | |||
border: none; | |||
} | |||
r578 | #content div.box div.traffic table td.legendLabel { | ||
r547 | padding: 0 3px 2px 3px; | ||
} | |||
r577 | /* | ||
r547 | footer | ||
r577 | */ | ||
r578 | #footer { | ||
margin: 0; | |||
padding: 0px 30px; | |||
clear: both; | |||
overflow: hidden; | |||
background: url("../images/header_background.png") repeat scroll 0 0 #B0B0B0; | |||
text-align: right; | |||
} | |||
#footer p { | |||
background:none repeat scroll 0 0 #2F2F2F; | |||
color:#FFFFFF; | |||
font-weight:bold; | |||
padding:15px 25px 15px 0; | |||
r547 | } | ||
r577 | /* | ||
r547 | login | ||
r577 | */ | ||
r578 | #login { | ||
margin: 10% auto 0 auto; | |||
padding: 0; | |||
r547 | width: 420px; | ||
} | |||
r577 | /* | ||
login / colors | |||
r578 | */ | ||
#login div.color { | |||
margin: 10px auto 0 auto; | |||
padding: 3px 3px 3px 0; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | background: #FFFFFF; | ||
} | |||
#login div.color a { | |||
margin: 0 0 0 3px; | |||
padding: 0; | |||
width: 20px; | |||
height: 20px; | |||
display: block; | |||
float: left; | |||
r547 | } | ||
r577 | /* | ||
login / title | |||
r578 | */ | ||
#login div.title { | |||
r547 | margin: 0 auto; | ||
padding: 0; | |||
width: 420px; | |||
clear: both; | |||
overflow: hidden; | |||
position: relative; | |||
r577 | background: #003367 url("../images/header_inner.png") repeat-x; | ||
r547 | } | ||
r578 | #login div.title h5 { | ||
r547 | margin: 10px; | ||
padding: 0; | |||
r578 | color: #ffffff; | ||
r547 | } | ||
r577 | /* | ||
login / title / corners | |||
r578 | */ | ||
#login div.title div.corner { | |||
r547 | height: 6px; | ||
width: 6px; | |||
position: absolute; | |||
r577 | background: url("../images/login_corners.png") no-repeat; | ||
r547 | } | ||
r578 | #login div.title div.tl { | ||
r547 | top: 0; | ||
left: 0; | |||
r578 | background-position: 0 0; | ||
} | |||
#login div.title div.tr { | |||
r547 | top: 0; | ||
right: 0; | |||
r578 | background-position: -6px 0; | ||
} | |||
#login div.inner { | |||
margin: 0 auto; | |||
padding: 20px; | |||
width: 380px; | |||
r547 | background: #FFFFFF url("../images/login.png") no-repeat top left; | ||
r578 | border-top: none; | ||
border-bottom: none; | |||
r547 | } | ||
r577 | /* | ||
login / form | |||
*/ | |||
r578 | #login div.form { | ||
margin: 0; | |||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
#login div.form div.fields { | |||
r547 | margin: 0; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
r578 | #login div.form div.fields div.field { | ||
margin: 0; | |||
padding: 0 0 10px 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
#login div.form div.fields div.field span.error-message { | |||
r547 | margin: 8px 0 0 0; | ||
padding: 0; | |||
height: 1%; | |||
display: block; | |||
color: #FF0000; | |||
} | |||
r578 | #login div.form div.fields div.field div.label { | ||
r547 | margin: 2px 10px 0 0; | ||
padding: 5px 0 0 5px; | |||
width: 173px; | |||
float: left; | |||
r578 | text-align: right; | ||
} | |||
#login div.form div.fields div.field div.label label { | |||
color: #000000; | |||
font-weight: bold; | |||
} | |||
#login div.form div.fields div.field div.label span { | |||
r547 | margin: 0; | ||
padding: 2px 0 0 0; | |||
height: 1%; | |||
display: block; | |||
color: #363636; | |||
} | |||
r578 | #login div.form div.fields div.field div.input { | ||
r547 | margin: 0; | ||
padding: 0; | |||
float: left; | |||
} | |||
r578 | #login div.form div.fields div.field div.input input { | ||
margin: 0; | |||
padding: 7px 7px 6px 7px; | |||
width: 176px; | |||
background: #FFFFFF; | |||
border-top: 1px solid #b3b3b3; | |||
border-left: 1px solid #b3b3b3; | |||
border-right: 1px solid #eaeaea; | |||
border-bottom: 1px solid #eaeaea; | |||
color: #000000; | |||
font-family: Lucida Grande, Verdana, Lucida Sans Regular, | |||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
} | |||
r578 | #login div.form div.fields div.field div.input input.error { | ||
r547 | background: #FBE3E4; | ||
border-top: 1px solid #e1b2b3; | |||
border-left: 1px solid #e1b2b3; | |||
border-right: 1px solid #FBC2C4; | |||
border-bottom: 1px solid #FBC2C4; | |||
} | |||
r578 | #login div.form div.fields div.field div.input input.success { | ||
r547 | background: #E6EFC2; | ||
border-top: 1px solid #cebb98; | |||
border-left: 1px solid #cebb98; | |||
border-right: 1px solid #c6d880; | |||
border-bottom: 1px solid #c6d880; | |||
} | |||
r578 | #login div.form div.fields div.field div.input div.link { | ||
r547 | margin: 6px 0 0 0; | ||
padding: 0; | |||
text-align: right; | |||
} | |||
r578 | #login div.form div.fields div.field div.checkbox { | ||
r547 | margin: 0 0 0 184px; | ||
padding: 0; | |||
} | |||
r578 | #login div.form div.fields div.field div.checkbox label { | ||
color: #565656; | |||
font-weight: bold; | |||
} | |||
#login div.form div.fields div.buttons { | |||
r547 | margin: 0; | ||
padding: 10px 0 0 0; | |||
clear: both; | |||
overflow: hidden; | |||
border-top: 1px solid #DDDDDD; | |||
text-align: right; | |||
} | |||
r578 | #login div.form div.fields div.buttons input { | ||
margin: 0; | |||
color: #000000; | |||
font-size: 1.0em; | |||
font-weight: bold; | |||
font-family: Verdana, Helvetica, Sans-Serif; | |||
} | |||
#login div.form div.fields div.buttons input.ui-state-default { | |||
r547 | margin: 0; | ||
r578 | padding: 6px 12px 6px 12px; | ||
background: #e5e3e3 url("../images/button.png") repeat-x; | |||
border-top: 1px solid #DDDDDD; | |||
border-left: 1px solid #c6c6c6; | |||
border-right: 1px solid #DDDDDD; | |||
border-bottom: 1px solid #c6c6c6; | |||
color: #515151; | |||
} | |||
#login div.form div.fields div.buttons input.ui-state-hover { | |||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #b4b4b4 url("../images/button_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
color: #515151; | |||
r547 | } | ||
r577 | /* | ||
login / links | |||
*/ | |||
r578 | #login div.form div.links { | ||
r547 | margin: 10px 0 0 0; | ||
padding: 0 0 2px 0; | |||
r578 | clear: both; | ||
overflow: hidden; | |||
r547 | } | ||
r577 | /* | ||
r547 | register | ||
r577 | */ | ||
r578 | #register { | ||
margin: 10% auto 0 auto; | |||
padding: 0; | |||
r547 | width: 420px; | ||
} | |||
r577 | /* | ||
register / colors | |||
r578 | */ | ||
#register div.color { | |||
margin: 10px auto 0 auto; | |||
padding: 3px 3px 3px 0; | |||
r547 | clear: both; | ||
overflow: hidden; | |||
r578 | background: #FFFFFF; | ||
} | |||
#register div.color a { | |||
margin: 0 0 0 3px; | |||
padding: 0; | |||
width: 20px; | |||
height: 20px; | |||
display: block; | |||
float: left; | |||
r547 | } | ||
r577 | /* | ||
register / title | |||
r578 | */ | ||
#register div.title { | |||
r547 | margin: 0 auto; | ||
padding: 0; | |||
width: 420px; | |||
clear: both; | |||
overflow: hidden; | |||
position: relative; | |||
r577 | background: #003367 url("../images/header_inner.png") repeat-x; | ||
r547 | } | ||
r578 | #register div.title h5 { | ||
r547 | margin: 10px; | ||
padding: 0; | |||
r578 | color: #ffffff; | ||
r547 | } | ||
r577 | /* | ||
register / inner | |||
*/ | |||
r578 | #register div.title div.corner { | ||
r547 | height: 6px; | ||
width: 6px; | |||
position: absolute; | |||
r577 | background: url("../images/login_corners.png") no-repeat; | ||
r547 | } | ||
r578 | #register div.title div.tl { | ||
r547 | top: 0; | ||
left: 0; | |||
r578 | background-position: 0 0; | ||
} | |||
#register div.title div.tr { | |||
r547 | top: 0; | ||
right: 0; | |||
r578 | background-position: -6px 0; | ||
} | |||
#register div.inner { | |||
margin: 0 auto; | |||
padding: 20px; | |||
width: 380px; | |||
r547 | background: #FFFFFF; | ||
r578 | border-top: none; | ||
border-bottom: none; | |||
r547 | } | ||
r577 | /* | ||
register / form | |||
*/ | |||
r578 | #register div.form { | ||
margin: 0; | |||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
#register div.form div.fields { | |||
r547 | margin: 0; | ||
padding: 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
r578 | #register div.form div.fields div.field { | ||
margin: 0; | |||
padding: 0 0 10px 0; | |||
clear: both; | |||
overflow: hidden; | |||
} | |||
#register div.form div.fields div.field span.error-message { | |||
r547 | margin: 8px 0 0 0; | ||
padding: 0; | |||
height: 1%; | |||
display: block; | |||
color: #FF0000; | |||
} | |||
r578 | #register div.form div.fields div.field div.label { | ||
r547 | margin: 2px 10px 0 0; | ||
padding: 5px 0 0 5px; | |||
width: 100px; | |||
float: left; | |||
r578 | text-align: right; | ||
} | |||
#register div.form div.fields div.field div.label label { | |||
color: #000000; | |||
font-weight: bold; | |||
} | |||
#register div.form div.fields div.field div.label span { | |||
r547 | margin: 0; | ||
padding: 2px 0 0 0; | |||
height: 1%; | |||
display: block; | |||
color: #363636; | |||
} | |||
r578 | #register div.form div.fields div.field div.input { | ||
r547 | margin: 0; | ||
padding: 0; | |||
float: left; | |||
} | |||
r578 | #register div.form div.fields div.field div.input input { | ||
margin: 0; | |||
padding: 7px 7px 6px 7px; | |||
width: 245px; | |||
background: #FFFFFF; | |||
border-top: 1px solid #b3b3b3; | |||
border-left: 1px solid #b3b3b3; | |||
border-right: 1px solid #eaeaea; | |||
border-bottom: 1px solid #eaeaea; | |||
color: #000000; | |||
font-family: Lucida Grande, Verdana, Lucida Sans Regular, | |||
Lucida Sans Unicode, Arial, sans-serif; | |||
r547 | font-size: 11px; | ||
} | |||
r578 | #register div.form div.fields div.field div.input input.error { | ||
r547 | background: #FBE3E4; | ||
border-top: 1px solid #e1b2b3; | |||
border-left: 1px solid #e1b2b3; | |||
border-right: 1px solid #FBC2C4; | |||
border-bottom: 1px solid #FBC2C4; | |||
} | |||
r578 | #register div.form div.fields div.field div.input input.success { | ||
r547 | background: #E6EFC2; | ||
border-top: 1px solid #cebb98; | |||
border-left: 1px solid #cebb98; | |||
border-right: 1px solid #c6d880; | |||
border-bottom: 1px solid #c6d880; | |||
} | |||
r578 | #register div.form div.fields div.field div.input div.link { | ||
r547 | margin: 6px 0 0 0; | ||
padding: 0; | |||
text-align: right; | |||
} | |||
r578 | #register div.form div.fields div.field div.checkbox { | ||
r547 | margin: 0 0 0 184px; | ||
padding: 0; | |||
} | |||
r578 | #register div.form div.fields div.field div.checkbox label { | ||
color: #565656; | |||
font-weight: bold; | |||
} | |||
#register div.form div.fields div.buttons { | |||
r547 | margin: 0; | ||
padding: 10px 0 0 114px; | |||
clear: both; | |||
overflow: hidden; | |||
border-top: 1px solid #DDDDDD; | |||
text-align: left; | |||
} | |||
r578 | #register div.form div.fields div.buttons input { | ||
margin: 0; | |||
color: #000000; | |||
font-size: 1.0em; | |||
font-weight: bold; | |||
font-family: Verdana, Helvetica, Sans-Serif; | |||
} | |||
#register div.form div.fields div.buttons input.ui-state-default { | |||
r547 | margin: 0; | ||
r578 | padding: 6px 12px 6px 12px; | ||
background: #e5e3e3 url("../images/button.png") repeat-x; | |||
border-top: 1px solid #DDDDDD; | |||
border-left: 1px solid #c6c6c6; | |||
border-right: 1px solid #DDDDDD; | |||
border-bottom: 1px solid #c6c6c6; | |||
color: #515151; | |||
} | |||
r547 | #register div.form div.fields div.buttons div.highlight input.ui-state-default | ||
r578 | { | ||
background: url("../images/button_highlight.png") repeat-x scroll 0 0 | |||
#4E85BB; | |||
border-color: #5C91A4 #2B7089 #1A6480 #2A6F89; | |||
border-style: solid; | |||
border-width: 1px; | |||
color: #FFFFFF; | |||
} | |||
#register div.form div.fields div.buttons input.ui-state-hover { | |||
margin: 0; | |||
padding: 6px 12px 6px 12px; | |||
background: #b4b4b4 url("../images/button_selected.png") repeat-x; | |||
border-top: 1px solid #cccccc; | |||
border-left: 1px solid #bebebe; | |||
border-right: 1px solid #b1b1b1; | |||
border-bottom: 1px solid #afafaf; | |||
color: #515151; | |||
r547 | } | ||
#register div.form div.activation_msg { | |||
r578 | padding-top: 4px; | ||
padding-bottom: 4px; | |||
r547 | } | ||
r577 | /* | ||
r547 | SUMMARY | ||
r577 | */ | ||
r578 | .trending_language_tbl,.trending_language_tbl td { | ||
margin: 0px !important; | |||
r547 | padding: 0px !important; | ||
border: 0 !important; | |||
r578 | } | ||
.trending_language { | |||
-moz-border-radius-bottomright: 4px; | |||
-moz-border-radius-topright: 4px; | |||
r547 | border-bottom-right-radius: 4px 4px; | ||
border-top-right-radius: 4px 4px; | |||
r578 | background-color: #336699; | ||
color: #FFFFFF; | |||
display: block; | |||
min-width: 20px; | |||
max-width: 400px; | |||
padding: 3px; | |||
text-decoration: none; | |||
r547 | height: 12px; | ||
margin-bottom: 4px; | |||
margin-left: 5px; | |||
r551 | white-space: pre; | ||
r547 | } | ||
r578 | #clone_url { | ||
r547 | border: none; | ||
} | |||
r578 | |||
r577 | /* | ||
r547 | FILES | ||
r577 | */ | ||
r578 | h3.files_location { | ||
font-size: 1.8em; | |||
font-weight: bold; | |||
margin: 10px 0 !important; | |||
border-bottom: none !important; | |||
} | |||
#files_data.dl { | |||
} | |||
#files_data dl dt { | |||
float: left; | |||
margin: 0 !important; | |||
padding: 5px; | |||
width: 115px; | |||
} | |||
#files_data dl dd { | |||
margin: 0 !important; | |||
padding: 5px !important; | |||
} | |||
r547 | |||
r577 | /* | ||
r547 | CHANGESETS | ||
r577 | */ | ||
r547 | #changeset_content { | ||
r578 | border: 1px solid #CCCCCC; | ||
padding: 5px; | |||
r547 | } | ||
#changeset_content .container .wrapper { | |||
width: 600px; | |||
} | |||
#changeset_content .container { | |||
min-height: 120px; | |||
font-size: 1.2em; | |||
overflow: hidden; | |||
} | |||
#changeset_content .container .left { | |||
float: left; | |||
width: 70%; | |||
padding-left: 5px; | |||
} | |||
#changeset_content .container .right { | |||
float: right; | |||
width: 25%; | |||
text-align: right; | |||
} | |||
#changeset_content .container .left .date { | |||
font-weight: bold; | |||
} | |||
#changeset_content .container .left .author { | |||
} | |||
#changeset_content .container .left .message { | |||
font-style: italic; | |||
color: #556CB5; | |||
white-space: pre-wrap; | |||
} | |||
.cs_files { | |||
r578 | |||
r547 | } | ||
.cs_files .cs_added { | |||
background: url("/images/icons/page_white_add.png") no-repeat scroll 3px; | |||
/*background-color:#BBFFBB;*/ | |||
height: 16px; | |||
padding-left: 20px; | |||
margin-top: 7px; | |||
text-align: left; | |||
} | |||
.cs_files .cs_changed { | |||
background: url("/images/icons/page_white_edit.png") no-repeat scroll | |||
3px; | |||
/*background-color: #FFDD88;*/ | |||
height: 16px; | |||
padding-left: 20px; | |||
margin-top: 7px; | |||
text-align: left; | |||
} | |||
.cs_files .cs_removed { | |||
background: url("/images/icons/page_white_delete.png") no-repeat scroll | |||
3px; | |||
/*background-color: #FF8888;*/ | |||
height: 16px; | |||
padding-left: 20px; | |||
margin-top: 7px; | |||
text-align: left; | |||
} | |||
r577 | /* | ||
r547 | CHANGESETS - CANVAS | ||
r577 | */ | ||
r547 | #graph { | ||
overflow: hidden; | |||
} | |||
#graph_nodes { | |||
width: 160px; | |||
float: left; | |||
r578 | margin-left: -50px; | ||
r547 | margin-top: 5px; | ||
} | |||
#graph_content { | |||
width: 800px; | |||
float: left; | |||
} | |||
#graph_content .container_header { | |||
border: 1px solid #CCCCCC; | |||
r578 | padding: 10px; | ||
r547 | } | ||
#graph_content .container .wrapper { | |||
width: 600px; | |||
} | |||
#graph_content .container { | |||
border-bottom: 1px solid #CCCCCC; | |||
border-left: 1px solid #CCCCCC; | |||
border-right: 1px solid #CCCCCC; | |||
min-height: 80px; | |||
overflow: hidden; | |||
r578 | font-size: 1.2em; | ||
r547 | } | ||
#graph_content .container .left { | |||
float: left; | |||
width: 70%; | |||
padding-left: 5px; | |||
} | |||
#graph_content .container .right { | |||
float: right; | |||
width: 28%; | |||
text-align: right; | |||
padding-bottom: 5px; | |||
} | |||
#graph_content .container .left .date { | |||
font-weight: bold; | |||
r578 | padding-bottom: 5px; | ||
r547 | } | ||
#graph_content .container .left .author { | |||
} | |||
#graph_content .container .left .message { | |||
font-size: 100%; | |||
padding-top: 3px; | |||
white-space: pre-wrap; | |||
} | |||
.right div { | |||
clear: both; | |||
} | |||
.right .changes .added,.changed,.removed { | |||
border: 1px solid #DDDDDD; | |||
display: block; | |||
float: right; | |||
text-align: center; | |||
min-width: 15px; | |||
} | |||
.right .changes .added { | |||
background: #BBFFBB; | |||
} | |||
.right .changes .changed { | |||
background: #FFDD88; | |||
} | |||
.right .changes .removed { | |||
background: #FF8888; | |||
} | |||
.right .merge { | |||
vertical-align: top; | |||
font-size: 60%; | |||
font-weight: bold; | |||
} | |||
.right .merge img { | |||
vertical-align: bottom; | |||
} | |||
.right .parent { | |||
font-size: 90%; | |||
font-family: monospace; | |||
} | |||
r578 | .right .logtags .branchtag { | ||
background: #FFFFFF url("../images/icons/arrow_branch.png") no-repeat | |||
right 6px; | |||
display: block; | |||
padding: 8px 16px 0px 0px | |||
} | |||
.right .logtags .tagtag { | |||
background: #FFFFFF url("../images/icons/tag_blue.png") no-repeat right | |||
6px; | |||
display: block; | |||
padding: 6px 18px 0px 0px | |||
r547 | } | ||
r577 | /* | ||
r547 | FILE BROWSER | ||
r577 | */ | ||
r547 | div.browserblock { | ||
overflow: hidden; | |||
padding: 0px; | |||
border: 1px solid #ccc; | |||
background: #f8f8f8; | |||
font-size: 100%; | |||
line-height: 100%; | |||
/* new */ | |||
line-height: 125%; | |||
} | |||
div.browserblock .browser-header { | |||
border-bottom: 1px solid #CCCCCC; | |||
background: #FFFFFF; | |||
color: blue; | |||
padding: 10px 0 10px 0; | |||
} | |||
div.browserblock .browser-header span { | |||
margin-left: 25px; | |||
font-weight: bold; | |||
} | |||
div.browserblock .browser-body { | |||
background: #EEEEEE; | |||
} | |||
table.code-browser { | |||
border-collapse: collapse; | |||
width: 100%; | |||
} | |||
table.code-browser tr { | |||
margin: 3px; | |||
} | |||
table.code-browser thead th { | |||
background-color: #EEEEEE; | |||
height: 20px; | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
text-align: center; | |||
text-align: left; | |||
padding-left: 10px; | |||
} | |||
table.code-browser tbody tr { | |||
} | |||
table.code-browser tbody td { | |||
padding-left: 10px; | |||
height: 20px; | |||
} | |||
r578 | |||
r547 | table.code-browser .browser-file { | ||
background: url("/images/icons/document_16.png") no-repeat scroll 3px; | |||
height: 16px; | |||
padding-left: 20px; | |||
text-align: left; | |||
} | |||
table.code-browser .browser-dir { | |||
background: url("/images/icons/folder_16.png") no-repeat scroll 3px; | |||
height: 16px; | |||
padding-left: 20px; | |||
text-align: left; | |||
} | |||
r577 | /* | ||
r556 | SEARCH | ||
r577 | */ | ||
r556 | .box .search { | ||
r578 | clear: both; | ||
margin: 0; | |||
overflow: hidden; | |||
padding: 0 20px 10px; | |||
} | |||
.box .search div.search_path { | |||
background: none repeat scroll 0 0 #EEEEEE; | |||
border: 1px solid #CCCCCC; | |||
color: blue; | |||
padding: 10px 0; | |||
margin-bottom: 10px; | |||
} | |||
.box .search div.search_path div.link { | |||
font-weight: bold; | |||
margin-left: 25px; | |||
} | |||
.box .search div.search_path div.link a { | |||
r579 | color: #003367; | ||
r578 | cursor: pointer; | ||
text-decoration: none; | |||
} | |||
r556 | |||
r577 | /* | ||
r547 | ADMIN - SETTINGS | ||
r577 | */ | ||
r578 | #path_unlock { | ||
r547 | color: red; | ||
font-size: 1.2em; | |||
padding-left: 4px; | |||
} | |||
r577 | /* | ||
r547 | INFOBOX | ||
r577 | */ | ||
r578 | .info_box * { | ||
background: url("../../images/pager.png") repeat-x scroll 0 0 #EBEBEB; | |||
border-color: #DEDEDE #C4C4C4 #C4C4C4 #CFCFCF; | |||
border-style: solid; | |||
border-width: 1px; | |||
color: #4A4A4A; | |||
display: block; | |||
font-weight: bold; | |||
height: 1%; | |||
padding: 4px 6px; | |||
r547 | display: inline; | ||
} | |||
r578 | |||
.info_box span { | |||
margin-left: 3px; | |||
margin-right: 3px; | |||
} | |||
r547 | .info_box input#at_rev { | ||
r578 | padding: 5px 3px 3px 2px; | ||
text-align: center; | |||
} | |||
r547 | .info_box input#view { | ||
r578 | padding: 4px 3px 2px 2px; | ||
text-align: center; | |||
} | |||
r577 | /* | ||
r547 | YUI TOOLTIP | ||
r577 | */ | ||
r547 | .yui-overlay,.yui-panel-container { | ||
r578 | visibility: hidden; | ||
position: absolute; | |||
z-index: 2; | |||
r547 | } | ||
.yui-tt { | |||
r578 | visibility: hidden; | ||
position: absolute; | |||
color: #666666; | |||
background-color: #FFFFFF; | |||
font-family: arial, helvetica, verdana, sans-serif; | |||
padding: 8px; | |||
r579 | border: 2px solid #003367; | ||
r578 | font: 100% sans-serif; | ||
width: auto; | |||
opacity: 1.0; | |||
r547 | } | ||
.yui-tt-shadow { | |||
r578 | display: none; | ||
r547 | } | ||
r577 | /* | ||
r547 | YUI AUTOCOMPLETE | ||
r577 | */ | ||
r578 | .ac { | ||
vertical-align: top; | |||
} | |||
r547 | .ac .match { | ||
r578 | font-weight: bold; | ||
r547 | } | ||
.ac .yui-ac { | |||
r578 | position: relative; | ||
font-family: arial; | |||
font-size: 100%; | |||
} | |||
.ac .perm_ac { | |||
width: 15em; | |||
} | |||
r547 | /* styles for input field */ | ||
.ac .yui-ac-input { | |||
r578 | width: 100%; | ||
r547 | } | ||
/* styles for results container */ | |||
.ac .yui-ac-container { | |||
r578 | position: absolute; | ||
top: 1.6em; | |||
width: 100%; | |||
r547 | } | ||
/* styles for header/body/footer wrapper within container */ | |||
.ac .yui-ac-content { | |||
r578 | position: absolute; | ||
width: 100%; | |||
border: 1px solid #808080; | |||
background: #fff; | |||
overflow: hidden; | |||
z-index: 9050; | |||
r547 | } | ||
/* styles for container shadow */ | |||
.ac .yui-ac-shadow { | |||
r578 | position: absolute; | ||
margin: .3em; | |||
width: 100%; | |||
background: #000; | |||
-moz-opacity: 0.10; | |||
opacity: .10; | |||
filter: alpha(opacity = 10); | |||
z-index: 9049; | |||
r547 | } | ||
/* styles for results list */ | |||
.ac .yui-ac-content ul { | |||
r578 | margin: 0; | ||
padding: 0; | |||
width: 100%; | |||
r547 | } | ||
/* styles for result item */ | |||
.ac .yui-ac-content li { | |||
r578 | margin: 0; | ||
padding: 2px 5px; | |||
cursor: default; | |||
white-space: nowrap; | |||
r547 | } | ||
/* styles for prehighlighted result item */ | |||
.ac .yui-ac-content li.yui-ac-prehighlight { | |||
r578 | background: #B3D4FF; | ||
r547 | } | ||
/* styles for highlighted result item */ | |||
.ac .yui-ac-content li.yui-ac-highlight { | |||
r578 | background: #556CB5; | ||
color: #FFF; | |||
} | |||
r547 | |||
r577 | /* | ||
r547 | ACTION ICONS | ||
r577 | */ | ||
r547 | .add_icon { | ||
r578 | background: url("/images/icons/add.png") no-repeat scroll 3px; | ||
height: 16px; | |||
padding-left: 20px; | |||
padding-top: 1px; | |||
text-align: left; | |||
r547 | } | ||
.edit_icon { | |||
r578 | background: url("/images/icons/folder_edit.png") no-repeat scroll 3px; | ||
height: 16px; | |||
padding-left: 20px; | |||
padding-top: 1px; | |||
text-align: left; | |||
r547 | } | ||
.delete_icon { | |||
r578 | background: url("/images/icons/delete.png") no-repeat scroll 3px; | ||
height: 16px; | |||
padding-left: 20px; | |||
padding-top: 1px; | |||
text-align: left; | |||
r547 | } | ||
.rss_icon { | |||
r578 | background: url("/images/icons/rss_16.png") no-repeat scroll 3px; | ||
height: 16px; | |||
padding-left: 20px; | |||
padding-top: 1px; | |||
text-align: left; | |||
r547 | } | ||
.atom_icon { | |||
r578 | background: url("/images/icons/atom.png") no-repeat scroll 3px; | ||
height: 16px; | |||
padding-left: 20px; | |||
padding-top: 1px; | |||
text-align: left; | |||
r547 | } | ||
.archive_icon { | |||
r578 | background: url("/images/icons/compress.png") no-repeat scroll 3px; | ||
height: 16px; | |||
padding-left: 20px; | |||
text-align: left; | |||
padding-top: 1px; | |||
r547 | } | ||
.action_button { | |||
r578 | border: 0px; | ||
display: block; | |||
r547 | } | ||
.action_button:hover { | |||
r578 | border: 0px; | ||
text-decoration: underline; | |||
cursor: pointer; | |||
r547 | } | ||
r577 | /* | ||
r547 | REPO SWITCHER | ||
r577 | */ | ||
r578 | #switch_repos { | ||
r547 | position: absolute; | ||
height: 25px; | |||
z-index: 1; | |||
} | |||
r578 | |||
#switch_repos select { | |||
min-width: 150px; | |||
max-height: 250px; | |||
z-index: 1; | |||
} | |||
r577 | /* | ||
r547 | BREADCRUMBS | ||
r577 | */ | ||
r578 | .breadcrumbs { | ||
border: medium none; | |||
color: #FFFFFF; | |||
float: left; | |||
margin: 0; | |||
padding: 11px 0 11px 10px; | |||
text-transform: uppercase; | |||
font-weight: bold; | |||
font-size: 14px; | |||
} | |||
.breadcrumbs a { | |||
color: #FFFFFF; | |||
} | |||
r547 | |||
r577 | /* | ||
r547 | FLASH MSG | ||
r577 | */ | ||
r547 | .flash_msg ul { | ||
r578 | margin: 0; | ||
padding: 0px 0px 10px 0px; | |||
r547 | } | ||
.error_msg { | |||
r578 | background-color: #FFCFCF; | ||
background-image: url("../../images/icons/error_msg.png"); | |||
border: 1px solid #FF9595; | |||
color: #CC3300; | |||
r547 | } | ||
.warning_msg { | |||
r578 | background-color: #FFFBCC; | ||
background-image: url("../../images/icons/warning_msg.png"); | |||
border: 1px solid #FFF35E; | |||
color: #C69E00; | |||
r547 | } | ||
.success_msg { | |||
r578 | background-color: #D5FFCF; | ||
background-image: url("../../images/icons/success_msg.png"); | |||
border: 1px solid #97FF88; | |||
color: #009900; | |||
r547 | } | ||
.notice_msg { | |||
r578 | background-color: #DCE3FF; | ||
background-image: url("../../images/icons/notice_msg.png"); | |||
border: 1px solid #93A8FF; | |||
color: #556CB5; | |||
r547 | } | ||
.success_msg,.error_msg,.notice_msg,.warning_msg { | |||
r578 | background-position: 10px center; | ||
background-repeat: no-repeat; | |||
font-size: 12px; | |||
font-weight: bold; | |||
min-height: 14px; | |||
line-height: 14px; | |||
margin-bottom: 0px; | |||
margin-top: 0px; | |||
padding: 6px 10px 6px 40px; | |||
display: block; | |||
overflow: auto; | |||
r547 | } | ||
#msg_close { | |||
r578 | background: transparent url("../../icons/cross_grey_small.png") | ||
no-repeat scroll 0 0; | |||
cursor: pointer; | |||
height: 16px; | |||
position: absolute; | |||
right: 5px; | |||
top: 5px; | |||
width: 16px; | |||
} | |||
r577 | /* | ||
r547 | YUI FLOT | ||
r577 | */ | ||
r578 | div#commit_history { | ||
r547 | float: left; | ||
} | |||
r578 | |||
div#legend_data { | |||
float: left; | |||
} | |||
r547 | div#legend_container { | ||
float: left; | |||
} | |||
r578 | div#legend_container table,div#legend_choices table { | ||
width: auto !important; | |||
} | |||
div#legend_container table td { | |||
r547 | border: none !important; | ||
padding: 0px !important; | |||
r578 | height: 20px !important; | ||
} | |||
div#legend_choices table td { | |||
r547 | border: none !important; | ||
padding: 0px !important; | |||
r578 | height: 20px !important; | ||
} | |||
div#legend_choices { | |||
float: left; | |||
r547 | } | ||
r577 | /* | ||
r547 | PERMISSIONS TABLE | ||
r577 | */ | ||
r578 | table#permissions_manage { | ||
width: 0 !important; | |||
} | |||
table#permissions_manage span.private_repo_msg { | |||
font-size: 0.8em; | |||
opacity: 0.6; | |||
} | |||
table#permissions_manage td.private_repo_msg { | |||
font-size: 0.8em; | |||
} | |||
table#permissions_manage tr#add_perm_input td { | |||
vertical-align: middle; | |||
r547 | } | ||
r577 | /* | ||
r547 | GRAVATARS | ||
r577 | */ | ||
r578 | div.gravatar { | ||
background-color: white; | |||
border: 1px solid #D0D0D0; | |||
float: left; | |||
margin-right: 0.7em; | |||
r547 | padding: 2px 2px 0px; | ||
} | |||
r577 | /* | ||
r547 | GLOBAL WIDTH | ||
r577 | */ | ||
r578 | #header,#content,#footer { | ||
min-width: 1224px; | |||
r547 | } | ||
r577 | /* | ||
r547 | content | ||
r578 | */ | ||
#content { | |||
padding:10px 30px; | |||
min-height: 100%; | |||
clear: both; | |||
overflow: hidden; | |||
background: url("../images/header_background.png") repeat scroll 0 0 #B0B0B0 | |||
r547 | } | ||
r577 | /* | ||
content / right / forms / labels | |||
*/ | |||
r578 | #content div.box div.form div.fields div.field div.label { | ||
left: 80px; | |||
margin: 0; | |||
padding: 8px 0 0 5px; | |||
width: auto; | |||
position: absolute; | |||
} | |||
#content div.box-left div.form div.fields div.field div.label,#content div.box-right div.form div.fields div.field div.label | |||
{ | |||
left: 0; | |||
margin: 0; | |||
padding: 0 0 8px 0; | |||
width: auto; | |||
position: relative; | |||
} | |||
/*THEME*/ | |||
r577 | |||
/* | |||
header / quick | |||
*/ | |||
r578 | #header #header-inner #quick li a { | ||
background: #336699 url("../../images/quick_l.png") no-repeat top left; | |||
} | |||
#header #header-inner #quick li span { | |||
background: url("../../images/quick_r.png") no-repeat top right; | |||
border-left: 1px solid #3f6f9f; | |||
} | |||
#header #header-inner #quick li span.icon { | |||
background: url("../../images/quick_l.png") no-repeat top left; | |||
border-right: 1px solid #2e5c89; | |||
} | |||
#header #header-inner #quick li a:hover { | |||
background: #4e4e4e url("../../images/quick_l_selected.png") no-repeat | |||
top left; | |||
} | |||
#header #header-inner #quick li a:hover span { | |||
background: url("../../images/quick_r_selected.png") no-repeat top right; | |||
} | |||
#header #header-inner #quick li a:hover span.icon { | |||
background: url("../../images/quick_l_selected.png") no-repeat top left; | |||
r577 | } | ||
/* | |||
header corners | |||
r578 | */ | ||
#header #header-inner div.corner { | |||
background: url("../../images/header_inner_corners.png") no-repeat; | |||
} | |||
#header #header-inner div.tl { | |||
top: 0; | |||
left: 0; | |||
background-position: 0 0; | |||
} | |||
#header #header-inner div.tr { | |||
top: 0; | |||
right: 0; | |||
background-position: -6px 0; | |||
r577 | } | ||
/* | |||
content / left / menu | |||
r578 | */ | ||
#content #left #menu h6.selected { | |||
background: #00376e url("../../images/menu_selected.png") repeat-x; | |||
} | |||
#content #left #menu h6.selected a { | |||
background: url("../../images/menu_l_selected.png") no-repeat top left; | |||
} | |||
#content #left #menu h6.selected span { | |||
background: url("../../images/menu_r_selected.png") no-repeat top right; | |||
} | |||
#content #left #menu ul { | |||
background: #376ea6; | |||
} | |||
#content #left #menu li { | |||
border-top: 1px solid #4377ab; | |||
border-bottom: 1px solid #326395; | |||
} | |||
#content #left #menu li a { | |||
background: url("../../images/menu_arrow.png") no-repeat 0 9px; | |||
} | |||
#content #left #menu li a:hover { | |||
color: #b9dcff; | |||
} | |||
#content #left #menu li.collapsible { | |||
background: url("../../images/menu_border.png") no-repeat top left; | |||
} | |||
#content #left #menu li.collapsible a.minus { | |||
border-bottom: 1px solid #326395; | |||
} | |||
#content #left #menu li ul { | |||
border-left: 18px solid #326395; | |||
} | |||
#content #left #menu li ul li { | |||
background: url("../../images/menu_arrow.png") no-repeat 10px 9px; | |||
border-top: 1px solid #4377ab; | |||
border-bottom: 1px solid #326395; | |||
r577 | } | ||
r579 | |||
r578 | |||
#content div.box div.title ul.links li.ui-tabs-selected a { | |||
background: url("../../images/title_tab_selected.png") no-repeat bottom | |||
center; | |||
color: #bfe3ff; | |||
r577 | } | ||
/* | |||
content / right / box / search | |||
r578 | */ | ||
#content div.box div.title div.search { | |||
background: url("../../images/title_link.png") no-repeat top left; | |||
border-left: 1px solid #316293; | |||
} | |||
#content div.box div.title div.search div.input input { | |||
border: 1px solid #316293; | |||
r577 | } | ||
#content div.box div.title div.search div.button input.ui-state-default | |||
r578 | { | ||
background: #4e85bb url("../../images/button_highlight.png") repeat-x; | |||
border: 1px solid #316293; | |||
border-left: none; | |||
color: #FFFFFF; | |||
} | |||
#content div.box div.title div.search div.button input.ui-state-hover { | |||
background: #46a0c1 url("../../images/button_highlight_selected.png") | |||
repeat-x; | |||
border: 1px solid #316293; | |||
border-left: none; | |||
color: #FFFFFF; | |||
r577 | } | ||
/* | |||
content / right / forms / button | |||
*/ | |||
#content div.box div.form div.fields div.field div.highlight .ui-state-default | |||
r578 | { | ||
background: #4e85bb url("../../images/button_highlight.png") repeat-x; | |||
border-top: 1px solid #5c91a4; | |||
border-left: 1px solid #2a6f89; | |||
border-right: 1px solid #2b7089; | |||
border-bottom: 1px solid #1a6480; | |||
color: #ffffff; | |||
r577 | } | ||
#content div.box div.form div.fields div.field div.highlight .ui-state-hover | |||
r578 | { | ||
background: #46a0c1 url("../../images/button_highlight_selected.png") | |||
repeat-x; | |||
border-top: 1px solid #78acbf; | |||
border-left: 1px solid #34819e; | |||
border-right: 1px solid #35829f; | |||
border-bottom: 1px solid #257897; | |||
color: #ffffff; | |||
r577 | } | ||
/* | |||
content / right / forms / buttons | |||
*/ | |||
#content div.box div.form div.fields div.buttons div.highlight input.ui-state-default | |||
r578 | { | ||
background: #4e85bb url("../../images/button_highlight.png") repeat-x; | |||
border-top: 1px solid #5c91a4; | |||
border-left: 1px solid #2a6f89; | |||
border-right: 1px solid #2b7089; | |||
border-bottom: 1px solid #1a6480; | |||
color: #ffffff; | |||
r577 | } | ||
#content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover | |||
r578 | { | ||
background: #46a0c1 url("../../images/button_highlight_selected.png") | |||
repeat-x; | |||
border-top: 1px solid #78acbf; | |||
border-left: 1px solid #34819e; | |||
border-right: 1px solid #35829f; | |||
border-bottom: 1px solid #257897; | |||
color: #ffffff; | |||
r577 | } | ||
/* | |||
login / title | |||
r578 | */ | ||
#login div.title { | |||
background: #003367 url("../../images/header_inner.png") repeat-x; | |||
r577 | } | ||
/* | |||
login / title / corners | |||
r578 | */ | ||
#login div.title div.corner { | |||
background: url("../../images/login_corners.png") no-repeat; | |||
} | |||
#login div.title div.tl { | |||
top: 0; | |||
left: 0; | |||
background-position: 0 0; | |||
} | |||
#login div.title div.tr { | |||
top: 0; | |||
right: 0; | |||
background-position: -6px 0; | |||
} |