/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } body { font: 12px "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #000; background:#a6be44 url('/images/bg.png'); } h1 { color:#fff; font-size:20px; margin:10px 0 20px 0; } h2, h3, p { line-height:130%; margin:10px 0;} h2, legend { font-size:16px; margin:20px 0 10px 0; text-shadow:1px 1px rgba(0, 0, 0, 0.7); color:#fff; } h3 { font-size:14px; font-weight:bold; } h3 { color:#FFE16A; } legend { margin:0 0 10px 0; font-weight:bold; } input, select, textarea, button { font: 12px "Trebuchet MS", "Geneva CE", lucida, sans-serif; } button { height:24px; border:0; } button span { display:none; } .money { white-space:nowrap; } th { text-align:left; } .r { text-align:right !important; } .c { text-align:center !important; } .l { text-align:left !important; } .css-hide { display:none !important; } .nopad { padding:0 !important; } .cl { clear:left; } #table { margin-bottom:15px; } .table-list {} .table-list td, .table-list th { padding:4px 8px; vertical-align:middle; } .table-list th { background:#57780D; border:1px solid #4A650C; } .table-list td { border:1px solid #8AA530; background:#7E9B28; } .table-list .row1 td { background:#7E9B28; } .table-list .row2 td { background:#759322; } .table-list td, .table-list td a { color:#000; } .table-list td a:hover { color:#fff; } .table-list th, .table-list th a { color:#fff; } .table-list th a:hover { color:#000; } .activation-list .col1 { width:65px; } .activation-list .col2 { width:240px; } .activation-list .col3 { width:120px; } .activation-list .col4 { width:240px; } .breadcrumb { margin:2px 0; } .breadcrumb a { color:#000; } .breadcrumb a:hover { color:#fff; } #bg { background:url('/images/bg-top.png') repeat-x; padding:20px; min-height:500px; } #smartmaps { width:981px; margin:0 auto; position:relative; padding-top:30px; } #sites { position:absolute; width:180px; height:35px; right:-9px; top:-20px; color:#fff; background:url('/images/bg-sites.png'); } #sites>div { position:relative; left:30px; top:10px; } #sites a { color:#fff; } #header { background:url('/images/bg-header.png'); height:160px; position:relative; } #logo { position:absolute; left:10px; top:50px; } #nav { position:absolute; left:12px; bottom:12px; font-size:13px; } #nav li { position:relative; float:left; margin-right:20px; } #nav a { position:relative; display:block; background:url('/images/hnav.png'); height:35px; color:#fff; text-shadow:1px 1px #000; text-decoration:none; padding:0 0 0 10px; } #nav a ins { position:absolute; right:-10px; top:0; width:10px; height:35px; background:url('/images/hnav-end.png') right no-repeat; } #nav a:hover, #nav a.important { background:url('/images/hnav-hover.png'); } #nav a:hover ins, #nav a.important ins { background:url('/images/hnav-hover-end.png') right no-repeat; } #nav .parent:hover a { background:url('/images/hnav-hover-open.png'); } #nav .parent:hover ins { background:url('/images/hnav-hover-open-end.png') right no-repeat; } #nav span { position:relative; top:8px; } #nav .submenu { display:none; z-index:100; } #nav li:hover .submenu { display:block; position:absolute; top:35px; left:0; width:181px; } #nav .submenu li { float:none; } #nav .submenu a { height:25px; text-shadow:none; color:#000; } #nav .submenu a:hover { height:25px; text-shadow:1px 1px #000; color:#fff; } #nav .submenu a span { top:3px; } #nav .submenu-top { height:10px; background:url('/images/hnav-subcats-top.png'); } #nav .submenu-bottom { height:10px; background:url('/images/hnav-subcats-bottom.png'); } #nav .submenu ul { background:url('/images/hnav-subcats-middle.png'); } #nav ul ul a, #nav ul ul ins { background:none !important; } #search { position:absolute; right:15px; bottom:15px; width:200px; } #search input { width:160px; height:30px; background:url('/images/search-input.png') !important; border:0 !important; padding:0 !important; position:absolute; left:0; bottom:0; } #search button { width:30px; height:30px; background:url('/images/search-button.png') !important; border:0; position:absolute; bottom:0; right:0; } #search button span { display:none; } /* breadcrumb */ #breadcrumb { padding:5px; } /* basic column layout */ #layout { position:relative; margin-bottom:19px; } #content { width:701px; font-size:13px; line-height:130%; } #side { width:261px; } #content, #side { } .layout-left #content { float:left; } .layout-right #content { float:right; } .layout-left #side { float:right; } .layout-right #side { float:left; } .layout-end { clear:both; } #content li { padding-left:15px; margin-left:20px; background:url('/images/bullet.png') 0 5px no-repeat; margin-bottom:5px; } #content dl, .rel-navigation, form.big-form, .basket-form, .eshop-item, .fieldset-box, .downloads .item, .all-news .item { border:1px solid #8AA530; background:#7E9B28; padding:10px; } #content dt { font-weight:bold; margin-bottom:10px; font-size:13px; } #content dd { padding-left:10px; color:#000; margin-bottom:10px; } #content a { font-weight:bold; color:#ffc; } #content a:hover { color:#ff8; } .up { float:right; display:block; width:11px; height:9px; background:url('/images/up.png'); position:relative; top:20px; } .up span { display:none; } .flash { border:1px solid #8AA530; margin-bottom:20px; padding:5px 10px 5px 28px; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, 0.7); font-weight:bold; background:#7E9B28 url('/images/icons/16/information.png') 6px 6px no-repeat; } .flash.error, ul.error { border:1px solid #854621; margin-bottom:20px; padding:5px 10px 5px 28px; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, 0.7); font-weight:bold; background:#A07932 url('/images/icons/16/exclamation.png') 6px 6px no-repeat; } ul.error li { margin-left:0 !important; padding-left:0 !important; background:none !important; } /* obecny box */ .box { color:#fff; } .box-inner { padding:15px 15px 5px 15px; *border:1px solid transparent; position:relative; } .box-bottom { height:10px; } .box a { color:#fff; text-decoration:underline; } .box a:hover { color:#000; } #home-box .box, #home-box .box a { color:#000; } #home-box { height:130px; overflow:hidden; } #side h2 { margin-top:0; } #home-box, #home-navigation, #screenshots-box, #moje-smartmaps-box, #device-box, #perex-box, form.big-form, fieldset { margin-bottom:19px; } /* home-box */ #home-box { height:130px; } #home-box .box { background:url('/images/box-white-wide-middle.png') !important; } #home-box .box-inner { background:url('/images/box-white-wide-top.png') top no-repeat !important; } #home-box .box-bottom { background:url('/images/box-white-wide-bottom.png') bottom no-repeat !important; } #home-box .item { width:670px; margin:0 !important; padding:0 !important; background:none !important;} #home-box h3 { font-size:16px; color:#FD9417; } #home-box p { font-size:13px; } #home-box .more { padding-bottom:10px; } #home-box img { float:left; margin-right:15px; } #home-box .easyslider-controls { position:absolute; right:20px; bottom:0; } #home-box .easyslider-controls li { float:left; margin-left:5px !important; padding:0 !important; background:none !important; } #home-box .easyslider-controls a { display:block; width:14px; height:14px; background:url('/images/disc-gray.png'); } #home-box .easyslider-controls .current a { background:url('/images/disc-orange.png'); } #home-box .easyslider-controls a span { display:none; } #home-navigation .col { width:221px; height:221px; float:left; background:url('/images/home-box.png'); margin-right:19px; position:relative; } #home-navigation .col3 { margin-right:0; } #home-navigation h2 { margin:15px 0 10px 60px; } #home-navigation ul { margin-left:60px; font-size:13px; } #home-navigation li { margin:0 0 6px !important; padding:0 !important; background:none !important; } #home-navigation a { color:#fff; text-decoration:none; } #home-navigation a:hover { color:#000; text-decoration:underline; } #home-navigation h2 a, #home-navigation h2 a:hover { text-decoration:none; } #home-navigation .icon { width:36px; height:36px; position:absolute; left:6px; top:10px; } #home-navigation .col1 .icon { background:url('/images/icon-produkty.png'); } #home-navigation .col2 .icon { background:url('/images/icon-mapy.png'); } #home-navigation .col3 .icon { background:url('/images/icon-platformy.png'); } #home-navigation .more { position:absolute; right:15px; bottom:0px; font-size:12px; } #home-navigation .end { clear:left; } /* screenshots box */ #screenshots-box .box { background:url('/images/box-green-wide-middle.png'); } #screenshots-box .box-inner { background:url('/images/box-green-wide-top.png') top no-repeat; } #screenshots-box .box-bottom { background:url('/images/box-green-wide-bottom.png') bottom no-repeat; } .screenshots .scrollableArea * { position:relative; display:block; float:left; padding:0; margin:0; } .screenshots { height:240px; width:100%; position:relative; margin-bottom:10px; } .screenshots img { border-right:5px solid #6b8a1b; } #screenshots-box li { background:none; margin-left:0; padding-left:0; } /* moje smartmaps box */ #moje-smartmaps-box .box { background:url('/images/box-orange-narrow-middle.png'); min-height:130px; color:#000; } #moje-smartmaps-box .box-inner { background:url('/images/box-orange-narrow-top.png') top no-repeat; } #moje-smartmaps-box .box-bottom { background:url('/images/box-orange-narrow-bottom.png') no-repeat; } #moje-smartmaps-box p { margin:5px 0; } #moje-smartmaps-box a { color:#000; } #moje-smartmaps-box a:hover { color:#fff; } #moje-smartmaps-box h2 a { color:#fff; } #moje-smartmaps-box h2 a:hover { color:#000; text-shadow:none; } #moje-smartmaps-box input { background:#fff5e8; font-size:11px; padding:2px; border:0; } #moje-smartmaps-box .button { background:#333; color:#fff; font-weight:bold; } #moje-smartmaps-box td { padding:1px 0; } #moje-smartmaps-box th { text-align:left; padding-right:8px; } .moje-smartmaps-info { margin-bottom:20px; } #moje-smartmaps-box .discount { font-size:16px; } #login-form { display:none; background:#fd9f2f; padding:10px; border:1px solid #fda945; margin:10px 0; position:relative; } #login-form a { position:absolute; right:10px; bottom:10px; font-size:10px; } #device-box .box { background:url('/images/box-gray-narrow-middle.png'); } #device-box .box-inner { background:url('/images/box-gray-narrow-top.png') top no-repeat; } #device-box .box-bottom { background:url('/images/box-gray-narrow-bottom.png') no-repeat; } #device-box select { width:180px; margin-bottom:5px; } #device-box button { background:url('/images/button-ok.png'); width:42px; position:absolute; right:15px; bottom:10px; } #news-tabs li { float:left; margin:0 2px 0 0; height:30px; } #news-facebook-box, #news-rss-box, #news-googleplus-box { display:none; } #news-box, #news-facebook-box, #news-rss-box, #news-googleplus-box { clear:left; } #news-box .box { background:url('/images/box-dgreen-narrow-middle.png'); font-size:12px; } #news-box .box-inner { background:url('/images/box-dgreen-narrow-top-tabs.png') top no-repeat; } #news-box .box-bottom { background:url('/images/box-dgreen-narrow-bottom.png') no-repeat; } #news-box .item { margin-bottom:15px; } #news-box .item h3 { margin:3px 0; font-weight:bold; } #news-box .item p { margin:3px 0; } #news-box .item h3 .date { color:#F8A64D; } #downloads-box .box { background:url('/images/box-green-narrow-middle.png'); font-size:12px; } #downloads-box .box-inner { background:url('/images/box-green-narrow-top.png') top no-repeat; } #downloads-box .box-bottom { background:url('/images/box-green-narrow-bottom.png') no-repeat; } #downloads-box .item { margin-bottom:15px; } #downloads-box .item h3 { margin:3px 0; font-weight:bold; } #downloads-box .item p { margin:3px 0; } #downloads-box .item h3 .date { color:#F8A64D; } #downloads-box a { color:#ffc; font-weight:bold; } #downloads-box a:hover { color:#ff8; font-weight:bold; } #news-facebook-box .box { background:url('/images/box-blue-narrow-middle.png'); } #news-facebook-box .box-inner { background:url('/images/box-blue-narrow-top-tabs.png') top no-repeat; padding:5px 5px 0; } #news-facebook-box .box-bottom { background:url('/images/box-blue-narrow-bottom.png') no-repeat; } #news-googleplus-box .box { background:#CF3E2C; border-radius:0 10px 10px 10px; } #news-googleplus-box .box-inner { padding:5px; } #news-rss-box .box { background:url('/images/box-orange-narrow-middle.png'); } #news-rss-box .box-inner { background:url('/images/box-orange-narrow-top-tabs.png') top no-repeat; } #news-rss-box .box-bottom { background:url('/images/box-orange-narrow-bottom.png') no-repeat; } #footer { font-size:13px; } #footer .box { background:url('/images/box-footer-middle.png'); position:relative; height:190px; } #footer .box-inner { background:url('/images/box-footer-top.png') top no-repeat; } #footer .box-bottom { background:url('/images/box-footer-bottom.png') no-repeat; } #footer .logos { position:absolute; left:20px; top:18px; background:url('/images/footer-logos.png'); width:253px; height:170px; } #footer .links, #footer .contact { margin-left:15px; background:url('/images/footer-divider.png') left 10px no-repeat; float:left; padding-left:20px; height:170px; } #footer .links { width:200px; margin-left:280px; } #footer .links li { margin-bottom:2px; } #footer .contact { width:400px; } #footer .map { position:absolute; right:20px; top:20px; background:url('/images/footer-map.png?x'); width:170px; height:149px; } #footer .map:hover { background-position:0 -150px; } #footer .map span { display:none; } #footer .end { clear:left;} #footer a { color:#ddd; text-decoration:none; } #footer h3 { font-size:14px; color:#fff; } #footer h3 a { color:#fff; } #footer a:hover { text-decoration:underline; color:#fff; } #footer h3 a:hover { text-decoration:none; } #footer td { padding:0 5px 5px 0; line-height:120%; } #footer li { margin-bottom:5px; } #content .box { background:url('/images/box-green-wide-middle.png'); } #content .box-inner { background:url('/images/box-green-wide-top.png') top no-repeat; } #content .box-bottom { background:url('/images/box-green-wide-bottom.png') no-repeat; } /* tmavy box pro perex stranky */ #perex-box { position:relative; z-index:5; } #perex-box .box { background:url('/images/box-dgreen-wide-middle.png'); height:150px; overflow:auto; } #perex-box .box-inner { background:url('/images/box-dgreen-wide-top.png') top no-repeat; } #perex-box .img { background-position: 0 0; background-repeat:no-repeat; position:absolute; right:0; top:0; width:240px; height:160px; z-index:10; } #perex-box .box-bottom { background:url('/images/box-dgreen-wide-bottom.png') bottom no-repeat; } #perex-box h1 { margin-bottom:10px; } #perex-box p { width:500px; font-size:15px; position:relative; z-index:11; text-shadow:1px 1px rgba(0,0,0,.5); } #devices-all th { width:100px; vertical-align:middle; } #devices-all li { background:none; display:block; float:left; position:relative; margin:0 10px 0 0; padding:0; line-height:150%; } #devices-manufacturer td { vertical-align:middle; } #devices-manufacturer .img, #devices-device .img { background:#fff; padding:0; text-align:center; } #devices-manufacturer .title { font-weight:bold; } .box-categories .box { background:url('/images/box-gray-narrow-middle.png'); } .box-categories .box-inner { background:url('/images/box-gray-narrow-top.png') top no-repeat; } .box-categories .box-bottom { background:url('/images/box-gray-narrow-bottom.png') no-repeat; } .box-categories li a { background:#666; display:block; padding:5px 15px; margin:0 -14px 1px -14px; text-decoration:none; } .box-categories li a:hover { background:#888; } .box-categories li li a { background:#555; padding:3px 0 3px 25px; } .box-categories li li a:hover { background:#777; } .box-categories li.compact { background:#666; display:block; padding:5px 15px; margin:0 -14px 1px -14px; } .box-categories li li.compact { background:#555; } .box-categories li.compact a { display:inline; padding:0 8px 0 0; margin:0; white-space:nowrap; } .box-categories li.compact a:hover { background:none; color:#fff; text-decoration:underline;} .box-categories li a.selected { color:#ff9; font-weight:bold; } .rel-navigation { } .rel-navigation a { display:block; background-repeat:no-repeat; width:206px; float:left; } .rel-up { background:url('/images/up.png') center top; padding-top:12px; text-align:center; } .rel-prev { background:url('/images/left.png') left 4px; padding-left:14px; text-align:left; } .rel-next { background:url('/images/right.png') right 4px; padding-right:14px; text-align:right; } .rel-navigation .end { clear:left; display:block; } .big-form td, .big-form th { padding:4px 12px 4px 0; } .big-form th { text-align:left; width:150px; text-align:right; vertical-align:top; } .big-form input, .big-form select { width:200px; } .big-form input[type=checkbox], .big-form input[type=radio], .big-form input[type=submit], .big-form input[type=button] { width:auto; } .big-form textarea { width:400px; height:200px; } .contact-form textarea { width:200px; height:100px; } .big-form label.required { color:#ff9; font-weight:bold; } .big-form td { position:relative; } .big-form p.error { background:#97b345; padding:5px; color:#900; font-size:11px; margin:5px 0 0 0; } .eshop-item, .downloads .item { font-size:13px; color:#000; padding:15px; margin-bottom:20px; } .eshop-item h2 { margin-top:5px; } .eshop-item img { float:left; } .eshop-item .info { margin-left:120px; } .eshop-item .short-desc { } .eshop-item .price { font-size:15px; } .eshop-item .with-vat { color:#900; font-weight:bold; } .eshop-item .wo-vat { } .eshop-item .params { font-size:12px; margin:5px 0; } .eshop-item .params span { padding-right:10px; } .eshop-item .buttons { margin-top:10px; } .eshop-item .price-update, .eshop-item .long-desc { display:none; } button, a.button { height:25px; background-color:transparent; cursor:hand; cursor:pointer; display:block; float:left; } input.button { background:#FD9417; color:#fff; border:0; font-size:13px; font-weight:bold; padding:3px 10px; cursor:pointer; *cursor:hand; border-radius:5px; box-shadow:1px 1px rgba(0,0,0,0.3); text-shadow:1px 1px rgba(0,0,0,0.6); } input.button:hover { background:#FC6D17; } button:hover, a.button:hover { background-position:0 -25px; } button span, a.button span { display:none; } .button-to-basket { width:83px; background-image:url('/images/button-do-kosiku.png'); } .button-more-info { width:113px; background-image:url('/images/button-vice-informaci.png'); } .button-less-info { width:113px; background-image:url('/images/button-mene-informaci.png'); } .button-remove { width:27px; background-image:url('/images/ibutton-remove.png'); } .button-recount { width:27px; background-image:url('/images/ibutton-recount.png'); } .button-pokracovat-v-nakupu { width:152px; background-image:url('/images/button-pokracovat-v-nakupu.png'); } .button-k-objednavce { width:120px; background-image:url('/images/button-k-objednavce.png'); float:right !important; } .button-discount { width:105px; background-image:url('/images/button-nacist-kupon.png'); float:none !important; display:inline; position:relative; top:-3px; } .button-clear-discount { width:103px; background-image:url('/images/button-zrusit-kupon.png'); float:none !important; display:inline; position:relative; top:-3px; } .button-print-serials { width:144px; background-image:url('/images/button-tisk-seriovych-cisel.png'); } .button-print-manual { width:173px; background-image:url('/images/button-tisk-navodu.png'); } .button-download { width:130px; background-image:url('/images/button-stahnout.png'); float:none !important; text-indent:-9999px; } .button-eshop { width:66px; background-image:url('/images/button-eshop.png'); } .button-ok { width:35px; background-image:url('/images/button-ok2.png'); } .buttons button, .buttons a.button { margin-right:5px; } .buttons .end { clear:left; } .table-basket { color:#000; width:100%; } .table-basket td, .table-basket th { padding:4px 4px; } .table-basket td { vertical-align:middle; border-top:1px solid #8AA530; } .table-basket .first td { border-top:0; } .table-basket th { white-space:nowrap; } .table-basket input { width:30px; text-align:right; } .table-basket .buttons { width:65px; } .table-basket .col1 { width:20px; } .table-basket .col2 { width:520px; } .table-basket .col3 { width:100px; text-align:right; } .basket-info { background:url('/images/icon-basket.png') 0 0 no-repeat; padding-left:30px; font-size:14px; color:#000; } .basket-end { clear:right; } .content-box { margin-bottom:20px; } #content-tabs .tabs { font-size:13px; } #content-tabs .tabs ul { } #content-tabs .tabs li { position:relative; float:left; margin:0 4px 0 0; padding:0; border:0 !important; background:url('/images/tab-gray-end.png') right top no-repeat; } #content-tabs .tabs a { position:relative; display:block; background:url('/images/tab-gray.png'); height:30px; color:#fff; text-shadow:1px 1px #000; text-decoration:none; padding:0 0 0 10px; margin:0 10px 0 0; } #content-tabs .tabs li.active, #content-tabs .tabs li:hover { background:url('/images/tab-green-end.png') right top no-repeat; } #content-tabs .tabs li.active a, #content-tabs .tabs li:hover a { background:url('/images/tab-green.png') 0 0 no-repeat; } #content-tabs .tabs span { position:relative; top:7px;} #content-tabs .tabs-content { clear:left; } #content-tabs .tabs-content .box-inner { background:url('/images/box-green-wide-top-tabs.png') 0 0 no-repeat; } #content-tabs .tabs-content h2 { margin-top:0; } .table-overview td { vertical-align:middle; padding:4px 10px 4px 0; } .fieldset-box legend { font-size:13px; margin:0; } #paymentFieldset { display:none; } #order-steps li { background-position:0 0; background-repeat:no-repeat; height:24px; padding-left:35px; margin-bottom:5px; color:#fff; } #order-steps li.selected { background-position:0 -24px; font-weight:bold; color:#ff9; } #order-steps li.selected a { } /* #order-steps a { background:none; padding:0; margin:0; font-weight:normal; position:relative; top:3px; } #order-steps a:hover { text-decoration:underline; color:#fff; } */ #order-steps .step1 { background-image:url('/images/icon-order1.png');} #order-steps .step2 { background-image:url('/images/icon-order2.png');} #order-steps .step3 { background-image:url('/images/icon-order3.png');} #order-steps .step4 { background-image:url('/images/icon-order4.png');} #order-steps .step5 { background-image:url('/images/icon-order5.png');} .popup-logo { background:#000; padding:10px; margin:-20px -20px 20px -20px; text-align:center; } .downloads .item h2 { margin-top:0; } .downloads .item .qr { float:right; } .table-properties td { padding:5px; border:1px solid #8AA530; color:#000; vertical-align:middle; } .table-properties th { padding:5px; background:#57780D; border:1px solid #4A650C; vertical-align:middle; } .table-properties tr.r1 td { background:#7E9B28; } .table-properties tr.r2 td { background:#759322; } .table-reviews .date { color:#fff; } #currency-chooser { float:right; margin-left:20px; } /* mapy */ #jomsMapWrapper, #jomsMapWrapper a { color:#000; text-shadow:1px 1px #fff; } #jomsFormSearch { margin-bottom:10px; } #jomsFormSearch td { padding:5px; vertical-align:middle; } /* rozcestniky */ #content .boxes li { list-style:none; display:block; background:none; width:207px; height:207px; margin:0 20px 20px 0; padding:0; position:relative; float:left; cursor:pointer; *cursor:hand; border-radius:10px; } #content .boxes li.small { width:155px; height:155px; margin:0 14px 14px 0; } #content .boxes li.right { margin-right:0; } #content .boxes li div { position:absolute; left:0; bottom:0; background:url('/images/box-gray-bottom.png') left bottom no-repeat; width:187px; padding:10px; } #content .boxes li.small div { background:url('/images/box-gray-bottom-small.png') left bottom no-repeat; width:135px; } #content .boxes h2 { margin:0; font-size:13px; } #content .boxes a { text-decoration:none; color:#fff; } /* #content .boxes p a { text-decoration:underline; } #content .boxes p a:hover { color:#ffa; } */ #content .boxes li p { font-size:12px; margin:5px 0 0 0; display:none; } #content .boxes #box-android { background:url('/images/box-android.png'); } #content .boxes #box-symbian-nokia { background:url('/images/box-symbian.png'); } #content .boxes #box-windows-mobile { background:url('/images/box-windows-mobile.png'); } #content .boxes #box-palm-os { background:url('/images/box-palm.png'); } #content .boxes #box-java { background:url('/images/box-java.png'); } #content .boxes #box-windows-ce { background:url('/images/box-windows-ce.png'); } #content .boxes #box-windows { background:url('/images/box-windows.png'); } #content .boxes #box-iphone { background:url('/images/box-iphone.png'); } #content .boxes #box-blackberry { background:url('/images/box-blackberry.png'); } #content .boxes #box-windows-phone-7 { background:url('/images/box-windows-phone.png'); } #content .boxes #box-windows-phone-8 { background:url('/images/box-windows-phone8.png'); } #content .boxes #box-windows-store { background:url('/images/box-windows-store.png'); } #content .boxes #box-podrobne-mapy { background:url('/images/box-podrobna-mapa.png'); } #content .boxes #box-turisticke-mapy { background:url('/images/box-turisticke-mapy-25.png'); } #content .boxes #box-cykloturisticke-mapy-40 { background:url('/images/box-turisticke-mapy-40.png'); } #content .boxes #box-zahranicni-turisticke-mapy { background:url('/images/box-zahranicni-turisticke-mapy.png'); } #content .boxes #box-cykloturisticke-mapy-75 { background:url('/images/box-cykloturisticke-mapy.png'); } #content .boxes #box-autoatlasy { background:url('/images/box-autoatlas-cr-sr.png'); } #content .boxes #box-automapy-evropy { background:url('/images/box-mapa-evropy.png'); } #content .boxes #box-openstreetmap { background:url('/images/box-osm.png'); } #content .boxes #box-bezkarske-mapy { background:url('/images/box-bezkarske-mapy.png'); } #content .boxes #box-lyzarske-mapy { background:url('/images/box-lyzarske-mapy.png?v2'); } #content .boxes #box-letecka-mapa { background:url('/images/box-letecka-mapa.png'); } #content .boxes #box-smartmaps-navigator { background:url('/images/box-navigator.png'); } #content .boxes #box-smartmaps-locator { background:url('/images/box-locator.png'); } #content .boxes #box-smartmaps-home { background:url('/images/box-home.png'); } #content .boxes #box-smartmaps-office { background:url('/images/box-office.png'); } #content .boxes #box-smartmaps-pc-manager { background:url('/images/box-pc-manager.png'); } #content .boxes #box-smartmaps-aero { background:url('/images/box-aero.png'); } #content .boxes #box-smartmaps-osm { background:url('/images/box-smartmaps-osm.png'); } #news-rss-box h3 { color:#fff; } #news-box .news { height:370px; width:230px; padding-right:10px; overflow:auto; } .all-news .item { position:relative; margin-bottom:15px; } .all-news h2 { margin-top:0; } .all-news .date { position:absolute; right:10px; top:10px; color:#F8A64D; } .gsc-resultsHeader { display:none; } .gsc-result { width:600px; margin-bottom:20px !important; } .gs-visibleUrl { display:none; } .gs-title a, .gs-title a b { color:#ffc !important; } .gsc-cursor-page { color:#ffc !important; } .gsc-cursor-current-page { color:#fff !important; } .table-simple td, .table-simple th { padding:5px 15px 5px 0; } #jomsCopyright, #jomsCopyright a, #jomsCopyright a:hover { color:#000; } .jomsMap table { margin-bottom:0; } .netmapObjectBubbleMain { color:#333; } .screenshots-navigation a { display:block; height:40px; margin-right:10px; float:left; } .screenshots-navigation a span { display:none; } #scr-icon-5 { background:url('/images/scr-icon-android.png'); width:34px; } #scr-icon-3 { background:url('/images/scr-icon-wm.png'); width:60px; } #scr-icon-12 { background:url('/images/scr-icon-symbian.png'); width:60px; } #scr-icon-14 { background:url('/images/scr-icon-palm.png'); width:40px; } #scr-icon-13 { background:url('/images/scr-icon-java.png'); width:50px; } #scr-icon-15 { background:url('/images/scr-icon-windows.png'); width:46px; } #scr-icon-18 { background:url('/images/scr-icon-wp7.png'); width:40px; } #subfooter { text-align:center; } #subfooter a { color:#fff; } #showHeurekaBadgeHere-3 { position:relative; top:10px; } #google_translate_element { position:absolute; left:5px; top:-5px; } .button-eshop { text-indent:-9999px; }jomsVisibilityControl#jomsDebug { position: absolute; display: inline; background: yellow; border: 1px solid black; font-size: 11px; top: 0; z-index: 102; } /** Adds */ .jomsTextAddAreaControl { border: 1px solid #cfcfcf; left: 0px; bottom: -1px; position: absolute; z-index: 102; height: 20px; padding: 0; margin: 0; display: none; overflow: hidden; } .jomsTextAddAreaControl div.add { margin: 2px 5px 2px 5px; font-size: 12px; font-weight: bold; display: block; color: gray; } .jomsTextAddAreaControl a { color: blue; } /* ------ MAP ------ */ .jomsMapView { overflow: hidden; /*border: 1px solid black; background: #f1f1f1; */ position: absolute; background: #ffffff; } .jomsMap { -moz-user-select: text; } img.jomsMapTile { padding: 0 !important; margin: 0 !important; border: 0 !important; -moz-user-select: none; } /* ------ TITLE BOX ------ */ .jomsTitleBox { position: absolute; z-index: 50; line-height: 110%; } .jomsTitleBox .jomsTitleBoxContent { padding: 5px 15px 5px 15px; } .jomsTitleBoxContent div { position: absolute; padding-right: 10px; left: 55px; top: 13px; } .jomsTitleBoxContent h2 { font-size: 80%; color: black; padding: 0; margin: 0 0 2px 0; } .jomsTitleBoxContent h3 { font-size: 65%; color: #666666; margin: 0; padding: 0; } /**Copyright*/ div.jomsCopyright { position: absolute; bottom: 3px; left: 8px; z-index: 50; font-size: 10px; } div.jomsCopyright a { color: black; } /* ------ TABS ------ */ .jomsTabContent { display: none; } /* ------ MOVE CONTROL ------ */ .jomsMoveControl { position: relative; top: 5px; left: 5px; z-index: 50; } .jomsMoveControl img { border: 0; } /* ------ MAP VISIBILITY CONTROL ------ */ .jomsVisibilityControl { position: absolute; height: 20px; top: 5px; padding: 1px 5px 1px 5px; font-size: 12px; font-weight: bold; vertical-align: middle; border: 1px solid black; z-index: 50; cursor: hand; font-family: arial !important; } .jomsVisibilityControl a { color: black; text-decoration: none; } .jomsVisibilityControl img { border: 0; margin-right: 3px; } /* ------ LAYER CONTROL ------ */ .jomsLayerControl img.categoryIcon { float: right; margin-top: 2px; } .jomsLayerControl { position: absolute; right: 5px; top: 5px; border: 1px solid #898989; z-index: 50; padding: 0px 4px 3px; font-size: 80%; } .jomsLayerControl a { color: black; text-decoration: underline; } div.jomsLayerControlOpacityBlock { margin: 4px 10px 0 2px; padding: 0; float: right; display : inline-block; _display : inline; } div.jomsLayerControlOpacityItem { width : 10px; font-size: 8px; height : 10px; border : 1px solid black; padding: 0; margin: 0 1px 0 1px; display : inline-block; _display : inline; cursor: hand; } div.jomsLayerControlOpacityItem img { border : 0; } .jomsLayerControl input { position: relative; top: 2px; } /** info box */ .jomsInfoBox { position: absolute; right: 5px; top: 5px; border: 1px solid #898989; z-index: 50; font-size: 80%; } .jomsInfoBox a { color: black; text-decoration: underline; } .jomsInfoBox img { border : 0; } .jomsInfoBoxHeader { font-size: 12px; font-weight: bold; height: 17px; background-color: #AAAAAA; padding: 1px 2px 0px 3px; } .jomsInfoBoxContent { padding: 0px 4px 3px; font-size: 12px; } .jomsInfoBoxContent a { font-size : 10px; cursor : pointer; } .jomsInfoBoxCloseIcon { position : absolute; width : 12px; height : 12px; right : 2px; font-size : 1px; top : 2px; z-index: 3; cursor : pointer; } /* ----- search ctrl ------ */ /**Hlavicka vysledku vyhledavani*/ div.searchCtrlListHeader { margin: 0 0 0 5px; font-size: 12px; font-weight: 700; } /**Ovladaci prvky vyhledavani*/ div.searchCtrlListControlls { font-size: 10px; margin: 0 0 0 5px; } /**Seznam s vysledky*/ ul.searchCtrlList { list-style: none; padding: 0; margin: 5px 0 0 5px; } /**Polozka seznamu s vysledky*/ ul.searchCtrlList li { padding-left : 15px; vertical-align: middle; font-size: 12px; margin-bottom : 1px; } /**Ikona v seznamu s vysledky*/ .searchCtrlList li img.icon { border: 0 !important; margin: 0px 4px 2px 0; vertical-align: middle; display: inline; } /**Cislo v seznamu s vysledky*/ div.searchCtrlResultNum { background:transparent url('http://api.planstudio.cz/images/routing-ctrl/listResultBg.png') no-repeat scroll 0 0; display:inline-block; -display:inline; font-size:10px; font-weight:800; height:16px; margin:0 4px 2px 0; padding:1px; text-align:center; vertical-align:middle; z-index: 10; width:16px; } /** text uvnitr ikony vysledku vyhledani (obsahuje poradove cislo)*/ div.searchCtrlResultNumText { font-size: 12px; font-weight: 800; text-align: center; } div.searchCtrlResultNumTextHighlight { font-size: 14px; font-weight: 800; text-align: center; } /* ------ ZOOM CONTROL ------ */ .jomsZoomControl { position: absolute; top: 65px; left: 16px; z-index: 50; } .jomsZoomControl div { display: inline; float: left; } .jomsZoomControl img { cursor: pointer; float: left; border: 0 !important; padding: 0 !important; margin: 0 !important; } /* --- TEXT BOX --- */ .jomsTextBox { position: relative; z-index: 51; font-size: 80%; } .jomsTextBox td { padding: 0 !important; margin: 0 !important; } .jomsTextBox h2 { font-size: 130%; color: black; padding: 0; margin: 0px 0 0 0; } .jomsTextBox h3 { font-size: 90%; color: #666666; margin: 0 0 3px 0; padding: 0; } .jomsTextBox h4 { font-size: 100%; margin: 5px 0 0 0; padding: 0; } div.jomsTextBoxTabContent { overflow: auto; } .jomsTextBoxFooter { height: 15px; padding-top: 3px; margin-top: 3px; font-size: 11px; } .jomsTextBoxFooter a { color : black; text-decoration: underline; } .jomsTextBoxFooter a.selected { color : black; font-weight: 800; text-decoration: underline; } /* div#ob-content div { margin: 0 0 0 8px; } div#ob-content div.line { margin: 5px 0 5px 0; } */ .jomsTextBox .bottom { position: absolute; bottom: 2px; left: 0px; width: 280px; } div#ob-positionInfo { display: none; } .jomsTextBox div.line { font-size: 1px; height: 1px; border: 0; border-bottom: 1px dotted #666666; margin: 5px 0 5px 0; padding: 0; } .jomsTextBox dl { margin: 0; padding: 0; } .jomsTextBox dt { margin: 2px 0 2px 10px; padding: 0; font-size: 90%; font-weight: bold; } /* div#object-box-shade { position: absolute; z-index: 4; } */ .jomsTextBoxMenu { font-size: 80%; height: 21px; padding-left: 10px; border-bottom: 1px solid #dedede; } .jomsTextBoxMenu ul { list-style: none; position: relative; margin: 0; padding: 0; height: 19px; } .jomsTextBoxMenu li { float: left; margin: 0 5px 0 5px; padding: 0; } .jomsTextBoxMenu li a { display: block; color: black; background: white; border: 1px solid #dedede; padding: 3px 12px 0px 12px; text-decoration: underline; font-weight: bold; height: 17px; _width: 1px; _top: 1px; white-space: nowrap; position: relative; } .jomsTextBoxMenu li a:hover { background: #dedede; border-top: 2px solid #ababab; /* height: 17px; */ padding-top: 2px; } .jomsTextBoxMenu li a.a { border: 1px solid #dedede; border-bottom: 1px solid #f1f1f1; border-top: 2px solid #ababab; padding-top: 3px; height: 15px; background: #f1f1f1; text-decoration: none; cursor: default; } .jomsTextBoxMenu li a.a:hover { background: #f1f1f1; padding-top: 3px; } /* --- CONTEXT MENU --- */ .jomsContextMenu { position: absolute; background: #fafafa; z-index: 50; display: none; font-size: 85%; } .jomsContextMenu ul { margin: 0; padding: 2px 0; position: relative; list-style: none; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #686868; border-bottom: 1px solid #888888; line-height: 1; } .jomsContextMenu li { position: relative; padding: 0; margin: 0; } .jomsContextMenu li a { display: block; color: black; text-decoration: none; padding: 1px 8px; } .jomsContextMenu li a:hover { background: #dedede; color: black; text-decoration: none; } .jomsContextMenu li span { position: relative; } .jomsContextMenu li img { position: relative; } .jomsContextMenu li.line { cursor: default; height: 1px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid white; padding: 0; margin: 2px 0 0 0; font-size: 1px; } .jomsContextMenu li.line span { display: block; } .jomsContextMenu li.line:hover { background: #f6f6f6; } /* --- SCALE --- */ .jomsScale { position: absolute; bottom: 15px; left: 5px; z-index:50; } img.jomsScaleBar { border: 0 !important; margin: 0 !important; padding: 0 !important; } /* --- SEARCH --- */ div#objectsMainMap select { width: 130px; } div#objectsMainMap div.category { margin: 3px 0 3px 0; position: relative; } div#objectsMainMap img { margin: 0 2px 0 2px; } div#objects-loadMainMap { display: none; } span#search-nextpage { position: relative; float: right; font-weight: bold; } span#search-prevpage { position: relative; font-weight: bold; } /* --- ROUTING --- */ div#route span#r-context { display: none; } div#r-route { width: 400px; position: relative; } div#r-head { font-weight: bold; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; background: #f4f4f4; position: relative; padding: 2px 0 2px 0; } div#r-head div { margin-left: 22px; } div#r-body div.r-item { border-top: 1px solid black; padding: 2px; position: relative; } div#r-body div.r-item:hover { background: #ffc81e; } div#r-body div.r-item span.r-icon { margin: 0 5px 0 4px; } div#r-body div.r-item span.r-icon img { border: 0; } div#r-head div.r-right, div#r-body div.r-item div.r-right { float: none; position: absolute; right: 4px; text-align: right; top:1px; } div#r-body div.sbalovaci { background: #dedede; margin-left: 8px; } div#r-body.sbal div.sbalovaci { display: none; } div#r-body div.isbalovaci { display: none; } div#r-body.sbal div.isbalovaci { display: block; } img#r-hprofile { cursor: pointer; cursor: hand; } /* --- MSG --- */ div#msg, div#msg-bg { position: absolute; left: 0; top: 0; z-index: 200; } div#msg div#cont { position: relative; text-align: center; z-index: 101; background: white; width: 280px; border: 1px solid black; } div#msg div#head { text-align: left; border-bottom: 1px solid black; background: gray; padding: 1px 0 1px 0px; } div#msg div#text { margin: 5px 0 5px 0; font-size: 13px; } div#msg div input { margin: 5px 0 4px 0; width: 80px; border: 1px outset black; font-size: 12px; } /* ----- other ------ */ div#float-box { display: none; white-space: nowrap; position: absolute; border: 1px solid black; padding: 1px 5px; background: white; z-index: 101; } .jomsRight { float: right; } .jomsBorder { border: 1px solid black !important; } .jomsMargin { margin: 2px !important; } /* ----- routing CTRL ------ */ /*form*/ .routingCtrlForm { margin: 5px 0 5px 0; } /** Tlacitko vyhledat trasu*/ .routingCtrlSearchRouteButton { margin: 0 3px 0 0; width: 67px; } /** Checkbox*/ .routingCtrlCriteriumCheckBox { margin: 3px 3px 0 30px; } /** Select - vyber kriteria*/ .routingCtrlCriteriumSelect { margin: 3px 3px 0 30px; width: 160px; } /**DIV zabalujici vsechny ovladaci prvky dane destinace*/ .routingCtrlDestBox { display: block; /*width: 310px;*/ position: relative; margin-bottom: 2px; -height: 22px; } .routingCtrlDestBox * { -moz-box-sizing: border-box; box-sizing: border-box; } /**Ikonky ve formulari - odebrani, reset destinace*/ img.routingCtrlIcon { border: 0; margin: 0 2px 3px 0; display: inline-block; -display: inline; vertical-align: middle; } /**Div sdruzujici male ikonky umoznujici posun destinace nahoru a dolu*/ .routingCtrlDestSwitchBox { position:absolute; left: 20px; background-color: #ffb400; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; height: 22px; width:10px; margin-top: 0px; -margin-top: 1px; padding: 2px 0 0 0; } img.routingCtrlSmallIcon { display: block; margin: 0px 2px 1px 0; border : 0; } .routingCtrlDestNum { text-align:center; width:22px; height:22px; background-color: #ffb400; padding: 2px 0 0 0px; border: 1px solid black; display:block; left: 0px; position: absolute; margin-top: 0px; -margin-top: 1px; } .routingCtrlDestBtn { text-align: center; font-size:12px; font-weight:800; margin: 0 0 0 1px; -margin-top: 1px; } /**Edit box umoznujici vyhledani destinace*/ input.routingCtrlDestText { width: 230px; border: 1px solid black; height: 22px; padding-left: 2px; margin: 0 0 0 28px; background-color: #ffffff; } /** Div obsahujici vysledky vyhledavani pro danou destinaci*/ .routingCtrlDestSearchResult { display: none; margin-bottom: 7px; margin-top: 3px; margin-left: 5px; } /** div obsahuje divy vsech destinaci*/ div.routingCtrlDestList { margin-bottom: 3px; margin-top: 3px; } /** text uvnitr ikony destinace trasy (obsahuje poradove cislo)*/ div.jomsDestinationIconText{ font-size: 12px; font-weight: 800; text-align: center; } /* ----- routing ------ */ span.route-itinerary-payed { color : red; } div.route-itinerary-destinations { margin: 5px 0 5px; display: none; } div.route-itinerary-info { margin-bottom: 10px; padding-bottom: 5px; border: 0; } div.route-itinerary-commands { font-size: 80%; margin-bottom: 5px; } div.route-itinerary-stats-height { font-size: 80%; } div.route-itinerary-stats-length { font-size: 80%; } /*Popis useku cesty*/ div.route-itinerary-next-path { padding: 2px; } /**krizovatka, jeji popis a odboceni*/ div.route-itinerary-crossroad { padding: 2px; } /** Informace na prave strane */ div.route-r { font-size: 10px; float: right; } div.route-l { float: left; margin-right: 2px; font-size: 10px; height: 14px; width: 14px; vertical-align: middle; } div.route-lc { float: left; margin-right: 2px; font-size: 10px; height: 14px; width: 14px; vertical-align: middle; } /* separator mezi navigacnimi useky*/ div.route-itinerary-separator { clear: both; border-bottom: 1px solid gray; margin: 1px 0 1px 0; } /**destinace v trase*/ div.route-itinerary-stats-destination { padding: 2px; } /**Hranicni prechod*/ div.route-itinerary-border-crossing { padding: 2px; } div.route-itinerary-crossroad-cycle { padding: 2px; } div.route-itinerary-crossroad-turist { padding: 2px; } img.route-cycle-icon { padding: 0 3px 0 0; border: 0; } span.route-cycle-icon { margin: 0 2px 4px 0px; /*background-color: #ffb400;*/ } div.route-itinerary-icon-box { display: inline; margin-right : 4px; } img.route-itinerary-icon { border: 0; margin : 0px; } a.mapPosition { color: black; } /* ----- routing - height profile ------ */ div#route-hprofile { position: relative; } /*div#hprofile div { margin: 0; }*/ div.route-hprofile-icon span { display: none; } #jomsMapWrapper { position:relative; width:650px; } #jomsMap { position:relative; border: 1px solid black;} .jomsPanel { display:none; position:absolute; right:0; top:2px; background:transparent url('/images/white90.png'); width:220px; z-index:50; color:#000; } .jomsPanel .cnt { padding:8px; overflow:auto; height:382px; } .jomsPanel .close { position:absolute; display:block; right:20px; top:10px; z-index:21; padding:2px 4px; font-size:11px; background:#fff; border:1px solid #ccc; cursor:hand; cursor:pointer } .jomsPanel .close:hover { background:#eee; } .jomsPanel .close span { } .jomsPanel h2 { color:#FD9417; text-shadow:none; } #content .jomsPanel li { background:none; margin:0 0 5px 0; padding:0; font-size:12px; } #leftColumn #jomsSearchResult li { padding:0 0 7px 13px; font-size:11px; } #jomsWheel { display:none; position:absolute; left:330px; top:230px; z-index:60; background:#fff; border:2px solid #EEF6FB; padding:5px; }/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */ /* Invisible left hotspot */ div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 75px; width: 10%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */ background-image: url('/images/smoothDivScroll/big_transparent.gif'); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; /* The first url is for Firefox and other browsers, the second is for Internet Explorer */ cursor: url('/images/smoothDivScroll/cursors/cursor_arrow_left.cur'), url('/images/smoothDivScroll/cursors/cursor_arrow_left.cur'),w-resize; } /* Visible left hotspot */ div.scrollingHotSpotLeftVisible { background-image: url('/images/smoothDivScroll/arrow_left.gif'); background-color: #fff; background-repeat: no-repeat; opacity: 0.50; /* Standard CSS3 opacity setting */ -moz-opacity: 0.50; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ } /* Invisible right hotspot */ div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background-image: url('/images/smoothDivScroll/big_transparent.gif'); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; cursor: url('/images/smoothDivScroll/cursors/cursor_arrow_right.cur'), url('/images/smoothDivScroll/cursors/cursor_arrow_right.cur'),e-resize; } /* Visible right hotspot */ div.scrollingHotSpotRightVisible { background-image: url('/images/smoothDivScroll/arrow_right.gif'); background-color: #fff; background-repeat: no-repeat; opacity: 0.50; filter: alpha(opacity = 50); -moz-opacity: 0.50; zoom: 1; } /* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */ div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; }/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }body.has-popup { overflow: hidden; } .popup-wrap { position:absolute; left: 0; top: 0; overflow: auto; z-index: 101; } .popup-bg { background: rgba(64,64,64,0.4); width: 100%; position:absolute; left: 0; top: 0; z-index: 100; } .popup-window { background: #A6BE44; width: 100%; position: relative; border-radius:1em 1em .5em .5em; box-shadow:0 0 1em rgba(0,0,0,.25); } .popup-window .popup-close { position:absolute; right: .5em; top: .5em; font-size: 1.25em; padding: .25em 0.70em; background: black; font-weight: bold; border-radius:1em; z-index: 102; cursor: pointer; text-decoration: none; color: white; } .popup-window .popup-close:hover { background:#900; } .pop-title { background: #6B8A1B; padding: 0.75em; margin:0; color: white; font-weight:bold; text-shadow:1px 1px rgba(0,0,0,.7); border-radius:.5em .5em 0 0; } .pop-message { background: white; padding: 0.75em; } .pop-content { padding: 1em; border-radius:0 0 .5em .5em; } .pop-content form { margin: 0; } .pop-content form > table { margin:1em auto; } .pop-content form th { font-weight: bold; white-space: nowrap; } .pop-content textarea { height: 8em; } .pop-content p:first-child { margin-top: 0; } .pop-content th, .pop-content td { padding:.5em; } .pop-title, .pop-message, .popup-window .flash { padding-right: 3em; } @media (min-width:40.625em) { .popup-window { width: 40em; margin: 1em auto; } .add-box a > .icon { font-size: 5em; } } .pop-content li { display: list-item;; list-style: disc; padding-left:1em; margin:.25em 1em; } .pop-content a { color:#000; font-weight:bold; } .pop-content a:hover { color:#fff; }