.floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .highlight { font-weight: bold; } #fileBlock { border-bottom: 1px solid #E0E0E0; } #leftSideBar { float: left; } /** FILE CRUMB **/ #fileCrumb { width: 680px; } #breadcrumbs-one { background: #eee; border-width: 1px; border-style: solid; border-color: #f5f5f5 #e5e5e5 #ccc; border-radius: 5px; overflow: hidden; margin: 0; padding: 0; list-style: none; white-space: nowrap; } #breadcrumbs-one li { display: inline-block; } /* element */ #breadcrumbs-one a { padding: .7em 1em .7em 2em; float: left; text-decoration: none; color: #444; position: relative; background-color: #F0F0F0; /* background of element */ background-image: linear-gradient(to right, #EBEBEB, #F0F0F0); } #breadcrumbs-one a span { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 180px; } #breadcrumbs-one li:first-child a { padding-left: 1em; border-radius: 5px 0 0 5px; } /* hover of element */ #breadcrumbs-one a:hover { background: #F6F6F6; text-decoration: none; } #breadcrumbs-one a::after, #breadcrumbs-one a::before { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em; } /* element arrow */ #breadcrumbs-one a::after { z-index: 2; border-left-color: #F0F0F0; } #breadcrumbs-one a::before { border-left-color: #ccc; right: -1.1em; z-index: 1; } /** Hover of element arrow */ #breadcrumbs-one a:hover::after { border-left-color: #F6F6F6; } #breadcrumbs-one .current, #breadcrumbs-one .current:hover { font-weight: bold; background: none; } #breadcrumbs-one .current::after, #breadcrumbs-one .current::before { content: normal; } /** FILECRUMB MENU */ ul#breadcrumbs-one li a#crumbNavigation { width: 27px; height: 30px; padding: 0; background-image: url('../system/img/arrow-down.png'); } /** MESSAGE **/ #infopoolMessage { list-style: none; margin: 0; padding: 0; } #infopoolMessage li { background-color: #D99898; padding-left: 0px; margin: 0px; padding: 5px 5px 5px 15px; border-bottom: 1px solid #A35B5B; font-size: 11px; } /** FILE TREE **/ #fileTree li { color: #777; padding-left: 0px; margin: 0; padding: 0; } #fileTree li a:hover { text-decoration: underline; } #fileTree { margin-top: 15px; padding-left: 20px; width: 220px; margin-right: 15px; overflow: auto; } #fileTree .currentPage { list-style-image: url('../system/img/folder_go.png') !important; } #fileTree .currentPage > a { font-weight: bold; } #fileTree ul { list-style-image: url('../system/img/folder.png'); padding-left: 15px; margin: 0px; } /** TABLE **/ #infopoolTable a:hover { text-decoration: underline; } #infopoolTable { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; margin: auto; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } #infopoolTable th, #infopoolTable td { padding: 8px 18px 8px; } #infopoolTable th { padding-top: 12px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; } #infopoolTable td { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align:left; } #infopoolTable tr.odd-row td { background:#f6f6f6; } #infopoolTable td.last { border-right:none; } #infopoolTable td { background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); } #infopoolTable tr.odd-row td { background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6)); } #infopoolTable th { background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb)); } #infopoolTable tr:first-child th.first { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; /* Saf3-4 */ } #infopoolTable tr:first-child th.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */ } #infopoolTable tr:last-child td.first { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; /* Saf3-4 */ } #infopoolTable tr:last-child td.last { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */ } /** FILE UPLOAD **/ .upload { position: relative; width: 506px; } .realupload { position: absolute; top: 0; right: 0; opacity: 0; -moz-opacity: 0; filter: alpha(opacity: 0); z-index: 2; width: 506px; } form .fakeupload { background: url('../system/img/select_file.png') no-repeat 100% 50%; height: 19.5px; } form .fakeupload input { width: 417px; } /** TOOLBAR **/ a.sb.directory { background-image: url(../system/img/add_directory.png); } a.sb.content { background-image: url(../system/img/add_content.png); } a.sb.file { background-image: url(../system/img/add_file.png); } a.sb.hyperlink { background-image: url(../system/img/add_hyperlink.png); } a.sb.directoryBack { background-image: url(../system/img/directory_back.png); } a.sb.download { background-image: url(../system/img/download_small.png); } a.sb.openLink { background-image: url(../system/img/link_small.png); } a.sb.save { background-image: url(../system/img/save_small.png); } a.sb.key { background-image: url(../system/img/key.png); }