/*********************************************************************************** STRUKTURA CAŁEGO DOKUMENTU ***********************************************************************************/ body { background:#dcdcdc; height:100%; margin:0px; } body, p, td, .email { color:#000; font-family: Tahoma, Verdana, Sans, Helvetica, sans-serif; font-size:12px; } a { text-decoration:none; color:#aa0000; -moz-outline: none; } a:hover { text-decoration:underline; } form { margin:0px; padding:0px; } hr { size:1px; border:0px; border-bottom:1px solid silver; } #layout { float:left; width:100%; text-align:center; } .page_container { float:left; text-align:center; width:100%; } .page { width:790px; margin: 0 auto; text-align:left; } .bg01 { background:#ededed; } .metoda-green { color: rgb(156, 201, 77); } /* ramki */ #top, #menu, #middle, #bottom { border-left: 1px solid #8d8d8d; border-right:1px solid #8d8d8d; } #bottom { border-bottom: 1px solid #8d8d8d; margin-bottom: 10px; } /* Różności do wszystkiego (globanie) */ img { border: 0 } .hide { display:none; } .required { color: red; } .content th { font-size: 11px; background: #dcdcdc; } .content td { font-size: 11px; border-bottom: 1px solid silver; } .red { color:red; } /*********************************************************************************** GÓRA STRONY Z LOGO i EWENTUALNYM TOP-MENU ***********************************************************************************/ #top { width:790px; background:#eef0eb; height: 70px; } #top a { display:block; color:#797979; font-size:10px; } #top a:hover {text-decoration:none;} /* Logo */ #top .logo { float:left; width: 250px; padding: 15px 0 0 38px; } #top .logo a { width:181px; height:38px; background: url(../_images/logo_metoda.gif); } /* Top Menu */ .top-menu { vertical-align: top; } .top-menu .search-box { float:right; margin: 5px 16px 0 0; } .top-menu a.search { float:right; padding-right: 20px; margin-top: 10px; } .top-menu A.search { background:url(../_images/ico_search.gif) no-repeat 0px; } .top-menu A.search:hover { background:url(../_images/ico_search_active.gif) no-repeat 0px; } /*********************************************************************************** ŚRODKOWA CZĘŚĆ - TAM GDZIE JEST MERITUM SPRAWY (TREŚĆ) ***********************************************************************************/ #middle { float:left; width:790px; background: #fff url(../_images/content_dots.gif) repeat-y 773px 0px;} #middle .content { width: 720px; margin-left: 35px; } #middle .content p, #middle .content td { line-height:1.5em; } #middle { padding-bottom: 20px; } /* Główne menu strony - jest */ #menu hr {display: none; } #menu { float:left; clear:both; height:85px; width:100%; background:#797979 url(../_images/top_bg.gif) no-repeat 100% 100%; } #menu a { display:block; color:#eff1e4; font-size:10px; } #menu a:hover {text-decoration:none;} #menu ul { padding:0px; margin:0px 0px 0px 30px; list-style-type:none; } #menu ul li { float:left; } #menu ul li.level3_item, #menu ul li.level3_active { height:26px; background: url(../_images/menu_sep.gif) no-repeat 0px 16px; padding:2px 5px 0px 10px; border-bottom:3px solid #c3c4bc; } #menu ul li.first { background:none; padding-left:5px; } #menu ul li.level3_item a, #menu ul li.level3_active a { display:block; font-weight:normal; padding:7px 0px; } #menu ul li.level3_item a { } #menu ul li.level3_active a span { border-bottom:3px solid #8dc500; position:relative; padding:5px 0px 6px 0px; } /* Menu narzędziowe (print, send) */ UL.tools { margin:0px; padding:10px 10px 20px 10px; list-style-type:none; } UL.tools LI { float:left; background:none; padding:0px; } UL.tools LI A { padding:0px 10px 0px 22px; font-size:10px; color:#c3c4bc; margin-left:10px; } UL.tools LI A:hover { color:#8dc500; text-decoration:none; } UL.tools LI A.print { background:url(../_images/ico_print2.gif) no-repeat; } UL.tools LI A.print:hover { background:url(../_images/ico_print2_active.gif) no-repeat; } .asearch-box { position:relative; bottom: 3px; } .asearch-box input { height: 20px; font-size: 12px; } UL.tools LI A.search { background:url(../_images/ico_search.gif) no-repeat 4px; margin-left: 6px; margin-bottom: 2px; } UL.tools LI A.search:hover { background:url(../_images/ico_search_active.gif) no-repeat 4px; } UL.tools LI A.send { background:url(../_images/ico_send2.gif) no-repeat; } UL.tools LI A.send:hover { background:url(../_images/ico_send2_active.gif) no-repeat; } #tools { position:relative; margin-right:15px; top:-33px; z-Index:1; float:right; } #tools a { color:#c3c4bc; padding-top:2px; } #tools a:hover { color:#e0e2d6; } /*********************************************************************************** NAGŁÓWKI (TYTUŁY, ŚRÓDTYTUŁY, ...) ***********************************************************************************/ /* Tytuł na pierwszej stronie */ #layout.default H1 { margin:0px; margin-bottom:-20px; position:relative; top:-45px; color:#fff; font-weight:normal; font-size:34px; xwidth:550px; } #layout.default .section H2 { margin:0px; margin-bottom:-50px; position:relative; top:-75px; color:#fff; font-weight:normal; font-size:34px; xwidth:550px; } #layout.default .bibliography .titlepage H2 { margin: 0px; padding: 30px 0px 20px 0; font-weight:bold; font-size:14px; background: none; } h3 { color: #383838; } #middle #oferta.section #oferta-obrazek h3.title { margin-top: -70px; } #middle #oferta-obrazek h3.title, #layout.default .article H2, #layout.default .oferta H2 { width:690px; color:#383838; font-weight:normal; font-size:25px; xline-height: 1.2em; margin:-28px 0px 20px 0px; background: url(../_images/main_h1.gif) no-repeat 100% 10px; padding-right:30px; } #layout.default .article .section H2 { padding: 15px 0px 0px 0px; margin: 0px; top: 0px; font-weight:bold; font-size:16px; background: none; width: auto; } #layout.default .article .section H3 { padding: 5px 0 5px 0; margin: 0px 0 0px 0; top: 0px; font-weight:bold; font-size:14px; background: none; color:#383838; } #layout.default H3.subtitle { float:left; clear:both; width:100%; margin:-15px 0px 10px 0px; color:#383838; } #layout.default H3 { padding-top:0px; font-size:16px; } #layout.default H4 { width:100%; padding-top:0px; font-size:14px; } #layout.default H5 { width:100%; padding-top:0px; font-size:12px; } /* listy */ OL LI { padding:0px; margin:0px; } OL LI H3 { color:#000; } .content UL { list-style-type:none !important; padding:0px 0px 0px 8px; margin:0px; } .content UL LI { background: url(../_images/li01.gif) no-repeat 0px 5px; padding:0px 0px 2px 15px; margin:5px 0px; } .content UL LI OL LI { background: none; padding: 0 0 2px 0; margin:5px 0px; } .content ul p {padding:0px;margin:0px 0px 0px 0px;} /* przycięte, ze względu na częste LI P w tekstach generowanych z docbooka*/ .content UL LI UL LI { background: url(../_images/li02.gif) no-repeat 0px 8px; padding:0px 0px 0px 12px; margin:5px 0px; } ul.related { padding:20px 0px 0px 0px; list-style-type:none; } ul.related li { background: url(../_images/li01.gif) no-repeat 5px 4px; padding-left:20px; } /*********************************************************************************** DÓŁ STRONY (OSTATNIA LINIA z copyright'em, linkiem na początek, id strony webnotes) ***********************************************************************************/ #bottom { float:left; width:790px; height:30px; background: url(../_images/content_dots.gif) no-repeat 773px 0px #EEF0EB; } #bottom .copyright { display: none; float:left; color:#878883; font-size:10px; margin:8px 0px 0px 0px; padding-left:25px; } #bottom .page_top { float:right; margin:8px 35px 0px 0px; } #bottom .page_top a { displaay:block; background: url(../_images/top.gif) no-repeat 0px 4px; padding:0px 0px 0px 15px; font-size:10px; color:gray; } #bottom .page-footer { float:left; padding:8px 0px 0px 35px; font-size: 10px; color:#878883; margin: 0 auto; } /*********************************************************************************** ELEMENTY www.metoda.com.pl ***********************************************************************************/ /* News'y na home page */ .newsList { float:left; clear:both; width:750px; margin-left: -35px; } .newsList p { margin-bottom: 0px; float:left; width:320px; padding:0px 0px 0px 55px; background: url(../_images/li01.gif) no-repeat 35px 3px; font-size:11px; } /* Strony z ofertą */ .lizak { background: url(../_images/box_round_bg.gif) no-repeat; height:116px; margin:30px 0px 25px -35px; text-align:left; width:720px; padding:2px 0px 0px 0px; } .lizak .kropki { position:absolute; -width:117px; height:134px; background: url(../_images/main_kropki02.gif) no-repeat; margin:-10px 0px 0px 72px; padding-left: 170px; } .lizak .kropki:first-child { padding-top: 5px; } #oferta .boxOferta { background: url(../_images/box_round_bg.gif) no-repeat; height:116px; margin:30px 0px 25px -35px; text-align:right; width:720px; padding:2px 0px 0px 0px; } #oferta .boxOferta .content { width:700px; padding-top:20px; } #oferta .boxOferta .title { display:none; } #oferta .boxOferta .kropki { position:absolute; width:117px; height:134px; background: url(../_images/main_kropki02.gif); margin:-10px 0px 0px 72px; } #oferta .boxOferta TABLE { border-collapse:collapse; float:right; margin-right:80px; } #oferta .boxOferta TABLE TD { padding:7px; border: 0; } #oferta .boxOferta .label { color:#5A6355; font-size:13px; font-weight:bold; text-align: right; } #case_studies .boxOferta { clear: none; float:right; height: 116px; width:380px; margin-right: -237px; margin-top: 7px; } #case_studies .boxOferta, #case_studies .boxFiltr { position:relative; float: right; margin-right: -35px; } #case_studies .boxFiltr { width:345px; } #case_studies .boxOferta .title { color:#8dc500; font-size:15px; font-weight:bold; margin:10px 2px 5px 2px; } #case_studies .boxOferta .content { padding:15px 0px; background: #eef0ed; height: 75px; width:380px; } #case_studies .boxFiltr .content { width:345px; } #case_studies .boxOferta TABLE { margin: 1px 0px 0px 18px; } #case_studies .boxOferta TABLE TD { padding:9px; border: 0; } #case_studies .boxOferta TD { text-align:right; color:#5A6355; font-size:13px; font-weight:bold; } #case_studies .boxOferta SELECT { width:170px; } .oferta1 { background: url(../_images/ol_01.gif) no-repeat 0px 3px; } .oferta2 { background: url(../_images/ol_02.gif) no-repeat 0px 3px; } .oferta3 { background: url(../_images/ol_03.gif) no-repeat 0px 3px; } .oferta1 H3, .oferta2 H3, .oferta3 H3 { margin-left: 24px; } .oferta .links { padding:0px 5px 0px 0px; } .oferta .links P { padding:0px; margin:0px; } .oferta-obrazek { float: right; margin-left: 20px; } /* Strona FAQ */ .faq .q { padding:0px; margin:0px; } .faq .q A { color:#000; } .faq .a { display:none;} .faq OL, faq UL { list-style-type:none; padding:0px;margin:0px;} .faq LI { background: url(../_images/li01.gif) no-repeat 2px 8px; padding:2px 10px 3px 20px; } .faq LI.active { background: #eef0eb url(../_images/li01_on.gif) no-repeat 3px 8px; } .faq LI.active .q a { font-weight:bold; } /* Strony z Case Studies */ .case { padding:0px 0px 5px 0px; margin-bottom:5px;border:1px solid #fff; } .case_active { background:#eef0eb; } .case .short, .case .full { padding: 0px 10px 0px 20px; margin-top:-7px; } .case .short { background: url(../_images/li01.gif) no-repeat 2px 5px; } .case .full { display:none; background: url(../_images/li01_on.gif) no-repeat 3px 5px; xmargin-top:-7px; } .case .links { padding:0px 5px 0px 20px; } .case .links P { padding:0px; margin:0px; } .case .more { display:block; float:right; text-align:right; padding:0px 10px; } /* popup */ #popup_header { width:100%; clear:both; background:#797979; padding:5px; text-align:right; border-bottom:1px solid #fff; font-size:11px; } #popup_close { margin-right:20px; } #popup_close a, #popup_close a:link, #popup_close a:visited, #popup_close a:active { color:#fff } #popup_close a:hover { color:#fff; } #popup_content { background-color: white; padding:10px; } #popup_footer { background-color: white;} /* tabelki w artykułach z Ideami */ table { border-collapse:collapse; border:0px; } table td { border:1px solid silver; } #top table td { border: none; } /* Przypisy */ .footnote HR { width:300px; margin-left:0px; } .footnote, .footnote p { font-size:11px; color:gray; } .ftn { text-decoration: none; font-family: serif; font-size: 9px; vertical-align: super; } /* Sterszczenia i zagajenia w atrykułach z części IDEE */ .abstract { background:#eef0eb; padding: 15px 10px 0px 10px; margin:0px 0px 10px 20px; float:right; width:300px; } .abstract p { margin:0px; margin-bottom:15px; } .abstract p, .abstract li { font-size:11px; color:#444;} .abstract H3 { margin:0px; padding:0px; color:#444; } .abstract .title { display: none; } .authorgroup { font-size: 12px; color: gray; margin-bottom: 15px; } /* Co jest w HTML'u, a czego nie chcemy pokazywać */ #comments hr, .book .abstract, .book .authorgroup, .oferta .abstract, .oferta .authorgroup, .oferta_adresat .section h2, .oferta .description h2, .oferta .description h4, .oferta .description h5, .oferta .links h3, .oferta .case .titlepage, .navheader hr, .navfooter hr { display: none; } /*********************************************************************************** ELEMENTY ZWIĄZANE Z PUBLIKACJAMI WEBNOTES ***********************************************************************************/ /* Nawigacja pomiędzy stronami w publikacji WEBNOTES (navheader - na górze, navgfooter - na dole strony */ .navheader, .navfooter { width:720px; text-align:left; margin-left: 35px; } .navheader { margin-top:35px; } .navheader td, .navheader th { font-size: 10px; vertical-align: top; color:white; } .navheader .step-label { color: inherit; } .navheader { height: 50px; } .navfooter td { font-size: 10px; color: #383838; } .navfooter .step-label { color: inherit; } /* Komentarze WEBNOTES'owe */ .phpnet { width:720px; text-align:left; margin-top: 35px; } .phpnet td { font-size: 11px; color: #383838; height: 20px; padding: 0px; vertical-align: middle; border-bottom: 0px; } .phpnet .dark { background-color: #dcdcdc; } .phpnet .dark2 { background-color: #d0d0d0; } .phpnet .light { background-color: #eef0eb; } .phpnet .lighter { background-color: white; border-bottom: 1px solid silver; } .phpnet .lighter td { border-bottom: 1px solid silver; padding: 0 3px 0 3px; } .phpnet tr { vertical-align: top; } .phpnet img { border: 0px; } .phpnet table { border: 0px; width: 100%; } .phpnet .light a { color: green; } .light { background: #eef0eb; } .lighter { background: white; } /* Strony aplikacji Webnotesowej (dodawanie/edycja komentarzy, logowanie */ table.box { font-size: 12px; border: 1px solid silver; margin-top: 10px; margin-bottom: 10px; } table.box td { font-size: 10px; border: 0px; } table.box input, table.box select, table.box1 select, table.box1 input { background: #dcdcdcd; color: #000000; font-size: 11px; border: 1px solid silver; border-width: thin; } table.box1 { border: 0px; margin-top: 10px; margin-bottom: 10px; } .glossary dl dt { font-weight: bold; } /*********************************************************************************** SKŁADOWE OPISU PROCESU, PROCEDURY i PRZYPADKU UŻYCIA ***********************************************************************************/ /* Interesariusze */ #middle .section .stakeholder-2 { display: block; padding-left: 35px; } #middle .section .toc .stakeholder-2 { display: block; padding-left: 0px; } /* Kroki w Procesie, Procedurze i Przypadku Użycia */ #middle .section .section-step-in-stage { display: block; padding-left: 35px; } #middle .section .toc .section-step-in-stage { display: block; padding-left: 0px; } #middle .section .section-stage, #middle .section .section-step, #middle .section .section-step-in-stage { padding-bottom: 5px; } /* Informacje w Scenariuszu Uzupełniającym o WARUNKU i ODNIESIENIU */ p.SuppCase { padding-bottom: 15px; border-bottom: 1px solid silver; } #middle .section p.SuppsReference { margin-left: 35px; margin-right: 35px; padding-left: 0; padding-top: 15px; border-top: 1px solid silver; } p.SuppForSteps:before, p.SuppCase:before { font-weight: bold; } /* Nazwa kodowa kroku w procesie, ... */ .step-label { color: brown; } /* Listing programów */ pre { padding: 3px; } .programlisting { background: #eef0eb; border: 1px solid silver; } /* Wyróżnione elementy GUI w opisach */ .guimenu, .guisubmenu, .guimenuitem, .guilabel, .guibutton { font-style: italic; color: navy; } /* Wykaz (wyszukiwarka) komentarzy */ .comments, .comment { border-bottom: 1px solid silver; ! nasz zielony: #8BC641; } .comment td { font-size: 10px; color: #383838; border: 0px; } .comment tr.light { font-weight: bold; } .comment tr.light a { font-weight: normal; } .note table th, .important table th, .warning table th, .caution table th { display:none; } .note, .important, .warning, .caution { margin-top: 15px; padding: 10px; border: 1px solid silver; } .note td, .important td, .warning td, .caution td { border: 0; } /********* DO CZEGOŚ???*/ /* formularze */ .input, .button { font-size:11px; } .input { width:250px; } .button { padding:1px 20px 0px 20px; background:#eee; border:1px solid #828282; } .itemizedlist ul, .procedure ul { list-style-type:disc !important; margin-left:20px; } .itemizedlist ul li, .procedure ul li { background:none; padding-left:-20px; } xdiv {border:1px solid orange !important; padding:5px;} .todo { font-weight:bold; color:red; } /* Wydruki */ @media print { .komentarz { display:none } .dark { background-color: white; } .dark2 { display:none } .more { display:none; } } .hideOnPrint {} .bibliography .biblioentry { clear:both; background: url(../_images/li01.gif) no-repeat 0px 5px; padding-left: 15px; } table.releases { width: 100%; } #case-study-list { } .toc dt .chapter, .toc dt .glossary, .toc dt .bibliography { padding-top: 7px; padding-bottom: 3px; } #top hr, #bottom hr, .print-page-info { display: none; } .metoda-important { color: #8BC641; } p.center { text-align: center; } .bardzo-drobnym-druczkiem { font-size: 9px; }