/* Random Winner Table Row */ .randomWinner { background: url("../img/featured-star-bg.png") no-repeat scroll 100% 0 #FCCDBD !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -webkit-transition: background-color 0.3s linear; padding-top: 10px; padding-bottom: 10px; } /* Admin Sidebar */ .admin-sidebar { position: absolute; top: 0; left: -215px; width: 200px; /*height: 100%;*/ overflow: auto; padding: 0 5px; margin: 0; background-color: #fff; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; } .admin-sidebar .admin-nav { list-style: none; position: relative; margin: 0; padding: 0; } .admin-nav li{ /* these are required, but the values are up to you (must be pixel) */ width: 100%; display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .admin-nav.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 5px; /*Set to same as spacing option. */ float: left; } .admin-nav.vertical li{ /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-bottom: 5px; /*Set to same as spacing option. */ } #kwick_1 { background-color: #B5DFF2; border: 1px solid #7ACEF2; } #kwick_2 { background-color: #D8B7F3; border: 1px solid #BD7EF3; } #kwick_3 { background-color: #FFFCBB; border: 1px solid #FFF97B; } #kwick_4 { background-color: #FFDFBB; border: 1px solid #FFC17B; } .admin-nav.horizontal #kwick_4 { margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */ } .admin-nav.vertical #kwick_4 { margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */ } .admin-nav .subsection { padding-left: 5px; font-size: 11px; line-height: 12px; } .admin-nav .subsection a { padding-right: 3px; white-space: nowrap; } .admin-sidebar dt { background-color: #eeeeee; padding: 4px 4px 4px 8px; vertical-align: middle; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; } .admin-sidebar dd { margin-left: 8px; } .admin-sidebar input { font-size: 10px; line-height: 10px; padding: 1px; margin: 0; width: 50px; border-color: #DDDDDD; } /* chrome only sidebar scrollbar styling */ #content-main ::-webkit-scrollbar { width: 12px; } #content-main ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } #content-main ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } /* Neat-Array (copied from debug_kit) */ .neat-array { display: none; } .neat-array.depth-0 { display: block; } .neat-array { padding: 1px 2px 1px 20px; background: #CE9E23; list-style: none; margin: 0 0 1em 0; } .neat-array .neat-array { padding: 0 0 0 20px; margin:0; border-top:1px solid #CE9E23; } .neat-array li { background: #FEF6E5; border-top: 1px solid #CE9E23; border-bottom: 1px solid #CE9E23; margin: 0; line-height: 1.5em; } .neat-array li:hover { background: #fff; } .neat-array li strong { padding: 0 8px; font-weight: bold; } /* Neat-Array (copied from debug_kit) expandable sections */ .neat-array li.expandable { cursor: pointer; } .neat-array .expanded { border-bottom:0; } .neat-array li.expandable.expanded > strong:before { content: 'v '; } .neat-array li.expandable.collapsed > strong:before, .neat-array li.expandable.expanded .expandable.collapsed > strong:before { content: '> '; } .neat-array li { cursor: default; } /* admin-eip */ .admin-eip, .admin-eip-on { background: #eee url('https://5793188a397439c655cb-1d54a9f7dcbd22be5a38040f9c959e7f.ssl.cf2.rackcdn.com/images/admin-icon-tiny.gif') no-repeat right bottom; vertical-align: top; } .admin-eip-on a { font-size: 12px; } .admin-eip-on a.tip { font-size: 11px; } .admin-eip-on textarea { vertical-align: top; } /* admin-table */ td.table-third { width:33%; } .badge-count, .badge-count-notify { background: #f93822; } .badge-count-notify { position: relative; top: -12px; left: -12px; } /* tooltip */ /* div.tooltip { background-color:#000; border:1px solid #fff; padding:10px 15px; width:200px; display:none; color:#fff; text-align:left; font-size:12px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; } .tooltip-bubble { display:none; color:#fff;width:169px;height:72px;background:transparent url(/img/bubbles/black_arrow.png) no-repeat bottom left; padding:30px 20px 20px 20px;text-align:center;z-index:1000;} .tooltip-bubble-big {display:none; color:#fff;width:370px;height:170px;background:transparent url(/img/bubbles/black_arrow_big.png) no-repeat bottom left; padding:40px 30px 30px 30px;text-align:center;z-index:1000;} .tooltip-bubble .label { color:yellow; width:35px; } .tooltip-bubble a { color:#ad4; font-size:11px; font-weight:bold; }*/ /* ----------------------------------------------------------- media queries ----------------------------------------------------------- */ @media screen and (max-width: 1500px) { .with-sidebar-layouts-sidebar-admin { position: relative; left: 100px; } } @media screen and (max-width: 1200px) { .with-sidebar-layouts-sidebar-admin { position: relative; left: 0px; } .with-sidebar-layouts-sidebar-admin article { padding-left: 220px; width: 710px; } .admin-sidebar { left: 0px; } } @media screen and (max-width: 960px) { .with-sidebar-layouts-sidebar-admin { position: relative; left: 0px; } .with-sidebar-layouts-sidebar-admin article { padding-left: 200px; width: 710px; } .admin-sidebar { left: 0px; font-size: 90%; width: 180px; } } @media screen and (max-width: 480px) { .with-sidebar-layouts-sidebar-admin { position: relative; left: 0px; min-width: 100%; } .with-sidebar-layouts-sidebar-admin article { padding-left: 0px; min-width: 100%; } .admin-sidebar { left: 0px; min-width: 100%; position: relative; } }