/* ------------------------------------------------------------------------------- DEFAULT CSS FILE ------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------- DEFAULT ------------------------------------------------------------------------------- */ html, body { width:100%; } body { font-family: Arial; color:#53555d; } #top { width:100%; background:#686a71; height:40px; left:0; top:0; position:fixed; z-index:10; } #left { position:fixed; left:10px; padding:0; width:200px; z-index:2; margin-top:30px; clear:both; } #right { position:relative; top:0; margin:0 0 0 170px; color:#333; padding:49px 20px 20px; } #bar { display:none; } .hidden { display:none; } #content { padding:27px 0 40px 40px; line-height:21px; display:block; max-width:100%; color:#464950; } #content h1 { margin-bottom:30px; border-bottom:1px solid #ccc; padding:12px 10px; margin-left:-10px; color:#464950; font-weight:100; } #content h2 { margin-bottom: 20px; border-bottom:1px solid #ccc; padding:12px 10px; margin-left:-10px; float:none; margin-top:0px; } #content h3 { font-size:15px; } #content a { color:#00aeef; } .yes { float:left; background:url('/admin/_img/icons/yes.png') no-repeat; width:15px; height:15px; } .no { float:left; background:url('/admin/_img/icons/no.png') no-repeat; width:15px; height:15px; } #notice { visibility:hidden; } #content #notice { float:left; visibility:visible; width:100%; display:block; border:1px solid #1bba00; background:#f5fff3; margin-top:20px; } #content #notice p { font-size:11px; margin:0; padding:15px 10px; color:#16a500; } #content #notice.error{ border:1px solid #d00; background:#fff5f5; } #content #notice.error p { color:#d00; } #content #notice.info{ background:#ecfaff; } #content #notice.info p { color:#1b83aa; } #content p { float:left; width:750px; display:block; margin-bottom:20px; } .error { border:1px solid #d00 !important; } .scrollView { overflow-y: auto; max-height: 125px; width:290px; border: 1px solid #ccc; padding: 0px 10px; padding-bottom: 5px; float:left; clear:none; } .scrollView li { width:280px; } .scrollView li label{ margin-top:0; } .scrollView li.level_2 { margin-left: 10px; width:270px; } .scrollView li.level_3 { margin-left: 20px; width:260px;} .scrollView li.level_4 { margin-left: 30px; width:250px;} .scrollView li.level_5 { margin-left: 40px; width:240px;} #mainnav .new_users {color:red;} /* ------------------------------------------------------------------------------- OVERVIEW ------------------------------------------------------------------------------- */ .overview { margin-top:30px; float:left; width:100%; } .overview th { text-align:left; color:#53555d; border-bottom: 1px solid #686a71; padding:2px 5px 3px; font-size:13px; font-weight:500; text-transform:uppercase; font-size:11px; } .overview th a { color:#53555d !important; font-weight:500; font-size:11px; } .overview td { padding:0 0 0 5px; vertical-align: middle; height:40px; font-size:12px; border-bottom:1px solid #e5e6eb; } .overview tr td a { color:#333 !important; text-decoration:underline; } /*.overview tr.grey td { background:#f7f8fa; }*/ .overview tr:hover td { background:#e5e6eb; } .overview tr:hover td a.button { display:block; } .overview tr td a.button { float:right; width:auto; height:19px; font-size:11px; text-align:center; margin-right:10px; font-size:11px; display:block; position:relative; line-height:19px; text-decoration:none !important; text-transform:uppercase; font-weight:500; color:#53555d !important; padding:0 5px; width:19px; } .overview tr td a.button.delete { background:url('/admin/_img/icons/delete.png') 50% no-repeat; } .overview tr td a.button.pdf { background:url('/admin/_img/icons/pdf.png') 50% no-repeat; } .overview tr td a.button.edit { background:url('/admin/_img/icons/edit.png') 50% no-repeat; } .overview tr td a.button.view { background:url('/admin/_img/icons/view.png') 50% no-repeat; } .overview tr td a.button.call { background:url('/admin/_img/icons/call.png') 50% no-repeat; } .overview tr td a.button.crop { background:url('/admin/_img/icons/crop.png') 50% no-repeat; } .overview tr td a.button.replace { background:url('/admin/_img/icons/replace.png') 50% no-repeat; } .overview tr td a.button.discount { background:url('/admin/_img/icons/discount.png') 50% no-repeat; } .overview tr td a.button.download { background:url('/admin/_img/icons/download.png') 50% no-repeat; } .overview tr td a.button.settings { background:url('/admin/_img/icons/settings.png') 50% no-repeat; } .overview tr td a.button.yes { background:url('/admin/_img/icons/yes.png') 50% no-repeat; } .overview tr td a.button.no { background:url('/admin/_img/icons/no.png') 50% no-repeat; } .overview tr td a.button.send { background:url('/admin/_img/icons/send.png') 50% no-repeat; } .overview tr td a.button.report { background:url('/admin/_img/icons/report.png') 50% no-repeat; } a.button:hover { background:url('/admin/_img/buttons/overview.png') 0 -19px; } .overview td input, .overview th input { border:1px solid #ccc; padding:2px; width:30px; font-size:12px; color:#444; } .overview_buttons { float:left; margin-top:20px; margin-bottom:20px; } .overview .active, .overview .non-active { float:left; background:#eee; width:15px; height:15px; margin: 5px 10px 0px 10px; } .overview .active { background:url('/admin/_img/icons/active.png') 0 -15px no-repeat; } .overview .non-active { background:url('/admin/_img/icons/active.png') no-repeat; } /* ------------------------------------------------------------------------------- PAGINATION ------------------------------------------------------------------------------- */ #pagination { width:80px; float:right; height:19px; margin:0 5px -5px 0; } #pagination a { float:left; width:19px; height:19px; } #pagination a#next { background:url('/admin/_img/icons/pagination.jpg') -19px -19px; } #pagination a#prev { background:url('/admin/_img/icons/pagination.jpg') 0 -19px; } #pagination a#next:hover { background:url('/admin/_img/icons/pagination.jpg') -19px -38px; } #pagination a#prev:hover { background:url('/admin/_img/icons/pagination.jpg') 0 -38px; } #pagination a#next_disabled, #pagination a#next_disabled:hover { background:url('/admin/_img/icons/pagination.jpg') -19px 0; } #pagination a#prev_disabled, #pagination a#prev_disabled:hover { background:url('/admin/_img/icons/pagination.jpg'); } #pagination span { float:left; width:42px; text-align:center; font-weight:normal; margin-top:0px; } /* ------------------------------------------------------------------------------- OVERVIEW TABS ------------------------------------------------------------------------------- */ ul#overview_tabs { float:right; } ul#overview_tabs li { float:left; } ul#overview_tabs li a { float:left; background:#f8f8f8; margin-right:10px; padding:5px 20px; color:#333; margin-bottom:-1px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; } ul#overview_tabs li a.active { background:#53555d; color:#fff; } ul#overview_tabcontent { float:left; width:100%; } ul#overview_tabcontent li { float:left; display:none; width:100%; } ul#overview_tabcontent li.active { display:block; } /* ------------------------------------------------------------------------------- SEARCH ------------------------------------------------------------------------------- */ #search { float:right; height:23px; margin:-78px 10px 0 0; } #search input { float:left; height:35px; width:210px; border:0; background:#f6f6f8 no-repeat; font-size:11px; color:#686972; padding:0 0 0 10px; text-transform:uppercase; } #search button { float:left; height:35px; width:45px; background:#686972 url('/admin/_img/icons/search.png') no-repeat 50% 50%; } /* ------------------------------------------------------------------------------- HEADS ------------------------------------------------------------------------------- */ h1 { color:#53555d; font-weight:200; font-size:28px; } h2 { color:#53555d; font-weight:200; font-size:20px; float:left; clear:both; margin-top:40px; margin-bottom:-15px; } /* ------------------------------------------------------------------------------- NAVIGATION ------------------------------------------------------------------------------- */ ul#topnav { float:right; display:block; margin:0; padding:0; margin-top:0x; position:absolute; right:0; z-index: 3; background:#53555d; min-width:240px; } ul#topnav li#user { float:left; } ul#topnav li#useroptions { float:right; } ul#topnav li#user a { float:left; color:#fff; font-size:11px; padding:14px 10px 15px 50px; text-transform:uppercase; background:url('/admin/_img/icons/user.png') no-repeat 20px 4px; } ul#topnav li#useroptions a { float:right; color:#fff; font-size:11px; padding:14px 0 15px; width:50px; text-transform:uppercase; background:url('/admin/_img/arrows/grey_down.png') no-repeat 50% 50%; height:11px; } #usernav { position:absolute; right:0; top:40px; width:240px; background:#f6f6f8; padding:30px 0 50px; display:none; } #usernav li { float:left; width:200px; margin:0 20px; border-bottom:1px solid #d8d8dd; } #usernav li a { float:left; width:155px; padding:11px 10px 12px 35px; color:#53555d; background:url('/admin/_img/icons/user.png') no-repeat 10px 6px; background-size:14px; } #usernav li a.logout { background:url('/admin/_img/icons/off.png') 10px 50% no-repeat; } #usernav li strong { float:left; width:180px; padding:11px 10px; color:#53555d; } ul#sections { float:left; display:block; padding:0; margin:0 40px 20px 0; position:relative; z-index: 3; } ul#sections li { float:left; } ul#sections li a { float:left; color:#fff; font-size:11px; padding:14px 40px 20px; text-align:center; margin-right:10px; text-transform:uppercase; } ul#sections li a.active { text-decoration:none; background:url('/admin/_img/arrows/section_active.png') center bottom no-repeat; } ul#mainnav { float:left; display:block; margin:0; padding:0; margin-top:25px; width:190px; border-bottom:1px solid #ccc; } ul#mainnav li { float:left; width:190px; border-top:1px solid #ccc; } ul#mainnav li a { float:left; color:#464950; padding:12px 0 12px 10px; width:180px; font-size:11px; text-transform:uppercase; } ul#mainnav li a:hover { background:#f8f8f8; } ul#mainnav li a.active { font-weight:600; } ul#mainnav li img { width:171px; padding:12px 10px 13px 10px; } ul#mainnav li.sub { border:0; font-size:12px; } ul#mainnav li.sub a { padding:5px 0 8px 20px; width:170px; } ul#mainnav li.logo { border:0; } /* ------------------------------------------------------------------------------- BUTTONS ------------------------------------------------------------------------------- */ a.cancel { font-size:12px; float:left; width:150px; height:28px; border:0; color:#4f5057 !important; text-align:center; padding-top:7px; text-transform:uppercase; font-family:Raleway; margin-right:10px; } button { font-family: Raleway; font-size:12px; float:left; width:150px; height:35px; border:0; text-align:center; color:#4f5057; text-transform:uppercase; font-family:Raleway; } button:hover { cursor:pointer; } button.save { background:#f6f6f8 url('/admin/_img/icons/yes.png') no-repeat 12px 50%; } button.cancel { background:#f6f6f8 url('/admin/_img/icons/no.png') no-repeat 12px 50%; } button.login { background:#f6f6f8 url('/admin/_img/icons/yes.png') no-repeat 12px 50%; } a.cancel { background:#f6f6f8 url('/admin/_img/icons/no.png') no-repeat 12px 50%; } .add { background:url('/admin/_img/icons/add.png') no-repeat; font-family:Raleway; text-transform:uppercase; font-size:12px; float:left; width:auto; height:25px; border:0; padding:0; color:#333 !important; padding-top:1px; padding-left:35px; margin-right:30px; } button.add{ width:200px !important; height:23px;} button.add:hover{} img.loading {display:none; margin-top:-8px; width:40px;} span.loading {display:none; margin-top:0; position:absolute; width:40px; width:200px;} #content a.button.delete { background:url('/admin/_img/icons/delete.png') 50% no-repeat; width:20px; height: 20px;} #content .button_image_delete { background:#eee url('/admin/_img/icons/delete.png') 5px 5px no-repeat; text-transform:uppercase; color:#666 !important; padding:5px 10px 5px 25px; font-size:11px; float:left; margin:50px 0 0 5px; } /* ------------------------------------------------------------------------------- FORMS ------------------------------------------------------------------------------- */ form{ display:block; border:1px solid #fff; } fieldset ol { float:left; margin-left:0px !important; width:750px; display: block; } fieldset ol li { margin-top:10px; float:left; width:750px; list-style:none; } fieldset ol li span.required { color:#d00; margin-top:-5px; clear:both; margin-left:2px;} fieldset ol li label { margin-top:1px; float:left; width:100px; padding-top:0px; } fieldset ol.login li input[type=password], fieldset ol.login li input[type=text] { font-family: Raleway; float:left; border:1px solid #ccc; padding:4px; width:190px; } fieldset ol li strong.head { margin:20px 0 0 0; float:left; font-size:12px; } fieldset ol li label { float:left; width:190px; display:block; margin-top:5px; font-size:12px; color:#53555d} fieldset ol li textarea, fieldset ol li input[type=file], fieldset ol li input[type=password], fieldset ol li input[type=text] { font-family: Raleway; font-size:12px; float:left; border:1px solid #ccc; padding:4px; width:300px; resize:none; } fieldset ol li textarea { font-family: Raleway; font-size:12px; height:300px; width:740px; line-height:24px; margin-top:10px;} fieldset ol li select { float:left; width:310px; margin-right:10px; line-height:24px; font-family: Raleway; font-size:12px; padding:3px; border:1px solid #ccc; } fieldset ol li input[type=checkbox] { float:left; display:block; margin-right:20px; } /* ------------------------------------------------------------------------------- CLASS OVERVIEW ------------------------------------------------------------------------------- */ ul.functions_list { float: left; width: 100%; margin-bottom: 25px; } ul.functions_list a { text-decoration: none; } #content .classes { float: left; width: 100%;} #content .classes p { float: none; width: 750px;} .classes code { background-color: #f9f9f9; border: 1px solid #D0D0D0; color: #002166; display: block; margin: 14px 0 14px 0; padding: 12px 10px 12px 10px;} /* ------------------------------------------------------------------------------- NOTIFIER ------------------------------------------------------------------------------- */ div.jGrowl div.success { border:1px solid #999; background:#f8f8f8 !important; color:#333; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } div.jGrowl div-header { color:#333; font-size:12px !important; } /* ------------------------------------------------------------------------------- BAR ------------------------------------------------------------------------------- */ #bar h1 { font-size:16px; margin-top:34px; float:left; } #bar ul { float:left; width:220px; border-top:1px solid #ddd; margin:10px -10px; } #bar ul li { float:left; } #bar ul li a { float:left; padding:10px 10px 7px; width:200px; border-bottom:1px solid #ddd; color:#53555d; } #bar ul li a strong { text-transform:uppercase; display:block; padding:0 0 3px; font-size:11px; } #bar ul li span { display:block; padding:3px 0 0; line-height:17px; font-size:11px; } #bar ul li span.red { color:#d00; } #bar ul#users { border-bottom:1px solid #ddd; padding:10px 0; } #bar ul#users li { padding:5px 10px; width:200px; background:url('/admin/_img/icons/user.png') no-repeat 10px -2px; } #bar ul#users li span { padding:0px 11px 0px 30px; width:180px; background-size:16px auto; color:#53555d; font-size:11px;} #bar ul#users li span.online { background:url('/admin/_img/icons/online.png') no-repeat 190px 50%; } #bar ul#notices { max-height:220px; } #bar ul#notices li div { float:right; background:url('/admin/_img/icons/delete2.png') 50% 50% no-repeat; width:13px; height:100%; position:relative; z-index:2; margin:-45px 5px 0 0; cursor:pointer; display:none; padding:10px; } #bar ul#notices li:hover div { display:block; } #bar ul#notices span { font-size:11px; line-height:22px; width:170px; margin-top:-5px; } #bar ul#notices strong { float:left; color:#aaa; font-weight:400; font-size:11px; } /* ------------------------------------------------------------------------------- RESPONSIVE ------------------------------------------------------------------------------- */ @media only screen and ( min-width: 1500px ) { /*#right { margin:0px 240px 0 200px; }*/ /*#bar { position:fixed; overflow:auto; top:40px; right:0; margin-left:200px; color:#333; padding:20px; background:#f6f6f8; width:200px; height:100%; display:block; }*/ }