/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */ @import url(../warp/css/layout.css); /* Spacing ----------------------------------------------------------------------------------------------------*/ .module, #breadcrumbs, #content { margin: 15px; } #toolbar, #header, #footer { margin: 0 15px; } #menu .module { margin: 10px 5px; } #headerbar .module { margin-top: 0; margin-bottom: 45px; } #footer .module { margin: 0; } /* Layout ----------------------------------------------------------------------------------------------------*/ body#page{background:#eee; } #block-toolbar{background: rgb(238,238,238); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(238,238,238,1) 1%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(238,238,238,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); background: -webkit-linear-gradient(left, rgba(238,238,238,1) 1%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -o-linear-gradient(left, rgba(238,238,238,1) 1%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -ms-linear-gradient(left, rgba(238,238,238,1) 1%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: linear-gradient(to right, rgba(238,238,238,1) 1%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ededed',GradientType=1 ); padding:5px; border-bottom:2px solid #ccc; } #block-header{ background:#cec9c5 url("../images/bg_header.png"); inset 1px 0 10px #cccccc; -webkit-box-shadow: inset 1px 0 10px #cccccc; box-shadow: inset 1px 0 10px #cccccc; } #menu { position: absolute; right: 0; bottom: 0; padding:5px; } #content{ padding:15px; } #block-header{min-height: 70px;} #header{min-height: 60px;} #block-main{background:#eeeeee url("../images/bg_header.png")repeat; } #main { background:#e8e8e8; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12); box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12); } #content { padding: 20px; border: 1px solid; border-color: rgba(0,0,0,0.1); border-bottom-color: rgba(0,0,0,0.2); border-radius: 5px; background: #f7f7f7; background: -webkit-linear-gradient(top, #f7f7f7, #f4f4f4); background: -moz-linear-gradient(top, #f7f7f7, #f4f4f4); background: -o-linear-gradient(top, #f7f7f7, #f4f4f4); background: linear-gradient(to bottom, #f7f7f7, #f4f4f4); background-clip: padding-box; box-shadow: inset 0px 1px 0 rgba(255,255,255,1); } #main .mod-box {background: #eee; box-shadow: 2px 2px 2px 1px rgba(128,128,128,0.1); } #main .module-title { margin: -15px -15px 10px -15px; padding: 13px 15px 11px 15px; border-bottom: 1px solid #D1D1D1; background: rgb(235,235,235); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(224,224,224,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(224,224,224,1))); background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%,rgba(224,224,224,1) 100%); background: -o-linear-gradient(left, rgba(235,235,235,1) 0%,rgba(224,224,224,1) 100%); background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%,rgba(224,224,224,1) 100%); background: linear-gradient(to right, rgba(235,235,235,1) 0%,rgba(224,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e0e0e0',GradientType=1 ); } #content header { color:#373F42; } #block-top{background: rgb(31,157,239); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2JhKDMxLCAxNTcsIDIzOSwgMC45NjQpIi8+PHN0b3Agb2Zmc2V0PSIwLjg2IiBzdG9wLWNvbG9yPSJyZ2JhKDAsIDI4LCAyMDAsIDAuNjU0KSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2JhKDAsIDI4LCAyMDAsIDAuNjU0KSIgLz48cmVjdCB4PSItMjAuNzEwNyUiIHk9Ii00MS40MjE0JSIgd2lkdGg9IjE0MS40MjE0JSIgaGVpZ2h0PSIyODIuODQyNyUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+); background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 525, color-stop(0%, rgba(31, 157, 239, 0.964)), color-stop(86%, rgba(0, 28, 200, 0.654))); background-image: -webkit-radial-gradient(center bottom, farthest-corner, rgba(31, 157, 239, 0.964) 0%, rgba(0, 28, 200, 0.654) 86%); background-image: -moz-radial-gradient(center bottom, farthest-corner, rgba(31, 157, 239, 0.964) 0%, rgba(0, 28, 200, 0.654) 86%); background-image: -ms-radial-gradient(center bottom, farthest-corner, rgba(31, 157, 239, 0.964) 0%, rgba(0, 28, 200, 0.654) 86%); background-image: -o-radial-gradient(center bottom, farthest-corner, rgba(31, 157, 239, 0.964) 0%, rgba(0, 28, 200, 0.654) 86%); background-image: radial-gradient(farthest-corner at center bottom, rgba(31, 157, 239, 0.964) 0%, rgba(0, 28, 200, 0.654) 86%); } #sidebar-b .mod-box {border:1px solid #ddd;} #top-a { color:#b5b5b5; } #top-b .mod-box { background:#e8e8e8; -moz-box-shadow: inset 0 1px 0 rgba(231,231,231,1.0), 0 1px 2px rgba(0,0,0,0.12); -webkit-box-shadow: inset 0 1px 0 rgba(231,231,231,1.0), 0 1px 2px rgba(0,0,0,0.12); box-shadow: inset 0 1px 0 rgba(231,231,231,1.0), 0 1px 2px rgba(0,0,0,0.12); } #bottom-a .mod-box { background:#e8e8e8; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12); box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12); } #block-bottom { background:url(../../images/background/white/bottom.png)repeat; -webkit-box-shadow: 0px -3px 5px rgba(6, 126, 150, 0.75); -moz-box-shadow: 0px -3px 5px rgba(6, 126, 150, 0.75); box-shadow: 0px -3px 5px rgba(6, 126, 150, 0.75); margin-bottom:5px; } #block-footer{ background: rgb(69,72,77); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); padding:5px;} #footer{color:#ddd;} #totop-scroller { display: block; position: absolute; top: 0; right: 0; z-index: 1; width: 20px; height: 21px; background: url(../images/totop_scroller.png) 0 0 no-repeat; text-decoration: none; } #totop-scroller:hover { background-position: 0 -30px; } #totop-scroller:active { background-position: 0 -60px; }