/* CSS Document */ body { background: #F0F5D5 url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/stripe.gif) repeat-x 0 136px; background: #F0F5D5 url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/back-slice.gif) repeat-x 0 136px; /* background: #F0F5D5 url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/slice-gr.gif) repeat-x 0 136px;*/ } #wrapper { text-align: left; width: 1000px; margin: 0px auto; padding: 24px 0 0 0; background: #F0F5D5; font: 11px normal Helvetica, Arial, sans-serif; position: relative; } #header { position: relative; top: 0px; margin: 0px; *width: 99%; height: 88px; padding: 4px 0 20px 0; /*background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/line.gif) repeat-x bottom left;*/ background-color: #F0F5D5; border: none; } #stripe { position: absolute; top: 308px; left: 0; height: 28px; width: 100%; background: #006A71; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index: 12000; } *html #stripe { width: 1000px; } .transparent { } /* bits -------------------------------------------------------------------------------------- */ #identity { position: relative; top: 0px; left: 0px; width: 194px; font: 11px bold Helvetica, Arial, sans-serif; color: #999999; margin: 0; padding: 8px 30px 0px 0px; background: transparent; } * html #identity { } #identity a { border: none; } #identity a:hover { border: none; } /*login and search -------------------------------------------------------------------------------------- */ #login { font: 11px Helvetica, Arial, sans-serif; position: absolute; top: -42px; right: 20px; font-weight: bold; color: #006A71; text-align: right; z-index: 1; line-height: 1.4em; padding: 0px; margin: 0 0 0px 0; background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/log-in-left.jpg) no-repeat top left; background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/log-in-right.jpg) no-repeat bottom right; border: none; } #login-wrap { background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/log-in-right.jpg) no-repeat top right; background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/log-in-left.jpg) no-repeat bottom left; margin: 0px; padding: 10px 0px 1px 0px; } #login ul { margin: 0; padding: 16px 16px 8px 22px; } #login li { margin-top: 8px; display: inline; list-style-type: none; } #login li a:link, #login li a:visited, #login li a:hover, #login li a:active { color: #E3ECAE; border: none; font: normal 11px "Trebuchet MS"; padding: 0px 4px 0 0; margin: 0; } #login li a:hover { color: #A9D5D8; border: none; } #login .first { font: normal 12px "Trebuchet MS"; color: #E3ECAE; border: none; padding: 0px 2px 0 0; margin: 0; } #login .first a:link, #login .first a:visited, #login .first a:hover, #login .first a:active { font: normal 12px "Trebuchet MS"; color: #E3ECAE; padding: 12px 0 0 0; margin: 0; } #login .first a:hover { font: normal 12px "Trebuchet MS"; color: #A9D5D8; border: none; } #header-nav { position: absolute; top: 86px; right: 8px; text-align: right; padding: 0; } #header-nav { padding: 0; margin: 0; } #header-nav ul { padding: 0; margin: 0; } #header-nav ul li { display: inline; list-style-type: none; color: #006A71; padding: 0 0 0 20px; } #header-nav ul li a:link, #header-nav ul li a:visited, #header-nav ul li a:hover, #header-nav ul li a:active { font: normal 14px Helvetica, Arial, sans-serif; color: #5BA2A7; border: none; text-transform: lowercase; } #header-nav ul li a.current, #header-nav ul li a:hover { color: #96261A; } .view-information { background: white; position: relative; top: -12px; } /* footer bits -------------------------------------------------------------------------------------- */ #footer { clear: both; height: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 9px; text-align: left; margin: 40px 0 0 0; color: #006A71; padding: 0px 0px 0px 0px; background: #006A71 url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/footer-slice.gif) no-repeat center center; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index: 12000; } * html #footer { height: 1px; } #footer p { background: #F0F5D5; height: 20px; margin: 0 512px 0 0; z-index: 12000; padding: 0 0 0 34px; color: #006A71; font: 10px Helvetica, Arial, sans-serif; border: none; } /* general bits -------------------------------------------------------------------------------------- */ .pad1 { padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 0px; } .pad2 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 6px; } a:link, a:visited, a:active { color: #006A71; text-decoration: none; border-bottom: none; } a:hover { color: #96261A; border-bottom: 1px dotted #96261A; } ul li { list-style-type: circle; color: #5BA2A7; } #main ul li a:link, #main ul li a:visited, #main ul li a:hover, #main ul li a:active { border: none; } #main ul li a:hover{ color: #96261A; border-bottom: 1px dotted #96261A; } #wrapper #main table { font-size: 11px; } input { font-size: 12px; } /* Search ---------------------------*/ #search { font-family: Helvetica, Arial, sans-serif; font-size: 12px; position: absolute; font-weight: bold; color: #005167; top: 20px; top: -64px; right: 14px; z-index: 1; padding: 0 24px 0 34px; } * html #search { width:80px; border:none; padding: 0 26px 0 0; } #search2 { position: relative; top: -6px; left: 376px; width: 152px; } #searchButton { position: absolute; top: 0px; right: 0px; height: 30px; width: 24px; background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/glassOff.gif) bottom right; background-repeat:no-repeat; border: none; } #searchButton:hover { background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/glassOn.gif) bottom right; background-repeat:no-repeat; cursor: pointer; } #search .pad1 { display: block; padding-bottom: 3px; padding-left: 2px; color: #006A71; display: none; } #search p { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .search-filters-panel { background: #5BA2A7; } .search-highlight { background: #DAE693; padding: 0px 2px; } #search input { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #5BA2A7; } /* container bits -------------------------------------------------------------------------------------- */ #container-home { top: 0; min-height:680px; padding: 0px; background: #F0F5D5 url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/stripe.gif) repeat-x 0 0px; margin: 0; position: relative; border: none; } * html #container-home { height: 680px; top: -4px; } #container { top: 0; min-height: 600px; padding: 0px; background: #F0F5D5 url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/gradient-slice.jpg) repeat-x 0 0px; margin: 0; position: relative; left: 0; border: none; } #container-wrap { padding: 0 4px; min-height: 620px; background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/grad-slice-2.jpg) repeat-x 0 0px; } #wrapper .PageContent { background: white; } * html #container { height: 620px; top: -4px; } /* ---------------------------*/ /*special homepage divs*/ #mission { position: absolute; width: 420px; top: 40px; left: 40px; border: none; } #container-home #main-home #mission h1 { color: #006A71; font: italic 28px Georgia; background: none; text-align: left; margin: 0; padding: 0 0 6px 0; } #container-home #main-home #mission h2 { color: #006A71; font: normal 19px "Trebuchet MS"; background: none; text-align: left; margin: 0; padding: 0 0 8px 0; } #container-home #main-home #mission h3 { color: #5BA2A7; font: normal 18px "Trebuchet MS"; background: none; text-align: left; margin: 0; padding: 0 0 8px 0; } #container-home #main-home #mission h4 { color: #5BA2A7; font: normal 14px "Trebuchet MS"; background: none; text-align: left; margin: 0; padding: 0 8px 6px 0; line-height: 1.8em; } #container-home #main-home #mission h5 { color: #5BA2A7; font: normal 14px "Trebuchet MS"; background: none; text-align: left; margin: 0; padding: 0 0 6px 0; } #container-home #main-home #mission h6 { color: #5BA2A7; font: normal 14px "Trebuchet MS"; background: none; text-align: left; margin: 0; padding: 0 0 6px 0; } #home-photo { position: absolute; top: 0; right: 0; } #homebase { position: absolute; width: 1000px; top: 340px; left: 0; padding: 28px 0 98px 0; background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/watermark.gif) no-repeat 580px 134px; *background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/watermark.gif) no-repeat 580px 120px; } #homebase-left { width: 500px; float: left; } #sticky_note { float: left; width: 210px; } #sticky_note a:link, #sticky_note a:visited, #sticky_note a:hover, #sticky_note a:active { border: none; } #sticky_note a:hover { border: none; cursor: pointer; } #container-home #main-home #featured { float: right; width: 220px; margin-right: 30px; list-style-type: none; } #container-home #main-home #featured h1 { color: #006A71; padding: 0px 0 12px 40px; *padding: 0 0 12px 27px; font: italic 20px Georgia, serif; } #featured ul { list-style-type: none; text-align: right; } #main-home #homebase #featured ul li{ list-style-type: none; *padding: 0 0 8px 0; } /*safari-only*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #main-home #homebase #featured ul li{ padding: 0 0 8px 0; } } #homebase-right { width: 500px; float: right; } #solutions { float: left; width: 230px; padding-left: 20px; } #container-home #main-home #solutions h1 { color: #006A71; padding-bottom: 12px; font: italic 20px Georgia, serif; } #container-home #main-home #solutions ul { list-style-type: none; margin: 0 0 0 12px; } #container-home #main-home #solutions ul li{ list-style-type: none; line-height: 2.2em; margin: 0; } #container-home #main-home #solutions a:link, #container-home #main-home #solutions a:visited, #container-home #main-home #solutions a:hover, #container-home #main-home #solutions a:active { color: #006A71; font: 14px Helvetica; border: none; } #container-home #main-home #solutions a:hover { color: #96261A; font: 14px Helvetica; border: none; } #container-home #main-home #homebase #reference { float: right; width: 250px; font: italic 12px Georgia, serif; border-left: none; } * html #container-home #main-home #homebase #reference { width: 230px; } #container-home #main-home #homebase #reference blockquote { font: italic 14px "Trebuchet MS"; border-left: none; margin-right: 34px; } #container-home #main-home #homebase #reference blockquote p { font: italic 14px "Trebuchet MS"; border-left: none; line-height: 1.8em; color: #5BA2A7; } #container-home #main-home #homebase #reference cite { padding-left: 40px; font: 10px Helvetica; line-height: 1.4em; color: #5BA2A7; } /*homepage featured nav element -------------------------------------------------------------------------------------- */ #featured { padding-right: 0px; } #container-home #main-home #featured h1 { position: relative; right: 20px; } #featured ul li { line-height: 3em; display: block; text-align: right; padding: 0px 0px; border: none; margin: 0; cursor: pointer; } /*safari-only*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #featured ul li { line-height: 1.8em; } } #featured ul li a:link, #featured ul li a:visited, #featured ul li a:hover, #featured ul li a:active { padding: 12px; text-align: right; } #featured ul li a:hover { border: none; cursor: pointer; } /* left bits -------------------------------------------------------------------------------------- */ #left { float: left; width: 340px; padding: 0px; background: #F0F5D5; } #left p { text-align:left; color:#005167; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; margin: 0px; line-height: 1.6em; padding-top: 0em; padding-right: 0em; padding-bottom: 0em; padding-left: 0px; } /* #main table { display: inline; width: 100%; }*/ /*secondary style elements*/ #feature-box { margin: 8px 80px 20px 0px; padding: 8px 20px 8px 20px; border: 3px double #6EA5AC; border: 2px dotted #6EA5AC; } #call-out { margin: 8px 80px 20px 40px; padding: 4px 12px 8px 24px; border-left: 2px dotted #6EA5AC; } #container #main #call-out h1 { color: #006A71; font-size: 18px; font-weight: bold; padding: 8px 0 0px 0; line-height: 1.4em; margin: 0; } #container #main #call-out h1 a:link, #container #main #call-out h1 a:visited, #container #main #call-out h1 a:hover, #container #main #call-out h1 a:active { color: #006A71; font-size: 18px; font-weight: bold; padding: 8px 0 0px 0; line-height: 1.0; margin: 0; } #container #main #call-out h1 a:hover { color: #96261A; font-size: 18px; font-weight: bold; border: none; } #container #main #call-out h2 { color: #006A71; font: normal 14px 'Trebuchet MS'; padding: 0px 0 8px 0; margin: 0; line-height: 1.0; background: none; } #container #main #call-out h2 a:link, #container #main #call-out h2 a:visited, #container #main #call-out h2 a:hover, #container #main #call-out h2 a:active { color: #006A71; font-size: 14px; font-weight: bold; } #container #main #call-out h2 a:hover { color: #96261A; font-size: 14px; font-weight: bold; } #main #lowdown { display: block; padding-left: 320px; } #main #focus { float: left; width: 260px; } * html #main #focus img{ margin-left: 20px; } #container #main #focus h1 { text-align: right; width: 230px; padding: 0 0 8px 20px; color: #96261A; font: italic 20px Georgia; text-transform: none; } #main #focus h2 { text-align: right; width: 230px; padding: 0 0 8px 20px; color: #96261A; font: italic 18px Georgia; border: none; text-transform: none; } #main #focus h2 a { font: italic 18px Georgia; } #main #focus h2 a:hover { color: #96261A; } #main #focus h3 { text-align: right; width: 230px; padding: 0 0 8px 20px; color: #96261A; font: italic 16px Georgia; border: none; text-transform: none; } /*quote styling*/ #main #focus h4 { text-align: right; width: 230px; padding: 40px 0 20px 40px; color: #006A71; font: italic 12px "Trebuchet Ms"; line-height: 1.8em; border: none; text-transform: none; } #main #focus h5 { text-align: right; width: 210px; padding: 0 0 4px 50px; color: #96261A; font: normal 12px Helvetica; border: none; text-transform: none; } #main #focus h6 { text-align: right; width: 210px; padding: 0 0 4px 50px; color: #006A71; font: normal 12px Helvetica; border: none; text-transform: none; } * html #main #focus img { position: relative; top: -134px; left: -100px; } #focus a:link, #focus a:visited, #focus a:hover, #focus a:active { border: none; } /* main bits -------------------------------------------------------------------------------------- */ #main-home { float: right; width: 510px; margin-right: 0px; padding: 0px 14px 20px 34px; background: transparent; } #main-home p, #main-home ul, #main-home ol { padding: 2px 0px 8px 0px; margin: 0px; line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #3f3f3f; } #main-home ul, #main-home ol { margin-left: 30px; } #main-home .pageTitle, #main-home h1, #main-home h2, #main-home h3, #main-home h4, #main-home h5, #main-home h6 { font-family: Helvetica, Arial, sans-serif; padding-left: 0px; background-image: none; background-repeat: no-repeat; background-position: left top; } /*secondary*/ #main { position: relative; margin: 0px 0 0 0; padding: 0px 14px 40px 40px; background: transparent; } #main p, #main ul, #main ol { padding: 0px 20px 9px 0px; margin: 0px; line-height: 1.4em; font-family: "Trebuchet MS"; font-size: 14px; color: #3f3f3f; } #main ul, #main ol { margin-left: 30px; } #main .pageTitle, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { font-family: Helvetica, Arial, sans-serif; padding-left: 0px; background-image: none; background-repeat: no-repeat; background-position: left top; text-transform: lowercase; } #main h1 a:hover, #main h2 a:hover, #main h3 a:hover, #main h4 a:hover, #main h5 a:hover, #main h6 a:hover { border-bottom: 1px dotted #96261A; } * html #mainHeader { height: 20px; } #crumbs { position: relative; padding-top: 6px; } #main #crumbs ul, #main #crumbs ol { margin-left: 0; } * html #crumbs { top: 0px; width: 900px; } #crumbs, #crumbs p, #crumbs a:link, #crumbs a:visited, #crumbs a:active, #crumbs ol li, #crumbs ol li a, ol #crumbs li, ol #crumbs li a { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#5BA2A7; text-transform: lowercase; } #crumbs a:link { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#5BA2A7; border: none; } #crumbs a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#006A71; } #main #crumbs ol li a { color:#5BA2A7; border-bottom: none; text-decoration: none; } #main #crumbs ol li a:hover { color:#006A71; border-bottom: 1px dotted #006A71; } #crumbs li { background: none; padding-left: 12px; background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/marker.gif) no-repeat 2px 6px; } * html #crumbs li { background: none; padding-left: 12px; background: transparent url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/marker.gif) no-repeat 2px 6px; } #main .pageTitle { position: relative; font: bold 30px "Trebuchet MS"; font-weight: bold; color: #96261A; padding: 0px 0 8px 0; margin: 0px; text-transform: lowercase; /*width: 396px;*/ } #main .indentedPageTitle { padding: 0px 0 8px 320px; } #container #main h1 { color: #006A71; font-size: 20px; font-weight: bold; padding: 4px 0 4px 0; margin: 0; line-height: 1.1em; } #main h2 { color: #006A71; font-size: 18px; font-weight: bold; padding: 4px 0 4px 0; margin: 0; } #main h2 a:link, #main h2 a:visited, #main h2 a:hover, #main h2 a:active { color: #006A71; font-size: 18px; font-weight: bold; padding: 0; margin: 0; } #main h2 a:hover { color: #006A71; border: none; } #main h3 { color: #006A71; font-size: 16px; font-weight: bold; border: none; padding: 4px 0 4px 0; margin: 0; } #main h4 { font-size: 14px; font-weight: bold; color: #006A71; padding: 4px 0 4px 0; margin: 0px; } #main h5 { font-size: 12px; color: #006A71; padding: 4px 0 4px 0; margin: 0; } #main h6 { font-size: 14px; font-weight: bold; color: #96261A; padding: 4px 0 4px 0; margin: 0px; text-align: left; } #main li a:link, #main li a:visited { color: #006A71; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #005167; } #main li a:hover { color: #006A71; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #91BE3F; } #main .tableview, #main .confluenceTable { line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #727272; border-spacing: 0; border-collapse: collapse; margin: 12px 0px; } #main .confluenceTd, #main .confluenceTh { border: 1px solid #727272; padding: 6px; vertical-align: top; font-size: 12px; } #main .confluenceTh { color: #363636; color: #006A71; background-color: #DAE693; background-color: #DAE6CE; } #main .sectionMacro .confluenceTd { border: none; } #main .tableview td { border: 1px solid #F0F0F0; padding: 3px 6px; vertical-align: top; } #main .tableview #foldertab { font-size: 12px; font-weight: normal; padding: 0px 0px 2px 3px; margin: 0px; border-bottom: 4px solid #DDD; } #main .tableview #foldertab li { white-space: nowrap; display: inline; list-style-type: none; } #main .tableview #foldertab li a, #main .tableview a { border: none; } #main .tableview #foldertab li a { margin: 0px 3px; padding: 3px 6px; background-color: #F0F0F0; } #main .tableview #foldertab li .current { font-weight: bold; background-color: #DDD; cursor: pointer; } #main .tableview #foldertab li .current:hover { color: #005167; } /* Blog display bits ---------------------------*/ #spacevmd .blogSurtitle, #spacevmd .blogpost .blogHeading, #spacevmd .blogpost .pagesubheading, #spacevmd .blogpost .endsection, #main .blogSurtitle, #main .blogpost .blogHeading, #main .blogpost .pagesubheading, #main .blogpost .endsection { font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding-top: 2px; margin: 0px; padding-bottom: 8px; line-height: 1.4em; } #spacevmd .blogpost .pagesubheading, #main .blogpost .pagesubheading { padding-left: 12px; } #spacevmd .blogpost .blogHeading, #main .blogpost .blogHeading { font-size: 12px; font-weight: bold; color: #5BA2A7; margin: 0; padding: 2px 12px 2px 12px; border-bottom: none; } #spacevmd .blogpost .blogHeading:hover, #main .blogpost .blogHeading:hover { color: white; background: #5BA2A7; margin: 0; padding: 2px 12px 2px 12px; } #spacevmd .blogSurtitle, #main .blogSurtitle { margin: 6px 0px 0 0px; padding: 10px 0 24px 0; color: #BF2E1A; border-top: 2px solid #BF2E1A; } #spacevmd .blogSurtitle a, #main .blogSurtitle a { font: bold italic 12px Georgia; color: #BF2E1A; border: none; } #spacevmd .blogSurtitle a:hover, #main .blogSurtitle a:hover { border-bottom: 1px dotted #BF2E1A; } #spacevmd .blogSurtitle img, #main .blogSurtitle img { display: none; } #main .blogpost p, #spacevmd .blogpost p { font: 11px Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 4px 12px; line-height: 1.2em; } .blogpost .endsection { display: none; } #main .blogpost, #spacevmd .blogpost { margin: 0px; padding: 0px; margin-top: -14px; } /* right bits -------------------------------------------------------------------------------------- */ #right { float: right; width: 198px; margin: 0px; padding: 0px 0 0 20px; background: #F0F5D5; display: none; } .more { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #005167; padding: 12px 0px 16px 120px; } /* Search bits ---------------------------*/ #searchwrap { font-family: Helvetica, Arial, sans-serif; font-size: 10px; } * html #searchwrap { margin-top: -60px; } #searchTable { padding: 16px 8px; } #whereSearched, #searchwrap #groupBy { border: 1px solid #ddd; border-bottom: none; } #hotTagsColumn { border-left: 1px solid #ddd; } #whereSearched, #searchTable .grid { border-collapse: collapse; } #resultsSearchField { width: 440px; padding: 2px; } #whereSearched .groupSearchBy { padding-top: 6px; } #whereSearched .groupSearchBy span { padding-right: 8px; } #whereSearched .groupSearchBy a { margin-right: 8px; } #searchTable td { padding: 16px; } #searchwrap #searchTable td { font-size: 12px; } #searchwrap #searchTable td br { margin-bottom: 8px; display: block; } * html #searchwrap #searchTable td img { padding-bottom: 12px; } #searchwrap #filterButtons, #searchwrap #typeButtons { margin-left: 24px; display: inline; } #searchwrap .searchFilterButton { margin-left: 12px; } #searchwrap #typeButtons { color: #91BE3F; } .groupSearchBy { background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/icons/cards.gif) no-repeat left top; padding-left: 30px; min-height: 23px; color: #005167; font-weight: bold; } * html .groupSearchBy { height: 23px; } .groupSearchBy span { padding-left: 10px; } .groupSearchBy a { margin-left: 18px; } .hotTags { background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/hotTagsPanel.gif) no-repeat right top; height: 40px; width: 160px; } .hotTags h1 { background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/tack.gif) no-repeat 132px 5px; padding: 12px 18px 0px 30px; height: 25px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; color: #005167; } .hotTags h1 a { font-weight: bold; } .allSearchResults, .allSearchResults table { font-size: 12px; } .allSearchResults table { margin: 18px; line-height: 1.4em; } .allSearchResults .searchGroup { line-height: 1.6em; } .allSearchResults .centered { text-align: center; } * html .allSearchResults table { width: 700px; } /* ---------------------------*/ /* Control Panel bits ---------------------------------------------------------------------------- */ #panel { position: absolute; height: 52px; top: -25px; right: 236px; top: 30px; right: 208px; /* top: 124px; right: 16px; z-index: 10000;*/ } #header { } #controlPanelOff { display: none; } #controlPanel { font: bold 11px Helvetica, Arial, sans-serif; color: #006A71; background: white; height: 32px; margin: 0px 0px 20px 0px; padding: 6px 4px 4px 4px; text-align: right; border: 3px solid #DAE693; *width: 220px; } /*safari-only*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #controlPanel{ width: 248px; padding: 6px 8px 4px 0px; } } #controlPanel li a:link, #controlPanel li a:visited, #controlPanel li a:hover, #controlPanel li a:active { border: none; } * html #controlPanel { padding: 0; } #controlPanel a, #controlPanel a:visited { font-size: 11px; color: #006A71; border: none; } #controlPanel a:hover, #controlPanel a:hover .toggle { font-size: 10px; color: #006A71; border-bottom: none; } /* controls the words 'control panel' ----------------------------------------------------------*/ #controlPanel h1 a, #controlPanel h1 a:visited { font-size: 11px; color: #006A71; } #controlPanel h1 a:hover, #controlPanel h1 a:hover .toggle { font-size: 10px; border-bottom: 1px dotted #006A71; } #controlPanelOff a:link, #controlPanelOff a:visited { font-size: 10px; color: #006A71; border: none; } #controlPanel #pageOptions li .optionIcon a:hover { } /* PAGE OPTIONS (view, edit, attachments, info) ----------------------------------------------------------*/ #controlPanel #pageOptions { margin: 0 0 0 0px; padding: 0 0 4px 12px; } * html #controlPanel #pageOptions { padding: 8px 0 4px 12px; } #controlPanel #pageOptions ul { background: transparent; padding: 0; margin: 0; } #controlPanel #pageOptions li { display: inline; text-decoration: none; padding: 0 10px 0 0; color: #5BA2A7; font: 10px Arial, sans-serif; } #controlPanel #pageOptions li a, #controlPanel #pageOptions li a:link, #controlPanel #pageOptions li a:visited, #controlPanel #pageOptions li a:hover, #controlPanel #pageOptions li a:active { display: inline; *float: left; *padding-right: 9px; text-decoration: none; font: 10px Arial, sans-serif; color: #5BA2A7; } #controlPanel #pageOptions li a:hover { color: #006A71; border-bottom: none; } #controlPanel .optionIcon img { padding-top: 0px; } #controlPanel a.icon { position: relative; top: 0px; *top: -10px; padding: 0; } /* ---------------------------*/ /* Browse Etc. ----------------------------------------------------------*/ #browseEtc { border: none; padding: 0; margin: 0 0 0 0px; position: relative; *top: -20px; *right: 8px; } * html #browseEtc { top: -14px; right: 8px; height: 12px; } #browseEtc ul { margin: 0; background: transparent; border: none; padding: 0; } #controlPanel #browseEtc li { display: inline; text-decoration: none; padding: 0px 8px 0px 0px; font: 10px Arial, sans-serif; color: #5BA2A7; margin: 0px; } #controlPanel #browseEtc li a, #controlPanel #browseEtc li a:link, #controlPanel #browseEtc li a:visited, #controlPanel #browseEtc li a:hover, #controlPanel #browseEtc li a:active { display: inline; text-decoration: none; font: 10px Arial, sans-serif; color: #5BA2A7; margin: 0px; padding: 0px; } #controlPanel #browseEtc li a:hover { color: #006A71; border-bottom: none; } /* ---------------------------*/ #printEtc { position: relative; left: 252px; margin: 0px; padding: 0px; top: 16px; z-index: 300; } #favorites { margin: 0px; left: 300px; position: relative; padding: 0px; top: 16px; z-index: 300; } /* Page watch -------------------------------------------*/ #pageWatchWrapper { float: left; background: none; height: 28px; width: 180px; padding: 10px 0px 0px 14px; margin-bottom: 24px; font: bold 12px Helvetica, Arial, sans-serif; color: #367C2B; } #pageWatchWrapper a:link, #pageWatchWrapper a:visited, #pageWatchWrapper a:hover, #pageWatchWrapper a:active { font: normal 12px Helvetica, Arial, sans-serif; border: none; color: #367C2B; } #pageWatchWrapper a:hover { font: normal 12px Helvetica, Arial, sans-serif; border: none; color: #154D8D; } #pageWatchWrapper #pageWatch { padding-right: 2px; } #pageWatchWrapper img { padding: 0 2px 0 4px; margin: 0; } #fave { padding: 0 0 8px 0; } #fave img {padding: 0;} #fave a:link, #fave a:visited, #fave a:hover, #fave a:active { color: #367C2B; padding: 0; } #fave a:hover { border: none; color: #154D8D; } /*end page watch*/ /*blank-canvas watch include*/ #watch { float: right; position: absolute; top: 0px; right: -60px; display: none; } /*styles new watch page bits*/ .watch-space { top: 0; font: 12px Helvetica, Arial, sans-serif; padding-top: 10px; color: #367C2B; border: none; } .watch-space img { padding-right: 6px; } .watch-space a:link, .watch-space a:visited, .watch-space a:hover, .watch-space a:active { color: #367C2B; border: none; padding-right: 18px; } .watch-space a:hover { color: #154D8D; } /*--------------*/ /* Comments -------------------------------------------------------------------------------------- */ #comments { padding: 16px 0 0 0; font: 11px Helvetica, Arial, sans-serif; color: #006A71; xdisplay: none; } .homeComments { xdisplay: none; } #comments .wiki-content, #comments .wiki-content p { padding: 0px; margin: 0px; font: 11px Helvetica, Arial, sans-serif; color: #006A71; } #comments, #comments .commentblock p, #comments input { font: 12px Helvetica, Arial, sans-serif; color: #006A71; } #comments .commentblock p { margin-bottom: 12px; font: 11px Helvetica, Arial, sans-serif; color: #006A71; } .replyNote { color: #005167; font-weight: bold; font-style: italic; padding-bottom: 8px; } .errorMessage { font: italic 12px Helvetica, Arial, sans-serif; color: #96261A; } #main .tableTitle { font: 12px Helvetica, Arial, sans-serif; padding: 6px 0; } .commentBox { } #comments .commentBox, #comments .focusedComment { position: relative; padding: 8px; margin: 9px 6px; background: #F0F4D7; border: 1px dotted #CDD3A3; } .commentBox { background-color: #F0F4D7 !important; } .focusedComment { background: #D9E5CD; border: 1px dotted #CDD3A3; } .focusedComment p{ font: italic 12px Helvetica, Arial, sans-serif; } #comments ul { text-align: left; margin: 0; padding: 0; bottom: 10px; right: 8px; } * html #comments ul { position: static; margin-top: -15px; float: right; } #comments li { display: inline; padding-left: 8px; font-size: 10px; } #comments a, #comments a:link, #comments a:visited, #comments a:active, #comments li a, #comments li a:link, #comments li a:visited, #comments li a:active { color: #006A71; border-bottom: none; } #comments a:hover, #comments li a:hover { border-bottom: 1px dotted #5BA2A7; } #editor-tabs li { list-style: none; } #editor-tabs a:hover, #editor-tabs li a:hover { border-bottom: none; color: white; } #comments .current a:hover, #comments .current li a:hover { color: #006A71; border-bottom: none; } .commentBox .smallfont { font-size: 10px; } * html #comments .replycommentform { width: 420px; } * html #comments form a, * html #comments form a:link, * html #comments form a:visited, * html #comments form a:active, * html #comments form a:hover { border: none; } #comments #mce_editor_0_table, #comments #mce_editor_0_delete_col, #comments #mce_editor_0_delete_row, #comments #mce_editor_0_col_before, #comments #mce_editor_0_col_after, #comments #mce_editor_0_row_before, #comments #mce_editor_0_row_after, #comments .mceSeparatorLine { display: none; } #comments .greybox { border: none; } #wrapper #main #comments #addcomment form { } #wrapper #main #comments #addcomment form { margin-top: 20px; width: 500px; } #wrapper #main #comments #addcomment { } #comments #editor-tabs { *position: relative; } /*change comment tabs*/ #comments #editor-tabs .tab a{ background: #DAE6CE; } #comments #editor-tabs .tab a:hover { border: none; } #comments #editor-tabs .current a{ color: #96261A; } #addcomment .label{ color: #96261A; } /* Page turners & page numbers -------------------------------------------------------------------------------------- */ #page-turners { margin-top: 48px; padding: 8px 0; border: 1px solid #5A9E89; border: none; background: none; } #page-turners p { padding: 0; font-size: 1.6em; color: #F0F5D5; } #clear-turners { clear: both; } .next-page, .previous-page { padding: 8px 12px; background: #F0F4D7; border: 1px dotted #CDD3A3; } .next-page: hover, .previous-page: hover { border: 4px dotted #5A9E89; } .previous-page { float: left; } .next-page { float: right; } .next-page a { font: normal 14px "Trebuchet MS"; padding-right: 36px; background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/rightArrow.gif) no-repeat 100% 50%; } .previous-page a { font: normal 14px "Trebuchet MS"; padding-left: 36px; background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/leftArrow.gif) no-repeat 0% 50%; } .next-page a:hover { border: none; background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/rightArrow-hover.gif) no-repeat 100% 50%; } .previous-page a:hover { border: none; background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/leftArrow-hover.gif) no-repeat 0% 50%; } #main .pageNumber { font: normal 20px Georgia, serif; } #main #page-turners .pageNumber { font: normal 14px Georgia, serif; } /* RSS bits ---------------------------*/ .rssMacro table { text-align: left; padding-left: 28px; padding-bottom: 20px; } .rssMacro a, .rssMacro b, .rssMacro .smalltext { line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; text-align: left; } .rssMacro .smalltext { color: #727272; display: block; padding: 6px 0px 14px 0px; } .rssMacro a:hover { color: #BFDB56; border-bottom: 1px dotted #BFDB56; } .rssMacro th { padding-bottom: 4px; } .rssMacro th a { text-align: left; color: #005167; border-bottom: 1px dotted #005167; font-size: 14px; font-weight: bold; } .rssMacro th .smalltext { display: none; } /* Skype bits -------------------------------------------*/ .skype { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; } /* Blog calendar bits -------------------------------------------*/ #calendar { margin-top: 40px; margin-left: -20px; } #nest #left #calendar a, .blogcalendar, .blogcalendar table, .blogcalendar a { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #005167; } #nest #left #calendar .blogcalendar a { font-size: 11px; font-weight: bold; border-bottom: 1px dotted #005167; } .blogcalendar th { font-weight: bold; } .blogcalendar th, .blogcalendar td { height: 20px; } .blogcalendar .calendarHead a, #nest #left #calendar .blogcalendar .calendarHead a { font-size: 14px; font-weight: bold; } #nest #left #calendar a:hover, #nest #left #calendar .blogcalendar a:hover, #nest #left #calendar .blogcalendar .calendarHead a:hover { color: #91BE3F; border-bottom: 1px dotted #91BE3F; } /* Expanding menu bits -------------------------------------*/ .expandingMenu { xposition: relative; padding: 0 0 0 18px; } .expandingMenu img { border: none; } #wrapper .expandingMenuOpen, #wrapper .expandingMenuClosed { border: none; float: left; margin: 12px 4px 0 -4px; } .expandingMenuClosed { background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/expandingMenuClosed.gif) no-repeat left top; } .expandingMenuOpen { background: url(/download/resources/com.stepstonetech.theme:stepstone-theme/theme/images/expandingMenuOpen.gif) no-repeat left top; } /* removes Firefox dotted border ---------------------------------------- */ a:active { outline: none; } a:focus { -moz-outline-style: none; } /*controls task list macro -------------------------------------------*/ .dynamicTaskList { font: 12px Helvetica, Arial, sans-serif; color:#006A71; margin:0; padding:12px 0 0 4px; } #right .inline-control-link { background-color: transparent; border:none; } #right .inline-control-link a{ background-color: transparent; border:none; } #right .inline-control-link a:hover;{ background-color: transparent; border:none; } #main .noteMacro, #main .warningMacro, #main .infoMacro, #main .tipMacro { font-family: Helvetica, Arial, sans-serif; color:#154D8D; padding: 4px 12px; } .panelMacro { font: normal 14px Helvetica, Arial, sans-serif; margin: 9px 0; padding: 0; } .panelContent, .codeContent { background: white; padding: 12px 20px; } .code pre { margin: 0; } #container #main .panelMacro p{ font: normal 12px Helvetica, Arial, sans-serif; margin: 9px 0; padding: 0; } /* dynamictasklist macro bits ---------------------------*/ .dtl input { margin-top: 4px; } .dtl * { font-size: 12px; } .dtl a { border: none; } /* blog-post macro bits ---------------------------*/ #main .grid { font-size: 12px; } #main .grid th, #main .grid td { padding: 6px 0 6px 4px; font-weight: normal; vertical-align: top; } #main .grid th { text-align: left; font-weight: bold; } /* bookmarks macro bits ---------------------------*/ #main .blogSurtitle h2 { background-image: none; } /* misc macro bits ---------------------------*/ .endsection { line-height: 2em; color: grey; font-weight: bold; } #wrapper #main .tabletitle { font-weight: bold; } /* spaces-list macro bits ---------------------------*/ .spaceList a { border: none; } .spaceList #spacesLabel { margin-bottom: 12px; margin-left: 0px; font-weight: bold; } #wrapper #main .spaceList .tabnav { padding-bottom: 4px; margin: 0; padding-left: 0; } #wrapper #main .spaceList .tabnav a { border: none; } #dashboard #spacesLabel { border: none; margin: 0; color: #006A71; } /* userinfo macro bits ---------------------------*/ #wrapper #main .vcardShort { width: 374px; } #wrapper #main .vcardShort .contactInfo { width: 300px; } #wrapper #main .vcardBackground p, #wrapper #main .vcardShort p { font-size: 11px; padding: 0; margin: 0; } #wrapper #main .vcardBackground a, #wrapper #main .vcardShort a { border: none; } /* user profile area bits -------------------------------*/ .greynavbar span { margin-top: -8px; white-space: nowrap; } .profile #profileSummary ul { margin-left: 18px; } .profile #profileSummary li img { display: none; } /*styling fixes for confluence upgrade*/ #dashboard .tabletitleop img { border: none; } .tabletitleops a { border: none; } .tabletitleop img { border: none; } /*styling for mail page option*/ #main #editBox { width: 540px; font: normal 12px Helvetica, Arial, sans-serif; } #main #editBox table a:link { border: none; } /*set the text .mailpage-text narrower thant textarea so that image aligns correctly*/ #main #editBox table tr td textarea { width: 400px; } #main #editBox table tr td input { width: 400px; } * html #main #editBox table tr td textarea { width: 380px; } #main .mailpage-text { width: 380px; } * html #main .mailpage-text { width: 360px; } #main pre { } #main form table { margin-bottom: 8px; font: normal 10px Helvetica, Arial, sans-serif; } #main .pageheader { font: bold 14px Helvetica, Arial, sans-serif; color: #006A71; padding-bottom: 6px; } #add-page-crumbs, #add-page-crumbs p, #add-page-crumbs a:link, #add-page-crumbs a:visited, #add-page-crumbs a:hover, #add-page-crumbs a:active { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#5F9656; border: none; } #add-page-crumbs a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#006A71; border-bottom: 1px dotted #367C2B; } #add-news-crumbs, #add-news-crumbs p, #add-news-crumbs a:link, #add-news-crumbs a:visited, #add-news-crumbs a:hover, #add-news-crumbs a:active { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#5F9656; border: none; } #add-news-crumbs a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color:#006A71; border-bottom: 1px dotted #367C2B; } #wrapper #main .vcardShort { position: relative; margin-top: 0; padding: 8px 10px;} .vcardShort .buttons { position: absolute; top: 6px; right: 10px; } .vcardShort .username { font-size: 14px; } .contactInfo .userinfo-view-name, .contactInfo .userinfo-view-value { padding: 4px 4px 0 4px; } .pageInfoLayoutTable { margin: 4px 8px; width: 98%; } #viewAttachmentsDiv { margin: 4px 8px; font: normal 12px Helvetica, Arial, sans-serif; color: #006A71; } #upload-files { } #upload-comments { margin-left: 94px; width: 38%; } .profile .spaceActionLinks { position: relative; margin-top: -8px; *margin-top: -12px; border: none; background: transparent; margin-bottom: 8px; } .profile .spaceActionLinks img { position: relative; margin-top: -4px; } /*change position of dropdown 'view'*/ #viewAttachmentsDiv #navigation .ajs-menu-bar li.ajs-menu-item .ajs-menu-title, #navigation .ajs-menu-bar li.ajs-button a { position: relative; right: 12px; font: bold 12px Helvetica, Arial, sans-serif; color: #006A71; border: none; z-index: 10000; } /*remove blue confluence color*/ #navigation .ajs-menu-bar li.ajs-button a:hover { background: transparent; font: bold 12px Helvetica, Arial, sans-serif; color: #006A71; } /*remove that creepy eyeball, except on IE*/ #navigation .ajs-menu-bar .ajs-button a.view span { background-image: none; } .ajs-button .normal a:link{ display: none; } #viewAttachmentsDiv #navigation .ajs-menu-bar li.ajs-menu-item .ajs-menu-title img, #viewAttachmentsDiv #navigation .ajs-menu-bar li.ajs-button a img{ display: none; } #heartbeat-div { padding: 12px 0; } #upload-files h3 { padding-bottom: 6px; margin-right: 6px; margin-bottom: 12px; } #upload-attachments h3 { padding-bottom: 6px; margin-right: 16px; margin-bottom: 12px; } #content form { } #site-search-form { margin: 12px 24px; border: none; } #search-sidebar { margin-top: 20px; } .search-query-text-input { width: 20em; height: 2em; } #wiki-editor .inputSection .editor-template-link { position: relative; top: 20px; left: 12px; } .search-query-submit { font-size: 10px; } #site-search-form input { margin: 4px 0; height: 2em; } .search-filters-panel { margin-right: 8px; } .greyboxfilled { margin-top: 20px; font: normal 11px Helvetica, Arial, sans-serif; } .greyboxfilled ul li{ line-height: 1.6em; } /*fix for labels on search results page*/ .borderedGreyBox a:link { border: none; padding: 0; line-height: 2em; } .view-information { margin: 12px 20px; } /*finetuning edit page*/ #helpheading { background: #f0f0f0; padding-top: 8px; padding-left: 8px; border-bottom-color: #d6d6d6; } #info-panel { float: right; *display: block; margin-top: 0px; } #info-panel .rightpanel { border-top: 2px solid #d6d6d6; *float: right; } * html #info-panel .rightpanel { display: none; } #editpageform { border-top: 2px solid #d6d6d6; margin-top: 0px; padding: 0 12px; } #popup-link-image { border: 0; } #main .panel { margin-right: 100px; } #wiki-editor #tree-div ul li { line-height: 2em; } /*pagebody stuff is for browse space tabs and other, profile is for personal info page*/ #spacevmd .pagebody .tabnav { margin-top: 20px; border-bottom: 2px solid #5BA2A7; height: 13px; } #spacevmd #contentOptions li { list-style: none; } .pagebody .tabnav .tabs, .profile .tabnav .tabs { font-size: 12px; font-weight: normal; padding: 0px 0px 0px 3px; border-bottom: none; } .pagebody .tabnav .tabs li, .profile .tabnav .tabs li { white-space: nowrap; display: inline; list-style-type: none; } .pagebody .tabnav .tabs a, .profile .tabnav .tabs li a, .profile .tabnav .tabs a { border: none; } .pagebody .tabnav .tabs a { color: #5BA2A7; margin: 0px 3px 9px 3px; padding: 3px 6px 0px 6px; background-color: #F0F0F0; } .profile .tabnav .tabs a { color: #5BA2A7; margin: 0px 3px; padding: 3px 6px 2px 6px; background-color: #F0F0F0; } .pagebody .tabnav .tabs a:hover, .profile .tabnav .tabs a:hover { color: #006A71; } .pagebody .tabnav .tabs .current, .profile .tabnav .tabs .current { font-weight: bold; color: #006A71; background-color: #5BA2A7; cursor: pointer; } .pagebody .tabnav .tabs .current:hover, .profile .tabnav .tabs .current:hover { border: none; } .pagebody .spaceActionLinks { position: relative; top: -14px; } #spacevmd .spaceActionLinks a { border: none; background: none; } .profile .tabnav .spaceActionLinks { padding: 8px 20px 6px 0; } .profile .tabnav .spaceActionLinks a{ border: none; } .profile .rightpanel { border: 1px solid #5BA2A7; } .profile .label { padding-left: 4px; } .error, .errorMessage { font: italic 12px Helvetica, Arial, sans-serif; color: #96261A; background: none; padding-left: 8px; } /*a bit of hackery to fix the news pages*/ .blogSurtitle { background: white; border: none; } .blogDate { color: #bf2e1a; } .blogcalendar { margin-top: 20px; } .blogpost { border: none; padding-left: 40px; } .sidebar-content { padding-left: 40px; } #wrapper .form-header { font: normal 14px Helvetica, Arial, sans-serif; background-color: transparent; border: none; } #wrapper .form-header p{ font: normal 14px Helvetica, Arial, sans-serif; } .labels-tip { display: none; } #wrapper .form-buttons { background: none; border: none; } #wiki-editor .tab a:hover { color: #5BA2A7; } #squaretab a { font: normal 12px Helvetica, Arial, sans-serif; } .tabnav .spaceActionLinks a span { text-decoration: none; }