/* GENERAL ==========================================================================================================================================================================================*/ html { width:100%;} body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; color:#000000; text-align:center; background: #ccc url(basics/bg.jpg) repeat;} a, a:visited { color:#ddd; text-decoration:none;} a:hover { text-decoration:underline; } hr { height:1px; background-color:#999999; border: none; border-bottom: 1px solid #fff;} h1 { font-size:14px; color:#333333; padding:0; } strong { font-weight: bold;} table { margin: 0 auto;} h1 { font-size: 18px; color: #6f0000; font-weight: normal; } h2 { font-size: 15px; line-height: 32px; color: black; font-weight: bold; text-align: left; padding-left:0; background: transparent url("basics/h.jpg") repeat-x left bottom; } h3 { font-size: 12px; color: #ccc; font-weight: bold; padding: 0 0 0 0; margin: 0; } h4 { font-size: 12px; color: black; font-weight: normal; padding: 0 0 0 0; } .cleaner { margin: 0; padding: 0; float: none !important; height: 0px !important; overflow: hidden !important; clear: both !important; } /* GENERAL ==========================================================================================================================================================================================*/ /* ELEMENTS ==========================================================================================================================================================================================*/ .TextBox { background: #ececec url("basics/input_box.jpg") repeat-x top; border-width:0; padding: 4px; margin:4px; border-left:1px solid #737373; border-right:1px solid #a4a4a4; } .InputCounter { font-weight: bold; text-align: center; border: 1px solid #ccc; background: transparent; color:#555; padding:3px} .SelectBox { background: #fff; border:1px solid #737373; padding: 4px; margin:4px; line-height: 18px;} .FileBox { background: #fff; border:1px solid #737373; margin:4px;} .TinyArea { margin: 5px; border: 2px solid red; } /* styl tiny textarea */ .NoTiny { margin: 5px; border: 1px solid #888;} /* styl standartni textarea */ /* ELEMENTS ==========================================================================================================================================================================================*/ /* BASICS ==========================================================================================================================================================================================*/ #Main { background:white; width:987px; margin:auto; } #Header { position:relative; height:88px; color: #ccc; background: #000 url(basics/header.jpg) no-repeat; } #Header .Menu { padding-left:150px; padding-top: 46px; height: 34px; } /* DROPDOWN MENU =======================================================================================================================================================================================*/ /* LEVEL ONE */ ul.dropdown * { margin: 0; padding: 0;} ul.dropdown { position: relative; } ul.dropdown li { float: left; background: transparent; list-style: none; text-align: left; } ul.dropdown li a.home { background: transparent url("icons/icon_home.jpg") no-repeat left center; text-decoration: none; } /* ikony hlavnich polozek */ ul.dropdown li a.reality { background: transparent url("icons/icon_home.jpg") no-repeat left center; text-decoration: none; } /* ikony hlavnich polozek */ ul.dropdown li a:hover.home { background: transparent url("icons/icon_home.jpg") no-repeat left center; text-decoration: none; } /* ikony hlavnich polozek */ ul.dropdown li a.content { background: transparent url("icons/icon_articles.jpg") no-repeat left center; } ul.dropdown li a.contests { background: transparent url("icons/icon_contests.jpg") no-repeat left center; } ul.dropdown li a.files { background: transparent url("icons/icon_files.jpg") no-repeat left center; } ul.dropdown li a.gallery { background: transparent url("icons/icon_photogalleries.jpg") no-repeat left center; } ul.dropdown li a.users { background: transparent url("icons/icon_users.jpg") no-repeat left center; } ul.dropdown li a.settings { background: transparent url("icons/icon_settings.jpg") no-repeat left center; } ul.dropdown li a.projects { background: transparent url("icons/icon_projects.jpg") no-repeat left center; } ul.dropdown li a.timemanagement { background: transparent url("icons/icon_timeentry.jpg") no-repeat left center; } ul.dropdown li.empty { float: left; background: transparent; list-style: none; text-align: left; display: block; padding: 8px 8px; color: whitesmoke; } ul.dropdown li a { display: block; padding: 8px 10px 7px 28px; color: whitesmoke; } ul.dropdown li:hover { position: relative; } ul.dropdown li.divider { width:3px; height:30px; background: black url("basics/menu_divider.jpg") no-repeat left center; margin: 0 12px 0 4px} /*LEVEL TWO ******************************************************************************************************************************* */ ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: -12px; padding-left: 5px; background: black url("basics/menu_back.jpg") repeat left top; border: none; border-left: 2px solid black; border-right: 2px solid black; z-index: 11} ul.dropdown ul li { font-weight: normal; background: transparent; color: #ccc; float: none; border-top:1px solid #999; padding: 1px 0 3px 0;} ul.dropdown ul li:hover { margin: 0;} ul.dropdown ul li.Current a { color: yellow; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { padding: 5px 0 5px 28px; color:white; font-weight: normal; width: 100%; display: inline-block } ul.dropdown ul li a:hover { text-decoration: none; font-weight: bold } ul.dropdown ul li a.home { background: transparent url("icons/icon_home.jpg") no-repeat left center; } ul.dropdown ul li a.menus { background: transparent url("icons/icon_menus.jpg") no-repeat left center; } ul.dropdown ul li a.articles { background: transparent url("icons/icon_articles.jpg") no-repeat left center; } ul.dropdown ul li a.article_category { background: transparent url("icons/icon_articles.jpg") no-repeat left center; } ul.dropdown ul li a.news { background: transparent url("icons/icon_news.jpg") no-repeat left center; } ul.dropdown ul li a.surveys { background: transparent url("icons/icon_survey.jpg") no-repeat left center; } ul.dropdown ul li a.gallery { background: transparent url("icons/icon_photogalleries.jpg") no-repeat left center; } ul.dropdown ul li a.files { background: transparent url("icons/icon_files.jpg") no-repeat left center; } ul.dropdown ul li a.users { background: transparent url("icons/icon_users.jpg") no-repeat left center; } ul.dropdown ul li a.users_groups { background: transparent url("icons/icon_users.jpg") no-repeat left center; } ul.dropdown ul li a.visitors { background: transparent url("icons/icon_files.jpg") no-repeat left center; } ul.dropdown ul li a.settings { background: transparent url("icons/icon_settings.jpg") no-repeat left center; } ul.dropdown ul li a.contests { background: transparent url("icons/icon_contests.jpg") no-repeat left center; } ul.dropdown ul li a.contests_inputs { background: transparent url("icons/icon_contests.jpg") no-repeat left center; } ul.dropdown ul li a.projects { background: transparent url("icons/icon_projects.jpg") no-repeat left center; } ul.dropdown ul li a.reports { background: transparent url("icons/icon_projects.jpg") no-repeat left center; } ul.dropdown ul li a.timeentry { background: transparent url("icons/icon_timeentry.jpg") no-repeat left center; } /* DROPDOWN MENU =======================================================================================================================================================================================*/ #Content { padding:15px;} #Footer { height:25px; line-height:25px; background: #000 url(basics/footer.jpg) no-repeat; text-align: right; color:#ccc; padding: 0 15px;} #Footer a, Footer a:visited { font-weight: bold; } #UserBox { color:black; font-weight: bold; text-align: right; padding: 3px 15px; width: 987px; margin: auto; } #UserBox a { color:black; font-weight: normal; letter-spacing: 1px; padding: 0 2px;} /* BASICS ==========================================================================================================================================================================================*/ /* LOGIN ==========================================================================================================================================================================================*/ .LoginCapsule { width:331px; margin:auto; font-size:12px; } .LoginHead { height:30px; padding-left: 5px; line-height:30px; font-weight: normal; background: #000 url("forms/form_header.jpg") no-repeat top; color:#fff; text-align: left; } .LoginBody { font-weight: normal; background: #ececec url("forms/form_body.jpg") repeat-y top; color:#000; text-align: right; padding: 0 15px; } .LoginFoot { background: #ececec url("forms/form_footer.jpg") no-repeat bottom; text-align: right; padding: 0 15px } .LoginIcon { background-image: url(icons/lock.jpg); width:51px; height:60px; background-color: #ececec; display:inline-block; float:left; margin:2px 10px; z-index:10; overflow: hidden} /* LOGIN ==========================================================================================================================================================================================*/ /* NORMAL TABLE ==========================================================================================================================================================================================*/ .TableCapsule { border: 1px solid black; border-top-width: 0; width:100%;} .TableHeader { font-size:12px; height:30px; color: #ccc; background: #000000 url(tables/header.jpg) repeat-x; font-weight:bold; } .TableCaptions { padding:5px; background: black; color:whitesmoke;} /* tr pro captions*/ .TableHeaderCaption { padding:5px;} .TableRowA { font-size:12px; background: #f7f7f7 url(forms/form_footer_strip.jpg) center repeat; } .TableRowB { font-size:12px; background: #f7f7f7 url(forms/form_footer_strip.jpg) center repeat; } .TableRowHL { background: #f7f7f7 url(forms/form_footer_strip.jpg) top repeat-x; } .TableCell { padding: 4px; border-left: 1px solid #444; border-bottom:1px solid #777; } .TableCell a { color:blue; text-decoration: underline;} .TableCell.First { border-left-width: 0;} .TableCell .Bull { background: transparent url(icons/bull.jpg) no-repeat center center; display: inline-block; width:16px; height: 32px; margin-right: 5px;} .TableFooter { background: #f7f7f7 url(forms/form_footer_strip.jpg) repeat-x; height: 32px;} .TablePaginatorPanel { background:#d3d3d3; padding: 5px 0; height: 32px;} .FalseIcon { background: transparent url(icons/false.jpg) no-repeat center center; height: 21px;} .TrueIcon { background: transparent url(icons/true.jpg) no-repeat center center; height: 21px; } .PaginatorBox {} .PaginatorButton { cursor: pointer; display: inline-block; background: black url(tables/paginator.jpg) no-repeat; width:27px; height: 27px; color:white; font-weight: bold; line-height: 27px; margin:0 2px; } .PaginatorButton.Current, .PaginatorButton:hover { background: #43acdb url(tables/paginator-current.jpg) no-repeat; text-decoration: none; color:white; } /* NORMAL TABLE ==========================================================================================================================================================================================*/ /* NORMAL FORM ==========================================================================================================================================================================================*/ .FormFooter { margin:15px auto; width:450px; border:1px solid black; background: #ececec url(forms/form_footer_strip.jpg) repeat-x bottom; } .FormHeader { font-size:12px; line-height:26px; color: white; background: transparent url(forms/form_header_strip.jpg) repeat-x top; font-weight:bold; } .FormContent { padding:0;} .FormTitle { float: left; width:150px; color:black; line-height: 34px; text-align: left; padding-left: 10px;} .FormTitle.Long { width:250px;} .FormTitle.Short { width:150px;} .FormTitle.Light { font-weight: normal; width: 250px} .FormTitle.ModuleList { background: transparent url(forms/form_footer_strip.jpg) repeat-x top; border-width: 0; border-bottom: 1px solid #ccc;} .FormValue { float: left; color:black } .FormInfo { float: left; color:black; line-height: 34px; text-align: left; } .FormValue.Heavy { font-weight: bold; font-size: 16px; font-weight: bold} .FormSection { background:#43acdb; width: 100%; padding: 0; text-align: center; color:black} /* HEADER sekce*/ .FormSectionB { background:#43db71; width: 100%; padding: 0; text-align: left; color:black} /* HEADER sekce*/ .FormSection.EditorHandle { cursor: pointer;} /* HEADER sekce*/ .Advanced { display: none;} .FormNote { color: #444; font-size: 10px; line-height: 26px; text-align: left; padding: 5px; } .FormNoteB { color: #444; font-size: 10px; line-height: 26px;padding:3px 10px; text-align: center; } /* NORMAL FORM ==========================================================================================================================================================================================*/ .LoginDecoration { background: #fff url(basics/login-icon.jpg) no-repeat right; height: 186px; margin-top: 30px;} .Miniature { border:1px solid #888; padding: 4px; background-color: white;} .Icon { border:1px solid #888; padding: 4px; background-color: white;} .ModeBoxSharp { background:#000; text-align: center; font-weight: bold; color: white; width:150px; float: right; margin-top:40px; } .ModeBoxLocal { background:#000; text-align: center; font-weight: bold ; color: white; width:150px; float: right; margin-top:40px; } /* TABLE DND =======================================================================================================================================================================================*/ .dragHandle {cursor: n-resize; background: transparent url(icons/move.jpg) no-repeat center center; height: 21px;} .Dragging { font-weight: bold; color:#c00} /* TABLE DND =======================================================================================================================================================================================*/ /* APPENDS =======================================================================================================================================================================================*/ .AppendLeft,#AppendSelectorBtn,#GalleryAppendSelectorBtn { background: #ececec url(forms/form_footer_strip.jpg) repeat-x bottom; border: 1px solid #aaa; padding: 0 5px; margin:2px auto; height: 32px; line-height: 32px; text-align: left; color:black; font-weight: bold; } /* APPENDS =======================================================================================================================================================================================*/ /* PHOTOGALLERY =======================================================================================================================================================================================*/ .Albums { margin: 0 auto; } .Photos { margin: 0 auto; } .AlbumBoxFrame { float: left; margin: 4px; } .AlbumBox { background: gray url(gallery/album_box.jpg) no-repeat; width: 174px; height: 139px; margin: 0; float: left; display: block; position: relative; } .AlbumPreview { width: 146px; height: 105px; border-width: 0; background: gray no-repeat center center; display: block; margin: 13px 11px; } .AlbumAdd { width: 174px; height: 139px; background: gray url(gallery/album_add.jpg) no-repeat; margin: 0; float: left; display: block; cursor: pointer; } .AlbumCaption { height: 20px; background: black; position: absolute; top: 98px; left: 11px; width: 146px; line-height: 20px; color:white; font-weight: bold; } .AlbumCaption a { margin: 0; padding: 0; } .AlbumCounter { background: none repeat scroll 0 0 black; color: white; display: inline-block; font-size: 15px; font-weight: bold; height: 20px; line-height: 20px; position: absolute; right: 129px; top: 16px; width: 40px; } .PhotoBox { width:165px; height: 126px; background: gray url(gallery/photo_box.jpg) center center no-repeat; margin: 0; float: left; display: block; position: relative; } .PhotoCaption { color: #828282; font-weight: bold; height: 20px; left: 0; line-height: 20px; position: absolute; top: 100px; width: 100%;} .PhotoAdd { width:165px; height: 126px; background: transparent url(gallery/photo_add.jpg) no-repeat center center; margin: 0; float: left; display: block; cursor: pointer; } .PhotoPreview { background: none no-repeat scroll center center gray; border-width: 0; display: block; height: 91px; margin: 9px; width: 146px;} .PhotoMiniature { background: none no-repeat scroll center center gray; border-width: 0; display: block; width:64px; height:64px; float:left; margin:5px} .AlbumBack { width:165px; height: 126px; background: gray url(gallery/back.jpg)center center no-repeat; float: left; display: block; } .ButtonsFrame { width:174px;} .ButtonsFrameB { width:165px;} .AlbumButton { display: inline-block; left: 0; position: relative; color:black; font-weight: bold; margin: 0 10px; cursor: pointer; } .AlbumButton:hover { color:#880000; } /* PHOTOGALLERY =======================================================================================================================================================================================*/ /* NEW UPLOADER =======================================================================================================================================================================================*/ #FileListTable { border-width:0; width: 100%; } /* table */ #FileListTable a { padding: 5px; font-weight: bold; padding-left: 20px; text-decoration: none; color: navy; } /* table */ #FileListTable a:hover { text-decoration: underline; } /* table */ #FileListTable td { font-weight: bold; line-height: 26px; padding: 0 5px;} /* vsechny bunky vypisu souboru*/ #FileListTable .Header { } /* table row - header */ #FileListTable .Header td { font-weight: bold; color:whitesmoke; background: #034; line-height: 22px; } /* table row - header */ #FileListTable td.Name { text-align: left; } /**/ .FolderRow td { border-bottom: 1px solid white; border-top: 1px solid white; background: white;} .FolderRowHL td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #f9f9f9;} #FileListTable .Folder { background: white url(icons/uploader/folder.jpg) left center no-repeat; padding-left: 20px} #FileListTable .Folder.Up { background: white url(icons/uploader/folder_up.jpg) left center no-repeat;} #FileListTable .Archive { background: white url(icons/uploader/archive.jpg) left center no-repeat; } #FileListTable .Document { background: white url(icons/uploader/document.jpg) left center no-repeat; } #FileListTable .Picture { background: white url(icons/uploader/picture.jpg) left center no-repeat; } #FileListTable .Audio { background: white url(icons/uploader/music.jpg) left center no-repeat; } #FileListTable .Video { background: white url(icons/uploader/video.jpg) left center no-repeat;} #FileListTable .Other { background: white url(icons/uploader/other.jpg) left center no-repeat;} #FileListTable .Cross { background: white url(icons/uploader/cross.jpg) left center no-repeat; display: inline-block; width: 16px; height: 16px; padding: 0; margin: 0; cursor: pointer;} .msg { margin:0.5em 0; padding:0.3em; color:white;} .msg a { text-decoration:underline; color:white;} .err { background:#b01010;} .ok { background:#009A00;} #preview { position:absolute; border:1px solid #ccc; background:white; padding:5px; display:none; color:#fff; z-index:1101;} #preview img { width:150px; height:150px; } /* NEW UPLOADER =======================================================================================================================================================================================*/ #MiniaturePreview { position:absolute; border:1px solid #ccc; background:white; padding:5px; display:none; color:#fff; z-index:1101; } a.PreviewHandler { cursor: default; color: navy; text-decoration: none; padding: 0 10px; } .FormContent .LeftSection { width:320px; float:left; color:black; text-align: left; } .FormContent .RightSection { width:450px; float:left; color:black; text-align: left;} .PhotoPreviewB { border: 1px solid black; width: 300px; height: 200px; cursor: pointer; margin: 0 10px; display: block; float:left; text-align: center; line-height: 200px;} .PhotoPreviewC { border: 1px solid black; width: 191px; height: 199px; cursor: pointer; margin: 0 10px; display: block; float:left; text-align: center; line-height: 199px;} .IconSelector { position:absolute; top:-100px} .FormContent .ArticleLeftSection { width:220px; float:left; color:black; text-align: left; } .FormContent .ArticleRightSection { width:670px; float:left; color:black; text-align: left;} .Selector {margin: 7px 3px;} /* AlbumSelector a CategorySelector */ .bt-wrapper canvas { position: relative !important; } /* REPORTS =======================================================================================================================================================================================*/ .SelectPhase { margin: 3px; width: 250px; height: 26px; } .ReportTable { width: 100%; } .ProjectHeader { border-top:4px solid white; background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); line-height: 30px; background-repeat: no-repeat; } .ProjectHeader td { border-top: 4px solid white; padding: 0 10px; font-size: 14px; color: white; text-shadow: 1px 1px 3px black; } .PhaseHeader { background: #87ce76; line-height: 26px; font-size: 14px; font-weight: bold; text-indent: 10px; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } .ReportRow { font-size: 14px; line-height: 18px; background: linear-gradient(to bottom, rgb(220, 220, 220) 0%,rgba(223,229,215,1) 40%,rgb(195, 195, 195) 100%); } .ReportRow td { padding: 4px 10px; } .ReportRow.Summary { background: #0098a0 } .LabelRow { height: 20px; color: #eaeaea; /* font-weight: bold; */ font-size: 11px; background-color: #404040; } /* REPORTS =======================================================================================================================================================================================*/ .styledInput { font-weight: bold; border: 1px solid #616161; padding: 3px; border-radius: 3px; background-color: #d1ffdf; } .filter-panel { background: #d2d2d2; width: 100%; text-align: left; color: black; padding: 5px 10px; box-sizing: border-box; } .time-mode-info { line-height: 30px; width: 335px; list-style: none; font-weight: bold; text-align: right; background: transparent url(icons/icon_timeentry.jpg) no-repeat left center; padding: 0 10px; } .glass-btn { border: 1px solid black; background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgb(175, 175, 175) 5%,rgb(86, 86, 86) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); color: #dadada; height: 30px; padding: 0 10px; border-radius: 3px; } .big-checkbox { width: 20px; height: 19px; vertical-align: middle; } .phase-button { margin: 0 5px 0 0; border-radius: 3px; padding: 5px; cursor: pointer; border: 1px solid #888888; } .phase-button:hover { background: #bbb; } .phase-button-selected { background:#adadad; }