.widget-size-300 { width:298px; } .widget-box { background-color: #FFF; overflow: hidden; min-width: 300px; margin: 0 0 5px 5px; position:relative; } .widget-box .widget-title { margin: 0; font-size: 1.5em; line-height: 1.5em; color: #FFF; padding-left: 5px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background-image: -moz-linear-gradient(top, #B7B7B7, #9d9d9d); background-image: -ms-linear-gradient(top, #B7B7B7, #9d9d9d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B7B7B7), to(#9d9d9d)); background-image: -webkit-linear-gradient(top, #B7B7B7, #9d9d9d); background-image: -o-linear-gradient(top, #B7B7B7, #9d9d9d); background-image: linear-gradient(top, #B7B7B7, #9d9d9d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7', endColorstr='#9d9d9d', GradientType=0); } .widget-box .widget-title [class^="icons-"] { margin: 3px 5px 0 2px; } .widget-box .widget-content { padding: 10px; border-width: 0 1px 1px; border-style: solid; border-color: #CCCCCC; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .widget-box .form-horizontal .control-group > label { width: 50px; } .widget-box .form-horizontal .controls { margin-left: 60px; } .widget-action { position:absolute; right:1px; top:4px; } .action { float: left; display:inline-block; margin-right: 5px; opacity: 0.8; filter: alpha(opacity:80); color: #FFF; } .action:hover { opacity: 1; filter: alpha(opacity:100); cursor: pointer; color: #FFF; text-decoration: none; } .select-role { display:none; overflow:hidden; } .file-upload { position:relative; overflow: hidden; } .file-upload .file-name { white-space: nowrap; overflow: hidden; border-style: solid; border-width: 1px 1px 1px 0; border-color: #CCC; display: inline-block; padding: 4px 10px; height: 20px; line-height: 18px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; text-align: left; margin: 0; width: 175px; } .file-upload .upload { margin:0; padding:0; position:absolute; top: 0; left:0; opacity:.0; font-size: 60px; left: -595px/9; filter: alpha(opacity: 0); outline: none; } .file-upload .upload:focus { position:absolute; } .upload-picture { margin-bottom: 5px; text-align: center; width: 276px; overflow: hidden; height: 90px; } .upload-picture img { left: 0; margin-top: -15%; width: 100%; } .widget-box .widgetInfo { display: inline-block; text-align: center; width: 255px; margin : 0px 0 5px; padding: 5px 10px; } .file-upload .input-medium { border-radius: 3px 3px 3px 3px !important; width: 263px; position: relative; z-index: 5; } #widget-link table { margin-bottom:0 } /*Date*/ .showDate { border-style: solid; border-width: 1px 0 1px 1px; border-color: #CCC; display: inline-block; float: left; padding: 4px 10px; height: 18px; line-height: 18px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; text-align: center; } .calendarInput { position: absolute; visibility: hidden; left: 11px; }