/** * default.css - default stylesheet * * @author Thomas Michael Edwards * @copyright Copyright (c) 2008-2013 Thomas Michael Edwards * @version 1.24, 2013-04-29 */ /******************************************************************************/ /** BASE STYLES *******************************************************/ html { overflow-y: scroll; } html, body { z-index: 0; margin: 0; padding: 0; color: #000; background-color: #ccc; font-family: verdana, tahoma, arial, geneva, helvetica, sans-serif; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1em; text-align: left; } body { position: relative; width: 900px; margin: auto; } body > hr { display: none; } header, footer, nav, section, article, aside, details, figure, hgroup { display: block; } mark, time { display: inline; } a { color: #03c; text-decoration: underline; } a[href], a[onclick] { cursor: pointer; } a:link, a:visited { color: #03c; } a:active, a:hover { color: #f60; } abbr { cursor: help; border-bottom: 1px dotted #000; } a abbr { border-bottom: 1px dotted #03c; } a abbr:hover { border-bottom: 1px dotted #f60; } code, kbd, pre, tt { font-family: "dejavu sans mono", "andale mono", "lucida console", "monotype.com", "courier new", courier, monospace; font-size: 110%; } code, kbd, pre { white-space: pre; } fieldset { border: 1px solid #ccc; border-top: 2px solid #666; padding: 0.5em 0.6em; margin-top: 0; margin-bottom: 1em; } fieldset legend { margin-top: 0; padding-top: 0; font-size: 110%; font-weight: bold; } fieldset legend { white-space: normal; } /* Gecko fix */ h2, h3, h4, h5, h6 { margin-bottom: 0.4em; } h2, h3, h4 { border-bottom: 1px solid #ccc; } h1 { font-size: 140%; } h2 { font-size: 130%; } h3 { font-size: 120%; } h4 { font-size: 110%; } h5 { font-size: 100%; } h6 { font-size: 90%; } img { border: none; vertical-align: text-bottom; } noscript { margin: 0; padding: 0; } /* IE fix */ p { margin-top: 0; margin-bottom: 1em; } ul { list-style-type: square; } .desc { font-size: 85%; } /** FORM STYLES *******************************************************/ /* some of these styles were borrowed from h5bp.com */ form { margin: 0; padding: 0; } button, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { font-family: "dejavu sans mono", "andale mono", "lucida console", "monotype.com", "courier new", courier, monospace; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } /* IE6/7 fix*/ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { margin: 2px 2px 0 0; padding: 0; } input[type="checkbox"], input[type="radio"], input[type="image"], label, select { cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="submit"] { font-weight: bold; } input[type="file"] { width: 42em; height: 1.8em; } legend { border: 0; *margin-left: -7px; } /* IE6/7 fix */ select { padding: 1px; } /* Gecko fix */ table button, table input { *overflow: auto; } /* IE6/7 fix */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /** HEADER STYLES *****************************************************/ body > header { position: relative; display: block; width: 900px; height: 90px; margin: 0; padding: 0; background: transparent url("../images/gcarepo_logo.png") no-repeat top left; } body > header hgroup { display: none; } #feedbox { position: absolute; top: 20px; right: 9px; font-size: 11px; text-transform: uppercase; text-align: right; } #feedbox a { display: block; padding: 0 18px 2px 0; background: url("../images/feed.png") no-repeat right; } /** NAVIGATION STYLES *************************************************/ #topnav { clear: both; display: block; width: 900px; height: 30px; margin: 0; padding: 0; color: #fff; background-color: #666; border: 1px solid #666; } #topnav ul { display: block; margin: 0; padding: 7px 0; list-style: none; font-weight: bold; } /* padding-top 6px to 7px */ #topnav ul li { display: inline; padding: 0 3px 0 8px; border-left: 1px solid #ccc; } #topnav ul li.first { border-left: none; } #topnav ul li a { padding: 0 3px; letter-spacing: 0.05em; text-decoration: none; color: #ddf; border: 1px solid #666; } #topnav ul li a:link, #topnav ul li a:visited { color: #ddf; border: 1px solid #666; } #topnav ul li a.this, #topnav ul li a.this:link, #topnav ul li a.this:visited { color: #fff; border: 1px solid #fff; background-color: #888; } #topnav ul li a:active, #topnav ul li a:hover, #topnav ul li a.this:active, #topnav ul li a.this:hover { color: #fff; border: 1px solid #fff; background-color: #f93; } /** MAIN CONTENT STYLES ***********************************************/ #main { clear: both; width: 876px; margin: 0; padding: 12px; color: #000; background-color: #fff; border: 1px solid #666; font-size: 80%; } #main > h2:first-child { margin-top: 0; } #main hr { display: block; height: 0; border: none; border-top: 1px solid #ccc; } #main img.icon { display: inline; margin: 0; padding: 0; } #main table { width: 100%; margin: 0 0 1em; padding: 0; border-collapse: collapse; empty-cells: show; } #main table caption { caption-side: top; margin: 0; margin-bottom: 0.5em; } #main table th, #main table td { padding: 5px; text-align: left; vertical-align: top; border: 1px solid #ccc; } #main table th { font-weight: bold; background-color: #dde; } #main table tr.header th, #main table th.header { background-color: #dde; } #main table.top th, #main table.top td { vertical-align: top; } #main table.middle th, #main table.middle td { vertical-align: middle; } #main table.bottom th, #main table.bottom td { vertical-align: bottom; } #main table.left th, #main table.left td { text-align: left; } #main table.right th, #main table.right td { text-align: right; } #main table.center th, #main table.center td { text-align: center; } #main table.justify th, #main table.justify td { text-align: justify; } #main ul.error { margin: 0 0 1em; padding: 0.5em 0.5em 0.5em 0.75em; background: #fee; border: 1px solid #fcc; list-style: none; line-height: 1.2em; } #main ul.error li { padding: 0 0 2px 22px; background: url("../images/cross.png") no-repeat top left; } #main form label.invalid { margin-left: 2px; padding: 2px 0 2px 18px; background: url("../images/cross.png") no-repeat left; color: #f00; } #main form input.invalid { background-color: #fee; border-color: #fcc; } #main form span.invalid { margin-left: 6px; padding: 2px 0 2px 18px; background: url("../images/cross.png") no-repeat left; color: #f00; } #main #termsofservice ol, #main #termsofservice ul { margin-bottom: 1em; } #main #privacypolicy ol, #main #privacypolicy ul { margin-bottom: 1em; } #main #termsofservice ol, #main #privacypolicy ol { list-style-type: decimal; } #main #termsofservice ol ol, #main #privacypolicy ol ol { list-style-type: lower-alpha; } #main #account ul { display: block; margin: 0; padding: 1px 0; list-style: none; } #main #account ul li { display: inline; padding: 0 2px 0 7px; border-left: 1px solid #ccc; } #main #account ul li.first { border-left: none; } #main #accounteditform #selecttimezone { margin-left: 4px; cursor: pointer; } #main #memberlist .id, #main #memberlist .level, #main #memberlist .tz, #main #memberlist .email, #main #memberlist .website { text-align: center; } #main #memberlist .links ul, #main #memberlist .tools ul { margin: 0; padding: 0; list-style: none; } #main #memberlist .links ul li, #main #memberlist .tools ul li { padding: 2px 2px 4px; } #main #pkgnews { margin: 1em 0; zoom: 1; } #main #pkgnews:before, #main #pkgnews:after { content: ""; display: table; } #main #pkgnews:after { clear: both; padding-bottom: 0; } #main #pkgnews h2 { margin-top: 0; } #main #pkgnews ul { margin-bottom: 0; } #main #pkgnewsupd { float: left; width: 48%; } #main #pkgnewsnew { float: right; width: 48%; } #main #pkgfiles table { margin-top: 0.25em; margin-bottom: 0; } #main #pkgfiles table th, #main #pkgfiles .size { white-space: nowrap; } #main #pkgfiles .slot { font-weight: bold; text-align: center; } #main #pkgfiles .name { width: 45%; white-space: nowrap; } #main #pkgfiles .type { text-align: center; } #main #pkgfiles .links ul, #main #pkgfiles .tools ul { margin: 0; padding: 0; list-style: none; } #main #pkgfiles .links ul li, #main #pkgfiles .tools ul li { padding: 2px 2px 4px; } #main #filtertypesusers { position: relative; } #main #filtertypes { position: relative; width: 60%; height: 35px; } #main #filtertypes div > span { white-space: nowrap; margin-right: 2em; } #main #filtertypes div > span > input[type="checkbox"] { vertical-align: baseline; } #main #filterusers { position: absolute; top: 0; right: 0; width: 33%; height: 35px; } #main #filterterms legend a img { vertical-align: top; } #main #filterterms div { position: relative; } #main #filterterms div #terms-tags { position: relative; top: 0; left: 0; width: 31%; } #main #filterterms div #terms-title { position: absolute; top: 0; left: 34%; width: 31%; } #main #filterterms div #terms-desc { position: absolute; top: 0; left: 68%; width: 32%; } #main #filterterms div input[type="text"] { width: 97.5%; } #main #filterbuttons span.tip { position: relative; top: 0; margin-left: 2em; } #main #repository .pkglist { margin-bottom: 0; } #main .altrow { background-color: #ddd; } #main .aside { float: right; clear: right; } #main .new { padding: 0 0 2px 18px; background: url("../images/new.png") no-repeat top left; } #main .updated { padding: 0 0 2px 18px; background: url("../images/updated.png") no-repeat top left; } #main .play { padding: 0 0 2px 18px; background: url("../images/control_play.png") no-repeat left; } #main .stop { padding: 0 0 2px 18px; background: url("../images/control_stop.png") no-repeat left; } #main .activity { padding: 0 0 2px 22px; background: url("../images/throbber.gif") no-repeat left; } #main .tip { padding: 0 0 2px 18px; background: url("../images/lightbulb.png") no-repeat left; } #main .help { padding: 0 0 2px 18px; background: url("../images/help.png") no-repeat left; } #main .info { padding: 0 0 2px 18px; background: url("../images/information.png") no-repeat left; } #main .note { padding: 0 0 2px 18px; background: url("../images/note.png") no-repeat top left; } #main .find { padding: 0 0 2px 18px; background: url("../images/find.png") no-repeat left; } #main .view { padding: 0 0 2px 18px; background: url("../images/magnifier.png") no-repeat left; } #main .wait { padding: 0 0 2px 18px; background: url("../images/hourglass.png") no-repeat left; } #main .waitTop { padding: 0 0 2px 18px; background: url("../images/hourglass.png") no-repeat top left; } #main .important { padding: 0 0 2px 18px; background: url("../images/exclamation.png") no-repeat left; } #main .importantTop { padding: 0 0 2px 18px; background: url("../images/exclamation.png") no-repeat top left; } #main .error { padding: 0 0 2px 18px; background: url("../images/cross.png") no-repeat left; } #main .success { padding: 0 0 2px 18px; background: url("../images/tick.png") no-repeat left; } #main .return { padding: 0 0 2px 18px; background: url("../images/arrow_undo.png") no-repeat left; } #main .continue { padding: 0 18px 2px 0; background: url("../images/arrow_right.png") no-repeat right; } #main .login { padding: 0 0 2px 18px; background: url("../images/door_in.png") no-repeat left; } #main .logout { padding: 0 0 2px 18px; background: url("../images/door_out.png") no-repeat left; } #main .download { padding: 0 0 2px 18px; background: url("../images/disk.png") no-repeat left; } #main .downloadimg { padding: 0 0 2px 18px; background: url("../images/picture.png") no-repeat left; } #main .downloadpdf { padding: 0 0 2px 18px; background: url("../images/page_white_acrobat.png") no-repeat left; } #main .bookmark { padding: 0 0 2px 18px; background: url("../images/link.png") no-repeat left; } #main .warning { padding: 0 0 2px 18px; background: url("../images/error.png") no-repeat left; } #main .warningTop { padding: 0 0 2px 18px; background: url("../images/error.png") no-repeat top left; } #main .toggleopen { padding: 0 0 2px 18px; background: url("../images/toggle_plus.png") no-repeat left; } #main .toggleclose { padding: 0 0 2px 18px; background: url("../images/toggle_minus.png") no-repeat left; } #main .acctadd { padding: 0 0 2px 18px; background: url("../images/user_add.png") no-repeat left; } #main .acctedit { padding: 0 0 2px 18px; background: url("../images/user_edit.png") no-repeat left; } #main .pkgadd { padding: 0 0 2px 18px; background: url("../images/package_add.png") no-repeat left; } #main .pkgdelete { padding: 0 0 2px 18px; background: url("../images/package_delete.png") no-repeat left; } #main .pkgedit { padding: 0 0 2px 18px; background: url("../images/package_edit.png") no-repeat left; } #main .pkgfiles { padding: 0 0 2px 18px; background: url("../images/folder_edit.png") no-repeat left; } #main .pkgview { padding: 0 0 2px 18px; background: url("../images/package_go.png") no-repeat left; } #main .filesadd { padding: 0 0 2px 18px; background: url("../images/page_add.png") no-repeat left; } #main .filesdelete { padding: 0 0 2px 18px; background: url("../images/page_delete.png") no-repeat left; } #main .filesupdate { padding: 0 0 2px 18px; background: url("../images/page_edit.png") no-repeat left; } #main .pkglist .pkginfo { width: 100%; } #main .pkglist .pkginfo .quicklinks { font-size: 85%; } #main .pkglist .links ul, #main .pkglist .tools ul { margin: 0; padding: 0; list-style: none; } #main .pkglist .links ul li, #main .pkglist .tools ul li { padding: 2px 2px 4px; } #main .pkglist .size { font-size: 80%; color: #333; } #main .pagination { text-align: right; font-weight: bold; } #main .pagination span { color: #999; } #main .pagination a, #main .pagination span { padding: 3px 6px; border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #main .pagination a { text-decoration: none; } #main .pagination a:hover { border: 1px solid #f60; -moz-box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; } #main .pagination img { display: inline; margin: 0; padding: 0; vertical-align: top; } #main .pghead { margin-top: 0.75em; margin-bottom: 0.75em; } /** FOOTER STYLES *****************************************************/ body > footer { clear: both; width: 900px; text-align: center; font-size: 64%; color: #666; } #bottomnav { clear: both; display: block; width: 900px; height: 19px; margin: 0; margin-bottom: 1em; padding: 0; text-transform: uppercase; color: #fff; background-color: #666; border: 1px solid #666; } #bottomnav ul { display: block; margin: 0; padding: 1px 0; list-style: none; } #bottomnav ul li { display: inline; padding: 0 2px 0 7px; border-left: 1px solid #ccc; } #bottomnav ul li.first { border-left: none; } #bottomnav ul li a { padding: 0 2px; letter-spacing: 1px; text-decoration: none; color: #ddf; } #bottomnav ul li a:link, #bottomnav ul li a:visited { color: #ddf; } #bottomnav ul li a.this, #bottomnav ul li a.this:link, #bottomnav ul li a.this:visited { color: #fff; } #bottomnav ul li a:active, #bottomnav ul li a:hover, #bottomnav ul li a.this:active, #bottomnav ul li a.this:hover { color: #f93; text-decoration: underline; } /** USERBOX STYLES ****************************************************/ #userbox { position: absolute; top: 98px; right: 9px; padding: 0 0 2px 18px; background: url("../images/user.png") no-repeat left; font-weight: bold; color: #fff; } /* top 97px to 98px */ #userboxlogin { position: absolute; top: 72px; right: 9px; font-size: 11px; text-transform: uppercase; text-align: right; } /* top 71px to 72px */ #userboxlogin fieldset { margin: 0; padding: 0; border: 0; } #userboxlogin fieldset legend { display: none; } #userboxlogin #ublfields { margin-top: 10px; vertical-align: middle; color: #fff; } #userboxlogin #ublfields label { margin-right: 2px; } #userboxlogin #ublfields input { font-family: verdana, tahoma, arial, geneva, helvetica, sans-serif; margin: 0; padding: 0; } #userboxlogin #ublfields input[type="image"] { vertical-align: bottom; padding-bottom: 1px; } #userboxlogin ul { display: block; margin: 0; padding: 0; list-style: none; } #userboxlogin ul li { display: inline; padding: 0 2px 0 7px; } #userboxlogin ul li.first { border-left: none; }