.cnf-panel{ .control-group { margin-bottom: 10px !important; } } .cnf-display-wrapper{ display:block; width: 828px; } /* focus pattern */ .cnf-display-wrapper .focus-preview{ display: inline-flex; padding: 0; } .image-newsfocus-prev { background: url("images/thumbnail-l.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 300px; width: 450px; } .newsfocus-items-prev { display: block; width: 350px; .newsfocus-item{ display: block; padding: 0 0 20px 10px; .img-simulation{ background: url("images/thumbnail-s.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 60px; width: 80px; } .text-simulation { background: url("images/text-simulation.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 60px; width: 200px; } } } /* block pattern */ .cnf-display-wrapper .block-preview{ background-color: #ededed; border: 1px solid #ccc; border-radius: 5px; display: inline-block; max-height: 303px; overflow-y: auto; padding: 20px 10px 10px; position: relative; width: 390px; .control-group { margin-bottom: 0 !important; } } .image-newsblock-prev { background: url("images/block-thumbnail.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 245px; margin-bottom: 10px; width: 645px; } .block-title{ display: block; } .block-title-input{ height: 16px !important; width: 356px !important; } .add-block{ display: block; margin-bottom: 10px; } .remove-block { cursor: pointer; position: absolute; right: 0; top: 0; } /* List pattern */ .image-newslist-prev{ background: url("images/list-thumbnail.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 400px; margin-bottom: 10px; width: 350px; } /* query rule */ .query-condition{ float: left; width: 600px; .query-label{ margin:0 5px; } } .cnf-tags-selector{ float: left; width: 350px; } .cfn-categories-selector{ float: left; width: 350px; }