File: D:/HostingSpaces/SBogers45/smuldersinterieurprojecten.nl/wwwroot/admin/css/admin.css
@charset "UTF-8";
/* CSS Document
Mike Ontwerpt 2011
last update:
05-10-2011
*/
/**** G E N E R A L ****/
html{
height: 100%;
}
@font-face {
font-family: 'Kyrial Display Pro Regular';
src: url('../font/kyrialdisplayprobold-webfont.eot');
src: url('../font/kyrialdisplayprobold-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/kyrialdisplayprobold-webfont.woff') format('woff'),
url('../font/kyrialdisplayprobold-webfont.ttf') format('truetype'),
url('../font/kyrialdisplayprobold-webfont.svg#KyrialDisplayProBold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Kyrial Display Pro Regular';
src: url('../font/kyrialdisplayproreg-webfont.eot');
src: url('../font/kyrialdisplayproreg-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/kyrialdisplayproreg-webfont.woff') format('woff'),
url('../font/kyrialdisplayproreg-webfont.ttf') format('truetype'),
url('../font/kyrialdisplayproreg-webfont.svg#KyrialDisplayProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body{
margin: 0;
font-size: 11px;
text-align: left;
color: #082931;
font-family: "Kyrial Display Pro Regular", Helvetica, Arial, sans-serif;
background: #dbdbdb;
line-height: 18px;
height: 100%;
}
h1{
margin: 0 0 18px 0;
font-weight: bold;
font-size: 18px;
letter-spacing: 1px;
}
a{
color: #1178ad;
text-decoration:none;
}
a:hover{
color: #082931;
}
#jsbox{
width: 2px;
height: 2px;
overflow: hidden;
}
img{
border: none;
}
/**** M A I N C L A S S E S ****/
.fully-rounded{
-moz-border-radius: 3px;
border-radius: 3px;
}
.top-rounded{
-moz-border-top-right-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.clear{
clear: both;
}
.center{
margin: 0 auto;
}
.content{
padding: 18px;
}
/**** M A I N S T R U C T U R E ****/
#main-container{
position: relative;
width: 990px;
height: auto;
}
/* # main-header */
#main-header{
margin-top: 18px;
width: 990px;
height: 54px;
}
.signed-in-container{
float: right;
text-align: right;
}
.sign-out{
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
color: #082931;
}
.user-name{
color: #1178ad;
font-weight: bold;
}
/* # main-navigation */
#main-nav{
width: 990px;
height: 36px;
background: #082931;
overflow: hidden;
}
.main-nav-list{
margin: 0;
padding: 0;
}
.main-nav-list li{
margin: 0;
float: left;
height: 27px;
padding: 6px 36px 18px 36px;
color: #fff;
list-style: none;
letter-spacing: 1px;
font-size: 18px;
font-variant: small-caps;
}
.main-nav-list li a{
color: #fff;
}
.main-nav-list li a:hover{
color: #fff;
}
.active{
color: #fff;
background: #1178ad;
}
/* # sub-navigation */
#sub-nav{
width: 234px;
height: auto;
min-height: 450px;
background: #fff;
float: left;
margin: 0 6px 0 0;
}
.sub-header-bar{
text-transform: uppercase;
width: auto;
height: 21px;
background: #f3f3f3;
color: #1178ad;
font-size: 12px;
padding: 6px 0 0 18px;
}
.ul-sub-menu{
list-style: none;
margin: 36px 0 0 0;
padding: 0;
letter-spacing: 1px;
line-height: 24px;
}
.ul-sub-menu li a{
color: #082931;
}
.sub-active{
list-style: circle;
}
/* # content */
#main-content-container{
width: 954px;
height: auto;
min-height: 450px;
margin: 18px;
}
.single-column-container{
position: relative;
width: 198px;
height: auto;
padding: 0 18px 0 18px;
margin: 18px 6px 18px 0;
float: left;
}
.double-column-container{
position: relative;
width: 474px;
height: auto;
min-height: 450px;
background: url(../images/structure/bg.jpg) repeat-x #efefef;
}
.triple-column-container{
position: relative;
width: 714px;
height: auto;
min-height: 450px;
background: #efefef;
float: left;
}
.single-column-content{
width: 198px;
height: auto;
float: left;
}
.double-column-content{
position: relative;
margin: 18px;
width: 438px;
height: auto;
}
.triple-column-content{
position: relative;
margin: 18px;
width: 678px;
height: auto;
}
.header-bar{
width: auto;
height: 25px;
background: #082931;
color: #fefefe;
font-size: 14px;
padding: 11px 0 0 18px;
}
.content-bar{
padding: 3px 0 0 18px;
font-variant: small-caps ;
font-size: 14px;
height: 24px;
font-weight: bold;
letter-spacing: 1px;
}
/* # footer */
#footerBar{
width: 990px;
height: 18px;
background: #082931;
margin: 0 0 6px 0;
}
#footerMenu{
width: 490px;
height: 36px;
float: left;
}
#footerMenu ul{
margin: 0;
padding: 0;
}
#footerMenu ul li{
margin: 0;
padding: 0 6px 0 6px;
list-style: none;
display: block;
float: left;
}
.first-list-item{
margin: 0;
padding: 0 6px 0 0;
}
#footerCopyright{
width: 500px;
height: 36px;
float: right;
text-align: right;
}
.footerLink{
color: #082931;
}
/**** F O R M ****/
.input-total{
margin: 0 0 9px 0;
width: 198px;
float: left;
}
.input-title{
margin: 0 0 -3px 0;
}
.input-total input{
width: 198px;
height: 20px;
margin: 3px 0 0 0;
padding: 8px 0 0 4px;
background: url(../images/structure/textfield2.png) no-repeat;
border: none;
background-color:transparent;
color: #333;
font-family: "Kyrial Display Pro Regular", Helvetica, Arial, sans-serif;
}
.input-total input.input-cb{
float: left;
width: 20px;
margin: 0;
}
.inputTotal .file{
background: none;
}
.button{
margin: 36px 0 0 0;
background: #1178ad;
padding: 7px 12px 7px 12px;
border: none;
color: #fefefe;
font-weight: bold;
font-size: 13px;
letter-spacing: 1px;
cursor: pointer;
}
.message-container{
position: absolute;
top: -27px;
left: 0;
height: 27px;
width: 100%;
overflow: hidden;
}
.message{
position: absolute;
top: 27px;
left: 0;
height: 20px;
width: 420px;
padding: 7px 18px 0 36px;
color: #fff;
}
.errForm{
color: #af1f1f;
}
.err{
background: #c7b1b3;
}
.suc{
background: #dfebd2;
color: #082931;
}
.err-icon{
position: absolute;
top: 7px;
left: 18px;
}
.changeOrderList{
padding: 0;
margin: 36px 0 0 0;
}
.changeOrderList li{
width: 180px;
height: 26px;
margin: 6px 0 0 0;
background: #fff;
color: #1178ad;
list-style: none;
padding: 10px 0 0 18px;
display: block;
}
.changeOrderThumb{
padding: 0;
margin: 36px 0 0 0;
}
.changeOrderThumb li{
width: 105px;
height: 105px;
margin: 0 6px 6px 0;
padding: 0;
border: 1px solid #fff;
background: #fff;
color: #1178ad;
list-style: none;
overflow: hidden;
float: left;
}
/**** D I V S P A G E S ****/
/* Login */
.loginMargin{
margin-top: 162px;
}
/* Welcome */
.welcomeMargin{
margin-top: 72px;
}
.welcomeActions{
font-size: 14px;
}
.welcome-container{
min-height: 350px;
}
/* Pages */
.pages-action-menu{
margin: 0;
width: 498px;
height: 36px;
border-bottom: 1px solid #bcbcbc;
text-align: right;
float: left;
}
.pages-group-options{
margin: 18px 0 0 18px;
width: 180px;
height: 18px;
float: left;
border-bottom: 1px solid #bcbcbc;
font-size: 14px;
}
.pages-action-menu ul{
list-style: none;
margin: 18px 0 0 0;
padding: 0;
}
.pages-action-menu ul li{
float: right;
margin: 0 0 0 18px;
}
/* multipage */
.mp-box-row{
width: 714px;
height: 216px;
overflow: hidden;
}
.mp-box{
position: relative;
height: 179px;
border-bottom: 1px solid #bcbcbc;
}
.mp-box-desc{
width: 198px;
height: 90px;
position: absolute;
top: 54px;
overflow: hidden;
}
.mp-box-icon-container{
width: 198px;
text-align: right;
height: 26px;
padding: 10px 0 0 0;
position: absolute;
bottom: 0;
}
.mp-box-icon{
margin: 0 0 0 6px;
}
.mp-page-control-container{
height: 36px;
width: 678px;
padding: 18px;
font-size: 18px;
font-variant: small-caps;
font-weight: bold;
}
.mp-page-control-next{
cursor: pointer;
float: right;
}
.mp-page-control-previous{
cursor: pointer;
float: left;
}
.mp-h1{
color: #082931;
}
.mp-view-icon{
float: right;
margin: 4px 0 0 6px;
cursor: pointer;
}
.first-icon{
margin-right: 18px;
}
.mp-row{
margin: 0 0 6px 0;
width: 678px;
height: 36px;
background: #fcfcfc;\
font-size: 12px;
}
.mp-row-title{
width: 300px;
height: 26px;
padding: 10px 0 0 18px;
float: left;
}
.mp-row-desc{
width: 280px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.mp-row-actions{
width: 80px;
height: 31px;
padding: 5px 0 0 0;
float: left;
}
.mp-head-row{
background: #1178ad;
color: #fff;
}
.mp-head-row div{
padding-top: 10px;
height: 26px;
}
/* Media library */
.med-sub-nav{
position: relative;
width: 678px;
heigth: 36px;
margin: 9px 18px 9px 18px;
}
.med-check-all{
position: absolute;
bottom: 6px;
float: right;
}
.med-check-all-box{
position: relative;
top: 1px;
}
.med-delete-selected{
margin: 0;
float: right;
}
.med-change-order{
margin: 0 6px 0 0;
float: right;
}
.med-thumb-row{
margin: 0 18px 6px 18px;
width: 678px;
height: auto;
}
.med-thumb{
position: relative;
margin: 0 6px 0 0;
width: 105px;
height: 105px;
border: 1px solid #fff;
overflow: hidden;
float: left;
}
.med-thumb-img{
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.med-thumb-img-cb{
position: absolute;
left: 6px;
bottom: 6px;
z-index: 5;
}
.med-thumb-img-isThumb{
position: absolute;
right: 0px;
bottom: 0px;
padding: 3px 0 0 3px;
width: 18px;
height: 18px;
background: #fff;
z-index: 5;
}
/* media - hover */
.med-hover{
margin: 0 3px 20px 0;
position: relative;
width: 130px;
height: auto;
background: #fff;
overflow: hidden;
float: left;
border: 1px solid #fff;
}
.med-hover-img{
position: relative;
width: 130px;
height: 130px;
overflow: hidden;
margin: 0;
}
.med-hover-title{
width: 60px;
height: 25px;
overflow: hidden;
margin: 3px;
float: left;
line-height: 12px;
}
.med-hover-title-sc{
color: #1178ad;
font-size: 10px;
}
.med-hover-actions{
text-align: right;
width: 56px;
height: 20px;
margin: 3px 0 ;
overflow: hidden;
float: left;
}
.med-hover-move{
text-align: right;
width: autos;
height: auto;
overflow: hidden;
float: right;
text-align: left;
padding: 0;
margin: 0 10px 0 0;
}
/* Album */
.med-album{
margin: 0 3px 20px 0;
position: relative;
width: 164px;
height: auto;
background: #43535c;
color: #fff;
overflow: hidden;
float: left;
border: 1px solid #fff;
}
.med-album-img{
position: relative;
width: 164px;
height: 130px;
overflow: hidden;
margin: 0;
}
.med-album-title{
padding: 3px 0 0 0;
width: 120px;
height: auto;
overflow: hidden;
margin: 3px;
float: left;
line-height: 12px;
}
.med-album-title-sc{
color: #fff;
font-size: 10px;
}
.med-album-actions{
text-align: left;
width: 30px;
height: 20px;
margin: 3px 0 ;
overflow: hidden;
float: left;
}
/* Documents */
.doc-row{
margin: 0 0 6px 0;
width: 678px;
height: 36px;
background: #fcfcfc;\
font-size: 12px;
}
.doc-row-title{
width: 342px;
height: 26px;
padding: 10px 0 0 18px;
float: left;
}
.doc-row-ext{
width: 36px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.doc-row-shortcode{
width: 108px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.doc-row-moveto{
width: 108px;
height: 29px;
padding: 7px 0 0 0;
overflow: hidden;
float: left;
}
.doc-row-actions{
width: 66px;
height: 31px;
padding: 5px 0 0 0;
float: left;
}
.doc-head-row{
background: #1178ad;
color: #fff;
}
.doc-head-row div{
padding-top: 10px;
height: 26px;
}
/* small libraries */
.small-lib-con{
position: absolute;
right: 0;
top: 0;
min-height: 450px;
width: 234px;
background: #082931;
float: left;
z-index: 50;
color: #fff;
}
.small-lib-menu{
width: 198px;
margin: 36px 0 36px 0;
padding: 0 18px 0 18px;
font-size: 12px;
font-weight: bold;
}
.small-lib-menu ul{
list-style: none;
margin: 0;
padding: 0;
}
.small-lib-menu ul li{
padding: 0;
margin: 0 6px 0 0;
float: left;
cursor: pointer;
}
.small-lib-menu-non-active{
color: #1178ad;
}
.small-lib-from-album{
font-size: 16px;
font-weight: bold;
}
.small-lib-thumbarea{
margin: 18px 0 18px 0;
width: 198px;
height: auto;
}
.small-lib-thumbRow{
margin: 0 0 6px 0;
width: 199px;
height: auto;
}
.small-lib-thumb{
margin: 0 6px 0 0 ;
width: 58px;
height: 58px;
border: 1px solid #fff;
float: left;
overflow: hidden;
cursor: pointer;
}
.small-lib-page-control-container{
margin: 18px 0 0 0;
height: 36px;
width: 198px;
font-size: 14px;
font-variant: small-caps;
font-weight: bold;
}
.small-lib-page-control-next{
cursor: pointer;
float: right;
}
.small-lib-page-control-previous{
cursor: pointer;
float: left;
}
.small-lib-hover{
position: absolute;
width: 122px;
height: 122px;
background: #fff;
border: 2px solid #1178ad;
z-index: 1000;
}
.small-lib-hover-img{
margin: 3px;
width: 116px;
height: 88px;
overflow: hidden;
}
.small-lib-hover-title{
font-size: 10px;
line-height: 11px;
margin: 3px;
width: 116px;
height: auto;
overflow: hidden;
}
.small-lib-doc-row{
margin: 6px 0 0 0;
width: 189px;
height: 25px;
padding: 11px 0 0 9px;
background: #0c3944;
cursor: pointer;
}
.small-lib-doc-row-ext{
font-size: 10px;
width: 30px;
height: auto;
float: left;
color: #1178ad;
}
.small-lib-doc-row-title{
width: 159px;
height: auto;
float: left;
}
/* Trash */
.trash-row{
margin: 0 0 6px 0;
width: 678px;
height: 36px;
background: #fcfcfc;
font-size: 12px;
}
.trash-row-cb{
width: 18px;
height: 26px;
padding: 10px 0 0 18px;
float: left;
}
.trash-row-title{
width: 342px;
height: 26px;
padding: 10px 0 0 18px;
float: left;
}
.trash-row-page{
width: 108px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.trash-head-row{
background: #1178ad;
color: #fff;
}
.trash-head-row div{
padding-top: 10px;
height: 26px;
}
/* profile */
.profile-row{
margin: 0 0 6px 0;
width: 432px;
height: 36px;
background: #fcfcfc;
font-size: 12px;
}
.profile-row-title{
font-weight: bold;
width: 182px;
height: 26px;
padding: 10px 0 0 18px;
float: left;
}
.profile-row-value{
width: 200px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.profile-row-action{
width: 32px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.profile-head-row{
font-size: 11px;
font-weight: bold;
background: #1178ad;
color: #fff;
margin: 36px 0 0 0;
width: 414px;
padding: 10px 0 0 18px;
height: 26px;
}
.profile-menu-link{
font-size: 14px;
color: #082931;
}
/* Add Pages */
.add-pages-row{
margin: 0 0 6px 0;
width: 678px;
height: 36px;
background: #fcfcfc;
font-size: 12px;
}
.add-pages-row-title{
width: 560px;
height: 26px;
padding: 10px 0 0 18px;
float: left;
}
.add-pages-row-actions{
width: 82px;
height: 21px;
padding: 15px 18px 0 0;
float: left;
text-align: right;
}
.add-pages-head-row{
background: #1178ad;
color: #fff;
}
.add-pages-head-row div{
padding-top: 10px;
height: 26px;
}
/* Add Edit */
.edit-pages-row{
margin: 0 0 6px 0;
width: 678px;
height: 36px;
background: #fcfcfc;
font-size: 12px;
}
.edit-pages-row-200{
width: 200px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.edit-pages-row-100{
width: 100px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.edit-pages-row-180{
width: 180px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.edit-pages-row-50{
width: 50px;
height: 26px;
padding: 10px 0 0 0;
float: left;
}
.edit-pages-row-actions{
width: 62px;
height: 21px;
padding: 15px 18px 0 0;
float: left;
text-align: right;
}
.edit-pages-head-row{
background: #1178ad;
color: #fff;
}
.edit-pages-head-row div{
padding-top: 10px;
height: 26px;
}
.formCheckLabel{
float: left;
margin: 0 0 0 6px;
}
/**** O V E R R I D E C L A S S E S ****/
.alignRight{
float: right;
}
.no-margin-right{
margin-right: 0;
}
.column-margin-right{
margin-right: 42px;
}
.column-margin-left{
margin-left: 18px;
}
.colum-margin-all{
margin: 18px;
}
.pages-group-icon{
margin-top: -6px;
}
.full-action-menu{
width: 678px;
margin-left: 18px;
}
.link{
cursor: pointer;
}
/* DAVID WALSH DD */
#sortable-list { padding:0; }
#sortable-list li {
padding: 4px 8px;
color: #1178ad;
cursor: move;
list-style: none;
width: 500px;
background: #fff;
margin: 10px 0;
border: 1px solid #999;
}
#sortable-list li.li-photo {
padding: 0;
color: #1178ad;
cursor: move;
list-style: none;
width: 100px;
background: #fff;
margin: 10px 10px;
border: 1px solid #fff;
float: left;
}
.blocked-ip{
height: auto;
width: 100%;
color: #666;
}