Mercurial > kallithea
view pylons_app/public/css/style.css @ 474:a3d9d24acbec celery
Implemented password reset(forms/models/ tasks) and mailing tasks.
Added smtp mailer, configurations, cleaned user model
author | Marcin Kuzminski <marcin@python-works.com> |
---|---|
date | Mon, 13 Sep 2010 01:27:41 +0200 |
parents | ac559565c6b8 |
children | 8ba65e4c4e4c |
line wrap: on
line source
/* ----------------------------------------------------------- main stylesheet ----------------------------------------------------------- */ html { height: 100%; } body { margin: 0; padding: 0; height: 100%; background: #d1d1d1 url("../images/background.png") repeat; font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 11px; } /* ----------------------------------------------------------- images ----------------------------------------------------------- */ img { border: none; } img.icon{ vertical-align: bottom; } /* ----------------------------------------------------------- anchors ----------------------------------------------------------- */ a { color: #0066CC; text-decoration: none; cursor: pointer; } a:hover { color: #000000; text-decoration: underline; } /* ----------------------------------------------------------- headings ----------------------------------------------------------- */ 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; } /* ----------------------------------------------------------- lists ----------------------------------------------------------- */ 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; } /* ----------------------------------------------------------- colors ----------------------------------------------------------- */ div.color { margin: 7px 0 0 60px; padding: 1px 1px 1px 0px; clear: both; overflow: hidden; 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; } /* ----------------------------------------------------------- options ----------------------------------------------------------- */ div.options { margin: 7px 0 0 162px; padding: 0; clear: both; overflow: hidden; position: absolute; background: #FFFFFF; } div.options a { margin: 0; padding: 3px 8px 3px 8px; height: 1%; display: block; text-decoration: none; } div.options a:hover { text-decoration: none; } /* ----------------------------------------------------------- header ----------------------------------------------------------- */ #header { margin: 0; padding: 0 30px 0 30px; background: #b0b0b0 url("../images/header_background.png") repeat; } /* ----------------------------------------------------------- header -> user ----------------------------------------------------------- */ #header ul#logged-user { margin: 0; padding: 0; float: right; } #header ul#logged-user li { margin: 0; padding: 10px 12px 10px 12px; list-style: none; float: left; border-left: 1px solid #bbbbbb; border-right: 1px solid #a5a5a5; } #header ul#logged-user li.first { border-left: none; margin:-6px; } #header ul#logged-user li.first div.account { padding-top: 4px; float: left; } #header ul#logged-user li.last { border-right: none; } #header ul#logged-user li a { color: #4e4e4e; font-weight: bold; text-decoration: none; } #header ul#logged-user li a:hover { color: #376ea6; text-decoration: underline; } #header ul#logged-user li.highlight a { color: #ffffff; } #header ul#logged-user li.highlight a:hover { color: #376ea6; } #header #header-inner { margin: 0; padding: 0; height: 40px; clear: both; position: relative; background: #003367 url("../images/colors/blue/header_inner.png") repeat-x; border-bottom: 6px solid #ffffff; } /* ----------------------------------------------------------- header -> home ----------------------------------------------------------- */ #header #header-inner #home { float: left; } #header #header-inner #home a { margin: 0; padding: 0; height: 40px; width: 46px; display: block; background: url("../images/colors/blue/button_home.png"); background-position: 0 0; } #header #header-inner #home a:hover { background-position: 0 -40px; } /* ----------------------------------------------------------- header -> logo ----------------------------------------------------------- */ #header #header-inner #logo { float: left; } #header #header-inner #logo h1 { margin: 13px 0 0 13px; padding: 0; color: #FFFFFF; font-size: 14px; text-transform: uppercase; } #header #header-inner #logo a { color: #ffffff; text-decoration: none; } #header #header-inner #logo a:hover { color: #dabf29; } /* ----------------------------------------------------------- header -> quick ----------------------------------------------------------- */ #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/colors/blue/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/colors/blue/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/colors/blue/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/colors/blue/quick_l_selected.png") no-repeat top left; } #header #header-inner #quick li a:hover span { background: url("../../resources/images/colors/blue/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/colors/blue/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; width: 200px; 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; color: #0066CC; 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; } /*ICONS*/ #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.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; } /* ----------------------------------------------------------- header corners ----------------------------------------------------------- */ #header #header-inner div.corner { height: 6px; width: 6px; position: absolute; background: url("../images/colors/blue/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; } /* ----------------------------------------------------------- content ----------------------------------------------------------- */ #content { margin: 10px 0 0 0; padding: 0; min-height: 100%; clear: both; overflow: hidden; background: url("../images/content.png") repeat-y top left; } /* ----------------------------------------------------------- content -> left ----------------------------------------------------------- */ #content #left { left: 0; width: 280px; position: absolute; } /* ----------------------------------------------------------- content -> left -> menu ----------------------------------------------------------- */ #content #left #menu { margin: 5px 10px 0 60px; padding: 0; clear: both; overflow: hidden; } /* ----------------------------------------------------------- content -> left -> menu / heading ----------------------------------------------------------- */ #content #left #menu h6 { margin: 5px 0 0 0; padding: 0; clear: both; overflow: hidden; background: #dfdfdf url("../images/menu.png") repeat-x; color: #6e6e6e; } #content #left #menu h6 a { margin: 0; padding: 0; height: 1%; display: block; clear: both; overflow: hidden; background: url("../images/menu_l.png") no-repeat top left; color: #6e6e6e; text-decoration: none; } #content #left #menu h6 span { margin: 0; padding: 9px 10px 10px 10px; height: 1%; display: block; background: url("../images/menu_r.png") no-repeat top right; } #content #left #menu h6.selected { background: #00376e url("../images/colors/blue/menu_selected.png") repeat-x; color: #FFFFFF; } #content #left #menu h6.selected a { background: url("../images/colors/blue/menu_l_selected.png") no-repeat top left; color: #ffffff; } #content #left #menu h6.selected span { background: url("../images/colors/blue/menu_r_selected.png") no-repeat top right; } /* ----------------------------------------------------------- content -> left -> menu / links ----------------------------------------------------------- */ #content #left #menu ul { margin: 0; padding: 0; background: #376ea6; } #content #left #menu ul.opened { display: block; } #content #left #menu ul.closed { display: none; } #content #left #menu li { margin: 0; padding: 0; clear: both; overflow: hidden; list-style: none; border-bottom: 1px solid #5f8bb7; color: #ffffff; } #content #left #menu li a { margin: 0 0 0 6px; padding: 8px 0 8px 18px; height: 1%; display: block; float: left; background: url("../images/colors/colors/blue/menu_arrow.png") no-repeat 0 9px; color: #ffffff; text-decoration: none; } #content #left #menu li a:hover { color: #b9dcff; } /* ----------------------------------------------------------- content -> left -> menu / collapsible ----------------------------------------------------------- */ #content #left #menu li.collapsible { background: url("../images/colors/blue/menu_border.png") no-repeat top left; } #content #left #menu li.collapsible a { margin: 0 0 0 6px; padding: 8px 0 8px 0; height: 1%; display: block; background: transparent; float: left; font-weight: bold; } #content #left #menu li.collapsible a.plus { 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; } #content #left #menu li.collapsible a.minus { 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; } #content #left #menu li ul { margin: 0; padding: 0; border-left: 18px solid #285889; } #content #left #menu li ul.expanded { display: block; } #content #left #menu li ul.collapsed { display: none; } #content #left #menu li ul li { margin: 0; padding: 0; clear: both; overflow: hidden; list-style: none; border-bottom: 1px solid #5f8bb7; color: #ffffff; } #content #left #menu li.collapsible ul li a { font-weight: normal; } #content #left #menu li.last { border-bottom: none; } /* ----------------------------------------------------------- content -> left -> date picker ----------------------------------------------------------- */ #content #left #date-picker { margin: 10px 10px 0 60px; padding: 0; clear: both; overflow: hidden; } #content #left #date-picker .ui-datepicker { width: auto; padding: 0; clear: both; overflow: hidden; background: #FFFFFF; border: 1px solid #d1d1d1; } #content #left #date-picker .ui-datepicker .ui-datepicker-header { padding: 5px 0; } #content #left #date-picker .ui-datepicker .ui-datepicker-prev { top: 5px; left: 4px; } #content #left #date-picker .ui-datepicker .ui-datepicker-next { top: 5px; right: 4px; } #content #left #date-picker .ui-datepicker .ui-datepicker-prev-hover { top: 5px; left: 4px; } #content #left #date-picker .ui-datepicker .ui-datepicker-next-hover { top: 5px; right: 4px; } /* ----------------------------------------------------------- content -> right ----------------------------------------------------------- */ #content #right { margin: 0 60px 10px 290px; } /* ----------------------------------------------------------- content -> right -> box ----------------------------------------------------------- */ #content div.box { margin: 0 0 10px 0; padding: 0 0 10px 0; clear: both; overflow: hidden; background: #ffffff; } #content div.box-left { margin: 0 0 10px; width: 49%; clear: none; float: left; } #content div.box-right { margin: 0 0 10px; width: 49%; clear: none; float: right; } /* ----------------------------------------------------------- content -> right -> box / title ----------------------------------------------------------- */ #content div.box div.title { margin: 0 0 20px 0; padding: 0; clear: both; overflow: hidden; background: #336699 url("../images/colors/blue/title.png") repeat-x; } #content div.box div.title h5 { margin: 0; padding: 11px 0 11px 10px; float: left; border: none; color: #ffffff; text-transform: uppercase; } #content div.box div.title ul.links { margin: 0; padding: 0; float: right; } #content div.box div.title ul.links li { margin: 0; padding: 0; list-style: none; float: left; } #content div.box div.title ul.links li a { margin: 0; padding: 13px 16px 12px 16px; height: 1%; display: block; float: left; background: url("../images/colors/blue/title_link.png") no-repeat top left; border-left: 1px solid #316293; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; } #content div.box div.title ul.links li a:hover { color: #bfe3ff; } #content div.box div.title ul.links li.ui-tabs-selected a { background: url("../../../resources/images/colors/blue/title_tab_selected.png") no-repeat bottom center; color: #bfe3ff; } /* ----------------------------------------------------------- content -> right -> box / headings ----------------------------------------------------------- */ #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; } /* ----------------------------------------------------------- content -> right -> box / paragraphs ----------------------------------------------------------- */ #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; } /* ----------------------------------------------------------- content -> right -> box / lists ----------------------------------------------------------- */ #content div.box dl { margin: 10px 24px 10px 24px; } #content div.box dt { margin: 0; font-size: 12px; } #content div.box dd { margin: 0; padding: 8px 0 8px 15px; 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; } /* ----------------------------------------------------------- content -> right -> box / images ----------------------------------------------------------- */ #content div.box img.left { margin: 10px 10px 10px 0; border: none; float: left; } #content div.box img.right { margin: 10px 0 10px 10px; border: none; float: right; } /* ----------------------------------------------------------- content -> right -> box / messages ----------------------------------------------------------- */ #content div.box div.messages { margin: 0 20px 0 20px; padding: 0; clear: both; overflow: hidden; } #content div.box div.message { margin: 0 0 0px 0; padding: 0 0 10px 0; clear: both; overflow: hidden; } #content div.box div.message div.image { margin: 9px 0 0 5px; padding: 6px; float: left; } #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 { margin: 15px 14px 0 0; padding: 0; height: 16px; width: 16px; display: block; background: url("../images/icons/cross.png") no-repeat; } #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%; clear: both; overflow: hidden; background: #FBE3E4; border: 1px solid #FBC2C4; color: #860006; } #content div.box div.message-error h6 { color: #860006; } #content div.box div.message-warning { height: 1%; clear: both; overflow: hidden; 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%; clear: both; overflow: hidden; 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%; clear: both; overflow: hidden; background: #E6EFC2; border: 1px solid #C6D880; color: #4e6100; } #content div.box div.message-success h6 { color: #4e6100; } /* ----------------------------------------------------------- content -> right -> box / forms ----------------------------------------------------------- */ #content div.box div.form { margin: 0; padding: 0 20px 10px 20px; clear: both; overflow: hidden; } #content div.box div.form div.fields { margin: 0; padding: 0; clear: both; overflow: hidden; } #content div.box div.form div.fields div.field { margin: 0; padding: 10px 0 10px 0; height: 1%; border-bottom: 1px solid #DDDDDD; clear: both; overflow: hidden; } #content div.box div.form div.fields div.field-first { padding: 0 0 10px 0; } #content div.box div.form div.fields div.field span.error-message { margin: 8px 0 0 0; padding: 0; height: 1%; display: block; color: #FF0000; } #content div.box div.form div.fields div.field span.success { margin: 8px 0 0 0; padding: 0; height: 1%; display: block; color: #316309; } /* ----------------------------------------------------------- content -> right -> forms -> labels ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.label { left: 310px; 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; clear: both; overflow: hidden; } /* ----------------------------------------------------------- content -> right -> forms -> label (select) ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.label-select { padding: 2px 0 0 5px; } #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 { padding: 0 0 8px 0; } /* ----------------------------------------------------------- content -> right -> forms -> label (checkbox) ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.label-checkbox { padding:0 0 0 5px !important; } /* ----------------------------------------------------------- content -> right -> forms -> label (radio) ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.label-radio { padding:0 0 0 5px !important; } /* ----------------------------------------------------------- content -> right -> forms -> label (textarea) ----------------------------------------------------------- */ #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 { padding: 0 0 8px 0 !important; } /* ----------------------------------------------------------- content -> right -> forms -> labels (label) ----------------------------------------------------------- */ #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 { margin: 0; padding: 2px 0 0 0; height: 1%; display: block; color: #363636; } /* ----------------------------------------------------------- content -> right -> forms -> input ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.input { margin: 0 0 0 200px; padding: 0; } #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; font-size: 11px; float: left; } #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 { width: 100%; 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 { background: #FBE3E4; border-top: 1px solid #e1b2b3; border-left: 1px solid #e1b2b3; border-right: 1px solid #FBC2C4; border-bottom: 1px solid #FBC2C4; } #content div.box div.form div.fields div.field div.input input.success { 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 { margin: 0 0 0 6px; } /* ----------------------------------------------------------- content -> right -> forms -> input (file styling) ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.input a.ui-input-file { 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; } #content div.box div.form div.fields div.field div.input a:hover.ui-input-file { background: #e5e3e3 url("../images/button_browse_selected.png") no-repeat; } /* ----------------------------------------------------------- content -> right -> forms -> textarea ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.textarea { margin: 0 0 0 200px; padding: 10px; 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 { padding: 0; 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 { margin: 0; } #content div.box div.form div.fields div.field div.textarea textarea { margin: 0; padding: 0; width: 100%; height: 220px; overflow: hidden; background: #FFFFFF; border-width: 0; color: #000000; font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 11px; 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 { width: 100%; height: 100px; } #content div.box div.form div.fields div.field div.textarea textarea.error { padding: 3px 10px 10px 23px; background-color: #FBE3E4; background-image: url("../../../resources/images/icons/exclamation.png"); background-repeat: no-repeat; background-position: 3px 3px; border: 1px solid #FBC2C4; } #content div.box div.form div.fields div.field div.textarea textarea.success { padding: 3px 10px 10px 23px; background-color: #E6EFC2; background-image: url("../../../resources/images/icons/accept.png"); background-repeat: no-repeat; background-position: 3px 3px; border: 1px solid #C6D880; } /* ----------------------------------------------------------- content -> right -> forms -> textarea (tinymce editor) ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.textarea table { margin: 0; padding: 0; width: 100%; border: none; } #content div.box div.form div.fields div.field div.textarea table td { padding: 0; background: #DDDDDD; border: none; } #content div.box div.form div.fields div.field div.textarea table td table { margin: 0; padding: 0; width: auto; border: none; } #content div.box div.form div.fields div.field div.textarea table td table td { padding: 5px 5px 5px 0; font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 11px; } #content div.box div.form div.fields div.field div.textarea table td table td a { border: none; } #content div.box div.form div.fields div.field div.textarea table td table td a.mceButtonActive { background: #b1b1b1; } /* ----------------------------------------------------------- content -> right -> forms -> select ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.select { margin: 0 0 0 200px; padding: 0; } #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; } /* ----------------------------------------------------------- content -> right -> forms -> select (jquery styling) ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus { border: 1px solid #666666; } #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 { color: #000000; text-decoration: none; } #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus span.ui-icon { background-image: url(../images/ui/ui-icons_222222_256x240.png); } /* ----------------------------------------------------------- content -> right -> forms -> element focus ----------------------------------------------------------- */ #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 { background: #f6f6f6; border-color: #666; } /* ----------------------------------------------------------- content -> right -> forms -> checkboxes ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.checkboxes { margin: 0 0 0 200px; padding: 0; } #content div.box div.form div.fields div.field div.checkboxes div.checkbox { 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 { margin: 0; float: left; } #content div.box div.form div.fields div.field div.checkboxes div.checkbox label { margin: 3px 0 0 4px; height: 1%; display: block; float: left; } /* ----------------------------------------------------------- content -> right -> forms -> radios ----------------------------------------------------------- */ #content div.box div.form div.fields div.field div.radios { margin: 0 0 0 200px; padding: 0; } #content div.box div.form div.fields div.field div.radios div.radio { 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 { margin: 0; float: left; } #content div.box div.form div.fields div.field div.radios div.radio label { margin: 3px 0 0 4px; height: 1%; display: block; float: left; } /* ----------------------------------------------------------- content -> right -> forms -> button ----------------------------------------------------------- */ div.form div.fields div.field div.button { margin: 0; padding: 0 0 0 8px; float: left; } div.form div.fields div.field div.button 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; } div.form div.fields div.field div.button .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; } 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/colors/blue/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/colors/blue/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 { 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; } #content div.box div.form div.fields div.buttons div.highlight { display: inline; } #content div.box div.form div.fields div.buttons div.highlight input.ui-state-default { margin: 0; padding: 6px 12px 6px 12px; background: #4e85bb url("../images/colors/blue/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; } #content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover { margin: 0; padding: 6px 12px 6px 12px; background: #46a0c1 url("../images/colors/blue/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 -> box / tables ----------------------------------------------------------- */ #content div.box div.table { margin: 0; padding: 0 20px 10px 20px; clear: both; overflow: hidden; } #content div.box table { margin: 0; padding: 0; width: 100%; border-collapse: collapse; } #content div.box table th { padding: 10px; background: #eeeeee; 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 { padding: 0; vertical-align: middle; } #content div.box table th.selected input { margin: 0; } #content div.box table td { padding: 5px; background: #ffffff; border-bottom: 1px solid #cdcdcd; vertical-align:middle; } #content div.box table tr.selected td { background: #FFFFCC; } #content div.box table td.selected { padding: 0; width: 3%; text-align: center; vertical-align: middle; } #content div.box table td.selected input { margin: 0; } #content div.box table td.action { width: 45%; text-align: left; } #content div.box table td.user { width: 10%; text-align: center; } #content div.box table td.date { width: 33%; text-align: center; } #content div.box table td.address { width: 10%; text-align: center; } /* ----------------------------------------------------------- content -> right -> box / table action ----------------------------------------------------------- */ #content div.box div.action { margin: 10px 0 0 0; padding: 0; float: right; background: #FFFFFF; text-align: right; } #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; font-size: 11px; } #content div.box div.action div.button { margin: 6px 0 0 0; padding: 0; text-align: right; } #content div.box div.action div.button 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 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; padding: 0; } #content div.box div.action a.ui-selectmenu-focus { border: 1px solid #666666; } #content div.box div.action a.ui-selectmenu-focus span.ui-icon { background-image: url(../images/ui/ui-icons_222222_256x240.png); } /* ----------------------------------------------------------- content -> right -> pagination ----------------------------------------------------------- */ #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; color: #4A4A4A; font-weight: bold; } #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; color: #4A4A4A; 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; text-decoration: none; } #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; } /* ----------------------------------------------------------- content -> webhelpers pagination ----------------------------------------------------------- */ #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; color: #4A4A4A; font-weight: bold; } #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; color: #4A4A4A; 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; } /* ----------------------------------------------------------- content -> right -> traffic chart ----------------------------------------------------------- */ #content div.box div.traffic { margin: 0; padding: 0 20px 10px 20px; clear: both; overflow: hidden; } #content div.box div.traffic div.legend { margin: 0 0 10px 0; padding: 0 0 10px 0; clear: both; overflow: hidden; border-bottom: 1px solid #dddddd; } #content div.box div.traffic div.legend h6 { margin: 0; padding: 0; float: left; border: none; } #content div.box div.traffic div.legend ul { margin: 0; padding: 0; float: right; } #content div.box div.traffic div.legend li { margin: 0; padding: 0 8px 0 4px; list-style: none; float: left; font-size: 11px; } #content div.box div.traffic div.legend li.visits { border-left: 12px solid #edc240; } #content div.box div.traffic div.legend li.pageviews { border-left: 12px solid #afd8f8; } #content div.box div.traffic table { width: auto; } #content div.box div.traffic table td { padding: 2px 3px 3px 3px; background: transparent; border: none; } #content div.box div.traffic table td.legendLabel { padding: 0 3px 2px 3px; } /* ----------------------------------------------------------- footer ----------------------------------------------------------- */ #footer { margin: 0; padding: 5px 0 5px 0; clear: both; overflow: hidden; background: #2a2a2a; text-align: right; } #footer p { margin: 0 80px 0 80px; padding: 10px 0 10px 0; color: #ffffff; } /* ----------------------------------------------------------- login ----------------------------------------------------------- */ #login { margin: 10% auto 0 auto; padding: 0; width: 420px; } /* ----------------------------------------------------------- login -> colors ----------------------------------------------------------- */ #login div.color { margin: 10px auto 0 auto; padding: 3px 3px 3px 0; clear: both; overflow: hidden; background: #FFFFFF; } #login div.color a { margin: 0 0 0 3px; padding: 0; width: 20px; height: 20px; display: block; float: left; } /* ----------------------------------------------------------- login -> title ----------------------------------------------------------- */ #login div.title { margin: 0 auto; padding: 0; width: 420px; clear: both; overflow: hidden; position: relative; background: #003367 url("../images/colors/blue/header_inner.png") repeat-x; } #login div.title h5 { margin: 10px; padding: 0; color: #ffffff; } /* ----------------------------------------------------------- login -> title / corners ----------------------------------------------------------- */ #login div.title div.corner { height: 6px; width: 6px; position: absolute; background: url("../images/colors/blue/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; } #login div.inner { margin: 0 auto; padding: 20px; width: 380px; background: #FFFFFF url("../images/login.png") no-repeat top left; border-top: none; border-bottom: none; } /* ----------------------------------------------------------- login -> form ----------------------------------------------------------- */ #login div.form { margin: 0; padding: 0; clear: both; overflow: hidden; } #login div.form div.fields { margin: 0; padding: 0; clear: both; overflow: hidden; } #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 { margin: 8px 0 0 0; padding: 0; height: 1%; display: block; color: #FF0000; } #login div.form div.fields div.field div.label { margin: 2px 10px 0 0; padding: 5px 0 0 5px; width: 173px; float: left; 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 { margin: 0; padding: 2px 0 0 0; height: 1%; display: block; color: #363636; } #login div.form div.fields div.field div.input { margin: 0; padding: 0; float: left; } #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; font-size: 11px; } #login div.form div.fields div.field div.input input.error { background: #FBE3E4; border-top: 1px solid #e1b2b3; border-left: 1px solid #e1b2b3; border-right: 1px solid #FBC2C4; border-bottom: 1px solid #FBC2C4; } #login div.form div.fields div.field div.input input.success { background: #E6EFC2; border-top: 1px solid #cebb98; border-left: 1px solid #cebb98; border-right: 1px solid #c6d880; border-bottom: 1px solid #c6d880; } #login div.form div.fields div.field div.input div.link { margin: 6px 0 0 0; padding: 0; text-align: right; } #login div.form div.fields div.field div.checkbox { margin: 0 0 0 184px; padding: 0; } #login div.form div.fields div.field div.checkbox label { color: #565656; font-weight: bold; } #login div.form div.fields div.buttons { margin: 0; padding: 10px 0 0 0; clear: both; overflow: hidden; border-top: 1px solid #DDDDDD; text-align: right; } #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 { 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; } #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; } /* ----------------------------------------------------------- login -> links ----------------------------------------------------------- */ #login div.form div.links { margin: 10px 0 0 0; padding: 0 0 2px 0; clear: both; overflow: hidden; } /* ----------------------------------------------------------- register ----------------------------------------------------------- */ #register { margin: 10% auto 0 auto; padding: 0; width: 420px; } /* ----------------------------------------------------------- register -> colors ----------------------------------------------------------- */ #register div.color { margin: 10px auto 0 auto; padding: 3px 3px 3px 0; clear: both; overflow: hidden; background: #FFFFFF; } #register div.color a { margin: 0 0 0 3px; padding: 0; width: 20px; height: 20px; display: block; float: left; } /* ----------------------------------------------------------- register -> title ----------------------------------------------------------- */ #register div.title { margin: 0 auto; padding: 0; width: 420px; clear: both; overflow: hidden; position: relative; background: #003367 url("../images/colors/blue/header_inner.png") repeat-x; } #register div.title h5 { margin: 10px; padding: 0; color: #ffffff; } /* ----------------------------------------------------------- register -> inner ----------------------------------------------------------- */ #register div.title div.corner { height: 6px; width: 6px; position: absolute; background: url("../images/colors/blue/login_corners.png") no-repeat; } #register div.title div.tl { top: 0; left: 0; background-position: 0 0; } #register div.title div.tr { top: 0; right: 0; background-position: -6px 0; } #register div.inner { margin: 0 auto; padding: 20px; width: 380px; background: #FFFFFF; border-top: none; border-bottom: none; } /* ----------------------------------------------------------- register -> form ----------------------------------------------------------- */ #register div.form { margin: 0; padding: 0; clear: both; overflow: hidden; } #register div.form div.fields { margin: 0; padding: 0; clear: both; overflow: hidden; } #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 { margin: 8px 0 0 0; padding: 0; height: 1%; display: block; color: #FF0000; } #register div.form div.fields div.field div.label { margin: 2px 10px 0 0; padding: 5px 0 0 5px; width: 100px; float: left; 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 { margin: 0; padding: 2px 0 0 0; height: 1%; display: block; color: #363636; } #register div.form div.fields div.field div.input { margin: 0; padding: 0; float: left; } #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; font-size: 11px; } #register div.form div.fields div.field div.input input.error { background: #FBE3E4; border-top: 1px solid #e1b2b3; border-left: 1px solid #e1b2b3; border-right: 1px solid #FBC2C4; border-bottom: 1px solid #FBC2C4; } #register div.form div.fields div.field div.input input.success { background: #E6EFC2; border-top: 1px solid #cebb98; border-left: 1px solid #cebb98; border-right: 1px solid #c6d880; border-bottom: 1px solid #c6d880; } #register div.form div.fields div.field div.input div.link { margin: 6px 0 0 0; padding: 0; text-align: right; } #register div.form div.fields div.field div.checkbox { margin: 0 0 0 184px; padding: 0; } #register div.form div.fields div.field div.checkbox label { color: #565656; font-weight: bold; } #register div.form div.fields div.buttons { margin: 0; padding: 10px 0 0 114px; clear: both; overflow: hidden; border-top: 1px solid #DDDDDD; text-align: left; } #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 { 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; } #register div.form div.fields div.buttons div.highlight input.ui-state-default { background:url("../images/colors/blue/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; } #register div.form div.activation_msg { padding-top:4px; padding-bottom:4px; } /* ----------------------------------------------------------- SUMMARY ----------------------------------------------------------- */ #clone_url{ border: none; } /* ----------------------------------------------------------- FILES ----------------------------------------------------------- */ 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; } /* ----------------------------------------------------------- CHANGESETS ----------------------------------------------------------- */ #changeset_content { border:1px solid #CCCCCC; padding:5px; } #changeset_content .container .wrapper { width: 600px; } #changeset_content .container { height: 120px; } #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; } .cs_files { } .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; } /* ----------------------------------------------------------- CHANGESETS - CANVAS ----------------------------------------------------------- */ #graph { overflow: hidden; } #graph_nodes { width: 160px; float: left; margin-left:-50px; margin-top: 5px; } #graph_content { width: 800px; float: left; } #graph_content .container_header { border: 1px solid #CCCCCC; padding:10px; } #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: 90px; overflow: hidden; font-size:1.2em; } #graph_content .container .left { float: left; width: 70%; padding-left: 5px; } #graph_content .container .right { float: right; width: 25%; text-align: right; } #graph_content .container .left .date { font-weight: bold; } #graph_content .container .left .author { } #graph_content .container .left .message { font-size: 100%; padding-top: 3px; } .right div { clear: both; } .right .changes .added,.changed,.removed { border: 1px solid #DDDDDD; display: block; float: right; font-size: 0.75em; 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; } /* ----------------------------------------------------------- FILE BROWSER ----------------------------------------------------------- */ 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; } 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; } /* ----------------------------------------------------------- ADMIN - SETTINGS ----------------------------------------------------------- */ #path_unlock{ color: red; font-size: 1.2em; padding-left: 4px; } /* ----------------------------------------------------------- INFOBOX ----------------------------------------------------------- */ .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; display: inline; } .info_box span{ margin-left:3px; margin-right:3px; } .info_box input#at_rev { padding:1px 3px 3px 2px; text-align:center; } .info_box input#view { padding:0px 3px 2px 2px; text-align:center; } /* ----------------------------------------------------------- YUI TOOLTIP ----------------------------------------------------------- */ .yui-overlay,.yui-panel-container { visibility: hidden; position: absolute; z-index: 2; } .yui-tt { visibility: hidden; position: absolute; color: #666666; background-color: #FFFFFF; font-family: arial, helvetica, verdana, sans-serif; padding: 8px; border: 2px solid #556CB5; font: 100% sans-serif; width: auto; opacity: 1.0; } .yui-tt-shadow { display: none; } /* ----------------------------------------------------------- YUI AUTOCOMPLETE ----------------------------------------------------------- */ .ac{ vertical-align: top; } .ac .match { font-weight:bold; } .ac .yui-ac { position: relative; font-family: arial; font-size: 100%; } .ac .perm_ac{ width:15em; } /* styles for input field */ .ac .yui-ac-input { width: 100%; } /* styles for results container */ .ac .yui-ac-container { position: absolute; top: 1.6em; width: 100%; } /* styles for header/body/footer wrapper within container */ .ac .yui-ac-content { position: absolute; width: 100%; border: 1px solid #808080; background: #fff; overflow: hidden; z-index: 9050; } /* styles for container shadow */ .ac .yui-ac-shadow { position: absolute; margin: .3em; width: 100%; background: #000; -moz-opacity: 0.10; opacity: .10; filter: alpha(opacity = 10); z-index: 9049; } /* styles for results list */ .ac .yui-ac-content ul { margin: 0; padding: 0; width: 100%; } /* styles for result item */ .ac .yui-ac-content li { margin: 0; padding: 2px 5px; cursor: default; white-space: nowrap; } /* styles for prehighlighted result item */ .ac .yui-ac-content li.yui-ac-prehighlight { background: #B3D4FF; } /* styles for highlighted result item */ .ac .yui-ac-content li.yui-ac-highlight { background: #556CB5; color: #FFF; } /* ----------------------------------------------------------- ACTION ICONS ----------------------------------------------------------- */ .add_icon { background: url("/images/icons/add.png") no-repeat scroll 3px ; height: 16px; padding-left: 20px; padding-top: 1px; text-align: left; } .edit_icon { background: url("/images/icons/folder_edit.png") no-repeat scroll 3px; height: 16px; padding-left: 20px; padding-top: 1px; text-align: left; } .delete_icon { background: url("/images/icons/delete.png") no-repeat scroll 3px; height: 16px; padding-left: 20px; padding-top: 1px; text-align: left; } .rss_icon { background: url("/images/icons/rss_16.png") no-repeat scroll 3px; height: 16px; padding-left: 20px; padding-top: 1px; text-align: left; } .atom_icon { background: url("/images/icons/atom.png") no-repeat scroll 3px; height: 16px; padding-left: 20px; padding-top: 1px; text-align: left; } .archive_icon { background: url("/images/icons/compress.png") no-repeat scroll 3px; height: 16px; padding-left: 20px; text-align: left; padding-top: 1px; } .action_button { border: 0px; display: block; } .action_button:hover { border: 0px; font-style: italic; cursor: pointer; } /* ----------------------------------------------------------- REPO SWITCHER ----------------------------------------------------------- */ #switch_repos{ position: absolute; height: 25px; z-index: 1; } #switch_repos select{ min-width:150px; max-height: 250px; z-index: 1; } /* ----------------------------------------------------------- BREADCRUMBS ----------------------------------------------------------- */ .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; } /* ----------------------------------------------------------- FLASH MSG ----------------------------------------------------------- */ .flash_msg ul { margin: 0; padding: 0px 0px 10px 0px; } .error_msg { background-color: #FFCFCF; background-image: url("/images/icons/error_msg.png"); border: 1px solid #FF9595; color: #CC3300; } .warning_msg { background-color: #FFFBCC; background-image: url("/images/icons/warning_msg.png"); border: 1px solid #FFF35E; color: #C69E00; } .success_msg { background-color: #D5FFCF; background-image: url("/images/icons/success_msg.png"); border: 1px solid #97FF88; color: #009900; } .notice_msg { background-color: #DCE3FF; background-image: url("/images/icons/notice_msg.png"); border: 1px solid #93A8FF; color: #556CB5; } .success_msg,.error_msg,.notice_msg,.warning_msg { 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; } #msg_close { 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; } /* ----------------------------------------------------------- YUI FLOT ----------------------------------------------------------- */ div#commit_history{ float: left; } div#legend_data{ float:left; } div#legend_container { float: left; } div#legend_container table,div#legend_choices table{ width:auto !important; } div#legend_container table td{ border: none !important; padding: 0px !important; height: 20px !important; } div#legend_choices table td{ border: none !important; padding: 0px !important; height: 20px !important; } div#legend_choices{ float:left; } /* ----------------------------------------------------------- PERMISSIONS TABLE ----------------------------------------------------------- */ 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; } /* ----------------------------------------------------------- GRAVATARS ----------------------------------------------------------- */ div.gravatar{ background-color:white; border:1px solid #D0D0D0; float:left; margin-right:0.7em; padding: 2px 2px 0px; } /* ----------------------------------------------------------- STYLING OF LAYOUT ----------------------------------------------------------- */ /* ----------------------------------------------------------- GLOBAL WIDTH ----------------------------------------------------------- */ #header,#content,#footer{ min-width: 1224px; } /* ----------------------------------------------------------- content ----------------------------------------------------------- */ #content { margin: 10px 30px 0 30px; padding: 0; min-height: 100%; clear: both; overflow: hidden; background: transparent; } /* ----------------------------------------------------------- content -> right -> forms -> labels ----------------------------------------------------------- */ #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; }