diff --git a/app/assets/stylesheets/lib/main-forms.css b/app/assets/stylesheets/lib/main-forms.css index 64316d7..9c67f15 100644 --- a/app/assets/stylesheets/lib/main-forms.css +++ b/app/assets/stylesheets/lib/main-forms.css @@ -1,664 +1,651 @@ -.main-forms > h3 { - margin: 5px 0 10px; - color: #333; - text-shadow: 0 1px 0 #ffffff; - font-family: 'Playfair Display SC', sans-serif; -} - -.main-forms fieldset { - background-color: #FFFFFF; - border: 1px solid #EDEDED; - margin-bottom: 20px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.main-forms fieldset .input-area { - padding: 20px 20px 0; -} - -.main-forms fieldset .input-area:after { - content: ""; - clear: both; - display: block; - height: 0; - visibility: hidden; -} - -.main-forms fieldset .input-area .nav-name { - float: left; - width: 100px; - padding-top: 5px; - text-align: right; - display: block; - margin-bottom: 5px; - font-size: 14px; - font-weight: normal; - line-height: 20px; -} - -.main-forms fieldset .input-area .controls textarea { - max-width: 500px; - max-height: 300px; - min-height: 86px; -} - -.main-forms fieldset .input-area .controls textarea.cke_source { - max-width: 100%; - max-height: 100%; -} - -.main-forms fieldset .input-area .controls hr { - margin: 5px 0 10px; -} - -.main-forms fieldset .input-area .controls h5 { - margin: 5px 0; -} - -.main-forms fieldset .input-area .controls .file-link { - margin-right: 10px; - display: inline-block; - width: 177px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.main-forms fieldset .input-area .controls .input-prepend { - margin-bottom: 5px; -} - -.main-forms fieldset .input-area .controls .input-prepend .btn-group { - padding: 4px 12px; -} - -.main-forms fieldset .input-area .controls .input-prepend .btn-group { - padding: 4px 12px; -} - -.main-forms fieldset .input-area .controls .input-prepend .btn-group .radio input[type="radio"], -.main-forms fieldset .input-area .controls .input-prepend .btn-group .checkbox input[type="checkbox"] { - margin: 5px 5px 0 0; -} - -.main-forms fieldset .input-area .controls .input-prepend .btn-group li { - text-align: left; - padding: 3px 10px; -} - -.main-forms fieldset .input-area .controls .input-prepend .btn-group li label { - padding-left: 5px; - display: block; -} - -.main-forms fieldset .input-area .controls .exist .input-prepend .btn-group:hover .dropdown-menu, -.main-forms fieldset .input-area .controls .add-target .input-prepend .btn-group:hover .dropdown-menu { - display: block; -} - -.main-forms fieldset .input-area .controls .exist .input-prepend, -.main-forms fieldset .input-area .controls .add-target .input-prepend { - margin-bottom: 10px; - display: inline-block; -} - -.main-forms fieldset .input-area .controls .exist .fileupload-new { - display: block; -} - -.main-forms fieldset .input-area .controls .exist .fileupload-new .input-prepend { - display: inline-block; -} - -.main-forms fieldset .input-area .controls .input-prepend a { - text-decoration: none; - color: #333333; -} - -.main-forms fieldset .input-area .controls .input-prepend .tab-content > .active { - display: inline-block; -} - -.main-forms fieldset .input-area .controls .add-btn { - margin: 3px 0; -} - -.main-forms fieldset .input-area .fileupload { - margin-right: 15px; - margin-bottom: 0; -} - -.main-forms fieldset .input-area .datetimepick { - margin-right: 5px; - margin-bottom: 5px; -} - -.main-forms fieldset .input-area .datetimepick .add-on { - line-height: 24px; - cursor: pointer; -} - -.main-forms fieldset .input-area .language-area .input-content .mceLayout { - width: 100%!important; -} - -.main-forms fieldset .input-area .module-nav, -.main-forms fieldset .input-area .language-nav { - margin: 0 0 20px; - padding: 0 0 15px 120px; - border-bottom: 1px solid #ddd; -} - -.main-forms fieldset .input-area .module-nav li, -.main-forms fieldset .input-area .language-nav li { - position: relative; -} - -.main-forms fieldset .input-area .module-nav li.active:before, -.main-forms fieldset .input-area .module-nav li.active:after, -.main-forms fieldset .input-area .language-nav li.active:before, -.main-forms fieldset .input-area .language-nav li.active:after { - display: block; - height: 0px; - width: 0px; - position: absolute; - bottom: -15px; - left: 50%; - margin-left: -5px; - content: ""; - border-style: solid; - border-width: 0 6px 6px 6px; - border-color: transparent transparent #EDEDED transparent; - z-index: 5 -} - -.main-forms fieldset .input-area .module-nav li.active:after { - display: none; -} - -.main-forms fieldset .input-area .language-nav li.active:after { - bottom: -16px; - margin-left: -4px; - border-width: 0 5px 5px 5px; - border-color: transparent transparent #FFFFFF transparent; -} - -.main-forms fieldset .input-area .module-nav { - margin-bottom: 0; - border-bottom: none; -} - -.main-forms fieldset .input-area .language-area, -.main-forms fieldset .input-area .module-area { - overflow: visible; -} - -.main-forms fieldset .input-area .module-area { - padding-top: 20px; - margin-bottom: 40px; - background-color: #EDEDED; - border-radius: 5px; - overflow: hidden; -} - -.main-forms fieldset .form-actions { - /*padding-left: 140px;*/ - - padding-left: 200px; - margin: 0px; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} - -.main-forms fieldset .input-area .nav-scroll { - margin-left: 120px; - width: 800px; - position: relative; - z-index: 1; - overflow: hidden; -} - -.main-forms fieldset .input-area .nav-scroll .scroller { - width: 1000px; - height: 100%; - float: left; - padding: 0; -} - -.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] label { - position: relative; - margin: 0 0 5px; -} - -.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="radio"], -.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="checkbox"] { - margin-left: 0; - margin-top: 0; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - display: block; - opacity: 0; - filter: alpha(opacity=0); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} - -.main-forms fieldset .input-area .question { - margin-top: 5px; -} -/* User Role Forms */ - -#attributes-area.clickHere { - min-height: 150px; - position: relative; -} - -#attributes-area.clickHere:before { - font-family: 'entypo'; - content: '\e0be'; - position: absolute; - font-size: 8em; - display: block; - bottom: 50px; - left: 175px; - color: #51a351; - opacity: .4; - filter: alpha(opacity=40); -} - -.main-forms .input-append .tab-content { - display: inline-block; - overflow: inherit; -} - -.main-forms .input-append .tab-content .active { - display: inline-block; - background-color: transparent; -} - -.main-forms .input-append .active { - border-color: #c5c5c5; - border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); -} - -.main-forms .input-append > .btn-group > .btn:first-child { - margin-left: -1px; - -webkit-border-bottom-left-radius: 0px; - border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 0px; - border-top-left-radius: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 0px; -} - -.main-forms .attributes { - padding-bottom: 20px; -} - -.main-forms .attributes .tab-content { - overflow: inherit; -} - -.main-forms .attributes.disabled label, -.main-forms .attributes.disabled h4 { - color: #e6e6e6; -} - -.main-forms .attributes-header { - border-bottom: 1px solid #ddd; - margin-bottom: 20px; - padding-bottom: 10px; -} - -.main-forms .attributes-header .btn { - margin-left: 5px; -} - -.main-forms .attributes-header h4 { - font-family: 'Chivo'; - line-height: 26px; - margin: 0; -} - -.main-forms .attributes-header h4 b { - padding: 0 1px; - border-style: dotted; - border-width: 0 2px; - border-color: #AAA; - margin-right: 5px; - cursor: move; -} - -.main-forms .attributes-header h4 i { - cursor: pointer; -} - -.main-forms .field-type { - background-color: #f5f5f5; - border-radius: 5px; - margin-bottom: 20px; - padding: 10px; -} - -.main-forms .field-type.fade { - padding: 0px 10px; - -webkit-transition: all 0.15s linear; - -moz-transition: all 0.15s linear; - -o-transition: all 0.15s linear; - transition: all 0.15s linear; -} - -.main-forms .field-type.in { - padding: 20px 10px; - -webkit-transition: all 0.15s linear; - -moz-transition: all 0.15s linear; - -o-transition: all 0.15s linear; - transition: all 0.15s linear; -} - -.main-forms .field-type .control-group { - margin-bottom: 20px; - margin-top: 0px; -} - -.main-forms .field-type .control-group:last-child { - margin-bottom: 10px; -} - -#user-forms .control-group .add-target .input-append, -.main-forms .field-type .control-group .add-target .input-append { - display: block; - margin-bottom: 10px; -} - -.main-forms .field-type .control-group .add-target .input-append:first-child { - margin-top: 0px; -} - -.main-forms .field-type .control-group .add-target .input-append input + input { - border-radius: 0; - margin-left: -1px; -} - -.main-forms .field-type .control-group .add-target.single .input-append input.last, -.main-forms .control-group .add-target .btn-group .btn.last { - border-radius: 0 4px 4px 0; -} - -.main-forms .parts-none { - width: 100%; - text-align: center; - padding: 50px 0 70px; - font-size: 2em; -} - -.main-forms .display-mode .typesetting { - margin: 0 0 10px 0; -} - -.main-forms .display-mode table td:last-child { - text-align: right; -} - -.main-forms .display-mode .typesetting li { - display: inline-block; - float: left; - width: 120px; - position: relative; - padding: 2px; - text-align: center; -} - -.main-forms .display-mode .typesetting li + li { - margin-left: 10px; -} - -.main-forms .display-mode .typesetting li.active { - padding: 0; - width: 124px; -} - -.main-forms .display-mode .typesetting li.active:after { - font-family: FontAwesome; - content: "\f00c"; - font-size: 12px; - text-indent: 15px; - line-height: 18px; - color: #FFF; - position: absolute; - top: 2px; - right: 2px; - width: 0px; - height: 0px; - border-style: solid; - border-width: 0 30px 30px 0; - border-color: transparent #FFA307 transparent transparent; - z-index: 1; -} - -.main-forms .display-mode .typesetting li.active img { - border-radius: 5px; - background-color: #FFA307; - padding: 2px; -} - -.main-forms .display-mode .typesetting img { - width: 120px; - height: 120px; -} - -.main-forms .display-mode .typesetting input[type="radio"] { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0)0; - opacity: 0; - position: absolute; - width: 100%; - height: 100%; - margin: 0; -} - -.main-forms .display-mode .typesetting .style_description { - display: block; - line-height: 1.2em; - font-size: 12px; - color: #686868; - padding-top: 10px; -} - -#user-forms .control-group .add-target .input-append input.last { - border-radius: 4px; -} - -.textarea-lang { - display: inline-block; - position: relative; -} - -.textarea-lang .ui-wrapper { - padding-bottom: 0!important; -} - -.textarea-lang .ui-resizable-handle { - position: absolute; - font-size: 0.1px; - display: block; -} - -.textarea-lang .ui-resizable-se { - cursor: se-resize; - right: 1px; - bottom: 1px; - width: 0px; - height: 0px; - border-style: solid; - border-width: 0 0 8px 8px; - border-color: transparent transparent #bcbcbc transparent; -} - -.textarea-lang .tab-pane textarea { - border-radius: 0 0 4px 4px; -} - -.textarea-lang .btn-group { - display: table; - width: 100%; -} - -.textarea-lang .btn-group .btn { - display: table-cell; -} - -.textarea-lang .btn-group > .btn:first-child { - border-radius: 4px 0 0 0; -} - -.textarea-lang .btn-group > .btn:last-child { - border-radius: 0 4px 0 0; -} - -#address-field .control-label { - width: 120px; -} - -#address-field .controls { - margin-left: 140px; -} - -#sideset ul.mobile-themes, -#sideset ul.orbitbar-themes { - list-style: none; - margin: 0; -} - -#sideset ul.mobile-themes:after { - content: ""; - clear: both; - display: block; - visibility: hidden; -} - -#sideset ul.mobile-themes li, -#sideset ul.orbitbar-themes li { - position: relative; - margin-right: 10px; - margin-bottom: 10px; - overflow: hidden; - padding: 5px; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70); - opacity: .7; -} - -#sideset ul.mobile-themes li { - float: left; - display: inline-block; - width: 160px; - height: 240px; -} - -#sideset ul.orbitbar-themes li { - width: 500px; - height: 40px; -} - -#sideset ul.mobile-themes li.active, -#sideset ul.orbitbar-themes li.active { - border: 5px solid #0088cc; - border-radius: 5px; - padding: 0px; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); - opacity: 1; -} - -#sideset ul.mobile-themes li.active:after, -#sideset ul.orbitbar-themes li.active:after { - font-family: FontAwesome; - content: "\f00c"; - font-size: 15px; - text-indent: 20px; - line-height: 25px; - color: #FFF; - position: absolute; - top: 0; - right: 0; - width: 0px; - height: 0px; - border-style: solid; - border-width: 0 40px 40px 0; - border-color: transparent #0088cc transparent transparent; - z-index: 1; -} - -#sideset ul.mobile-themes li img { - width: 160px; - height: 240px; -} - -#sideset ul.mobile-themes li input[type="radio"], -#sideset ul.orbitbar-themes li input[type="radio"] { - margin-top: 0px; - position: absolute; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); - opacity: 0; - display: block; -} - -#sideset ul.mobile-themes li input[type="radio"] { - width: 160px; - height: 240px; -} - -#sideset ul.orbitbar-themes li input[type="radio"] { - width: 500px; - height: 40px; -} - -#sideset blockquote { - margin-bottom: 30px; -} - -.downloaded_times { - display: inline-block; - font-size: 14px; - height: 30px; - line-height: 30px; - padding-left: 10px; - vertical-align: top; -} -/* Responsive */ - -@media (max-width: 480px) { - .main-forms fieldset .input-area .nav-name { - float: none; - width: auto; - padding-top: 0; - text-align: left; - } - .main-forms fieldset .input-area .module-area { - padding: 20px; - } - .main-forms fieldset .input-area .module-nav, - .main-forms fieldset .input-area .language-nav { - padding: 0 0 15px 0px; - } - .main-forms fieldset .form-actions { - padding-right: 20px; - padding-left: 20px; - } - .main-forms fieldset .input-area .control-label { - width: auto; - } - .main-forms fieldset .input-area .controls { - margin-left: 0; - } - .main-forms fieldset .form-actions { - padding-left: 20px; - } -} +.main-forms > h3 { + margin: 5px 0 10px; + color: #333; + text-shadow: 0 1px 0 #ffffff; + font-family: 'Playfair Display SC', sans-serif; +} + +.main-forms fieldset { + background-color: #FFFFFF; + border: 1px solid #EDEDED; + margin-bottom: 20px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.main-forms fieldset .input-area { + padding: 20px 20px 0; +} + +.main-forms fieldset .input-area:after { + content: ""; + clear: both; + display: block; + height: 0; + visibility: hidden; +} + +.main-forms fieldset .input-area .nav-name { + float: left; + width: 100px; + padding-top: 5px; + text-align: right; + display: block; + margin-bottom: 5px; + font-size: 14px; + font-weight: normal; + line-height: 20px; +} + +.main-forms fieldset .input-area .controls textarea { + max-width: 500px; + max-height: 300px; + min-height: 86px; +} + +.main-forms fieldset .input-area .controls textarea.cke_source { + max-width: 100%; + max-height: 100%; +} + +.main-forms fieldset .input-area .controls hr { + margin: 5px 0 10px; +} + +.main-forms fieldset .input-area .controls h5 { + margin: 5px 0; +} + +.main-forms fieldset .input-area .controls .file-link { + margin-right: 10px; + display: inline-block; + width: 177px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.main-forms fieldset .input-area .controls .input-prepend { + margin-bottom: 5px; +} + +.main-forms fieldset .input-area .controls .input-prepend .btn-group { + padding: 4px 12px; +} + +.main-forms fieldset .input-area .controls .input-prepend .btn-group { + padding: 4px 12px; +} + +.main-forms fieldset .input-area .controls .input-prepend .btn-group .radio input[type="radio"], +.main-forms fieldset .input-area .controls .input-prepend .btn-group .checkbox input[type="checkbox"] { + margin: 5px 5px 0 0; +} + +.main-forms fieldset .input-area .controls .input-prepend .btn-group li { + text-align: left; + padding: 3px 10px; +} + +.main-forms fieldset .input-area .controls .input-prepend .btn-group li label { + padding-left: 5px; + display: block; +} + +.main-forms fieldset .input-area .controls .exist .input-prepend .btn-group:hover .dropdown-menu, +.main-forms fieldset .input-area .controls .add-target .input-prepend .btn-group:hover .dropdown-menu { + display: block; +} + +.main-forms fieldset .input-area .controls .exist .input-prepend, +.main-forms fieldset .input-area .controls .add-target .input-prepend { + margin-bottom: 10px; + display: inline-block; +} + +.main-forms fieldset .input-area .controls .exist .fileupload-new { + display: block; +} + +.main-forms fieldset .input-area .controls .exist .fileupload-new .input-prepend { + display: inline-block; +} + +.main-forms fieldset .input-area .controls .input-prepend a { + text-decoration: none; + color: #333333; +} + +.main-forms fieldset .input-area .controls .input-prepend .tab-content > .active { + display: inline-block; +} + +.main-forms fieldset .input-area .controls .add-btn { + margin: 3px 0; +} + +.main-forms fieldset .input-area .fileupload { + margin-right: 15px; + margin-bottom: 0; +} + +.main-forms fieldset .input-area .datetimepick { + margin-right: 5px; + margin-bottom: 5px; +} + +.main-forms fieldset .input-area .datetimepick .add-on { + line-height: 24px; + cursor: pointer; +} + +.main-forms fieldset .input-area .language-area .input-content .mceLayout { + width: 100%!important; +} + +.main-forms fieldset .input-area .module-nav, +.main-forms fieldset .input-area .language-nav { + margin: 0 0 20px; + padding: 0 0 15px 120px; + border-bottom: 1px solid #ddd; +} + +.main-forms fieldset .input-area .module-nav li, +.main-forms fieldset .input-area .language-nav li { + position: relative; +} + +.main-forms fieldset .input-area .module-nav li.active:before, +.main-forms fieldset .input-area .module-nav li.active:after, +.main-forms fieldset .input-area .language-nav li.active:before, +.main-forms fieldset .input-area .language-nav li.active:after { + display: block; + height: 0px; + width: 0px; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -5px; + content: ""; + border-style: solid; + border-width: 0 6px 6px 6px; + border-color: transparent transparent #EDEDED transparent; + z-index: 5 +} + +.main-forms fieldset .input-area .module-nav li.active:after { + display: none; +} + +.main-forms fieldset .input-area .language-nav li.active:after { + bottom: -16px; + margin-left: -4px; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #FFFFFF transparent; +} + +.main-forms fieldset .input-area .module-nav { + margin-bottom: 0; + border-bottom: none; +} + +.main-forms fieldset .input-area .language-area, +.main-forms fieldset .input-area .module-area { + overflow: visible; +} + +.main-forms fieldset .input-area .module-area { + padding-top: 20px; + margin-bottom: 40px; + background-color: #EDEDED; + border-radius: 5px; + overflow: hidden; +} + +.main-forms fieldset .form-actions { + padding-left: 200px; + margin: 0px; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.main-forms fieldset .input-area .nav-scroll { + margin-left: 120px; + width: 800px; + position: relative; + z-index: 1; + overflow: hidden; +} + +.main-forms fieldset .input-area .nav-scroll .scroller { + width: 1000px; + height: 100%; + float: left; + padding: 0; +} + +.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] label { + position: relative; + margin: 0 0 5px; +} + +.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="radio"], +.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="checkbox"] { + margin-left: 0; + margin-top: 0; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: block; + opacity: 0; +} + +.main-forms fieldset .input-area .question { + margin-top: 5px; +} +/* User Role Forms */ + +#attributes-area.clickHere { + min-height: 150px; + position: relative; +} + +#attributes-area.clickHere:before { + font-family: 'entypo'; + content: '\e0be'; + position: absolute; + font-size: 8em; + display: block; + bottom: 50px; + left: 175px; + color: #51a351; + opacity: .4; +} + +.main-forms .input-append .tab-content { + display: inline-block; + overflow: inherit; +} + +.main-forms .input-append .tab-content .active { + display: inline-block; + background-color: transparent; +} + +.main-forms .input-append .active { + border-color: #c5c5c5; + border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); +} + +.main-forms .input-append > .btn-group > .btn:first-child { + margin-left: -1px; + -webkit-border-bottom-left-radius: 0px; + border-bottom-left-radius: 0px; + -webkit-border-top-left-radius: 0px; + border-top-left-radius: 0px; + -moz-border-radius-bottomleft: 0px; + -moz-border-radius-topleft: 0px; +} + +.main-forms .attributes { + padding-bottom: 20px; +} + +.main-forms .attributes .tab-content { + overflow: inherit; +} + +.main-forms .attributes.disabled label, +.main-forms .attributes.disabled h4 { + color: #e6e6e6; +} + +.main-forms .attributes-header { + border-bottom: 1px solid #ddd; + margin-bottom: 20px; + padding-bottom: 10px; +} + +.main-forms .attributes-header .btn { + margin-left: 5px; +} + +.main-forms .attributes-header h4 { + font-family: 'Chivo'; + line-height: 26px; + margin: 0; +} + +.main-forms .attributes-header h4 b { + padding: 0 1px; + border-style: dotted; + border-width: 0 2px; + border-color: #AAA; + margin-right: 5px; + cursor: move; +} + +.main-forms .attributes-header h4 i { + cursor: pointer; +} + +.main-forms .field-type { + background-color: #f5f5f5; + border-radius: 5px; + margin-bottom: 20px; + padding: 10px; +} + +.main-forms .field-type.fade { + padding: 0px 10px; + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + -o-transition: all 0.15s linear; + transition: all 0.15s linear; +} + +.main-forms .field-type.in { + padding: 20px 10px; + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + -o-transition: all 0.15s linear; + transition: all 0.15s linear; +} + +.main-forms .field-type .control-group { + margin-bottom: 20px; + margin-top: 0px; +} + +.main-forms .field-type .control-group:last-child { + margin-bottom: 10px; +} + +#user-forms .control-group .add-target .input-append, +.main-forms .field-type .control-group .add-target .input-append { + display: block; + margin-bottom: 10px; +} + +.main-forms .field-type .control-group .add-target .input-append:first-child { + margin-top: 0px; +} + +.main-forms .field-type .control-group .add-target .input-append input + input { + border-radius: 0; + margin-left: -1px; +} + +.main-forms .field-type .control-group .add-target.single .input-append input.last, +.main-forms .control-group .add-target .btn-group .btn.last { + border-radius: 0 4px 4px 0; +} + +.main-forms .parts-none { + width: 100%; + text-align: center; + padding: 50px 0 70px; + font-size: 2em; +} + +.main-forms .display-mode .typesetting { + margin: 0 0 10px 0; +} + +.main-forms .display-mode table td:last-child { + text-align: right; +} + +.main-forms .display-mode .typesetting li { + display: inline-block; + float: left; + width: 120px; + position: relative; + padding: 2px; + text-align: center; +} + +.main-forms .display-mode .typesetting li + li { + margin-left: 10px; +} + +.main-forms .display-mode .typesetting li.active { + padding: 0; + width: 124px; +} + +.main-forms .display-mode .typesetting li.active:after { + font-family: FontAwesome; + content: "\f00c"; + font-size: 12px; + text-indent: 15px; + line-height: 18px; + color: #FFF; + position: absolute; + top: 2px; + right: 2px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 0 30px 30px 0; + border-color: transparent #FFA307 transparent transparent; + z-index: 1; +} + +.main-forms .display-mode .typesetting li.active img { + border-radius: 5px; + background-color: #FFA307; + padding: 2px; +} + +.main-forms .display-mode .typesetting img { + width: 120px; + height: 120px; +} + +.main-forms .display-mode .typesetting input[type="radio"] { + opacity: 0; + position: absolute; + width: 100%; + height: 100%; + margin: 0; +} + +.main-forms .display-mode .typesetting .style_description { + display: block; + line-height: 1.2em; + font-size: 12px; + color: #686868; + padding-top: 10px; +} + +#user-forms .control-group .add-target .input-append input.last { + border-radius: 4px; +} + +.textarea-lang { + display: inline-block; + position: relative; +} + +.textarea-lang .ui-wrapper { + padding-bottom: 0!important; +} + +.textarea-lang .ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; +} + +.textarea-lang .ui-resizable-se { + cursor: se-resize; + right: 1px; + bottom: 1px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 0 0 8px 8px; + border-color: transparent transparent #bcbcbc transparent; +} + +.textarea-lang .tab-pane textarea { + border-radius: 0 0 4px 4px; +} + +.textarea-lang .btn-group { + display: table; + width: 100%; +} + +.textarea-lang .btn-group .btn { + display: table-cell; +} + +.textarea-lang .btn-group > .btn:first-child { + border-radius: 4px 0 0 0; +} + +.textarea-lang .btn-group > .btn:last-child { + border-radius: 0 4px 0 0; +} + +#address-field .control-label { + width: 120px; +} + +#address-field .controls { + margin-left: 140px; +} + +#sideset ul.mobile-themes, +#sideset ul.orbitbar-themes { + list-style: none; + margin: 0; +} + +#sideset ul.mobile-themes:after { + content: ""; + clear: both; + display: block; + visibility: hidden; +} + +#sideset ul.mobile-themes li, +#sideset ul.orbitbar-themes li { + position: relative; + margin-right: 10px; + margin-bottom: 10px; + overflow: hidden; + padding: 5px; + opacity: .7; +} + +#sideset ul.mobile-themes li { + float: left; + display: inline-block; + width: 160px; + height: 240px; +} + +#sideset ul.orbitbar-themes li { + width: 500px; + height: 40px; +} + +#sideset ul.mobile-themes li.active, +#sideset ul.orbitbar-themes li.active { + border: 5px solid #0088cc; + border-radius: 5px; + padding: 0px; + opacity: 1; +} + +#sideset ul.mobile-themes li.active:after, +#sideset ul.orbitbar-themes li.active:after { + font-family: FontAwesome; + content: "\f00c"; + font-size: 15px; + text-indent: 20px; + line-height: 25px; + color: #FFF; + position: absolute; + top: 0; + right: 0; + width: 0px; + height: 0px; + border-style: solid; + border-width: 0 40px 40px 0; + border-color: transparent #0088cc transparent transparent; + z-index: 1; +} + +#sideset ul.mobile-themes li img { + width: 160px; + height: 240px; +} + +#sideset ul.mobile-themes li input[type="radio"], +#sideset ul.orbitbar-themes li input[type="radio"] { + margin-top: 0px; + position: absolute; + opacity: 0; + display: block; +} + +#sideset ul.mobile-themes li input[type="radio"] { + width: 160px; + height: 240px; +} + +#sideset ul.orbitbar-themes li input[type="radio"] { + width: 500px; + height: 40px; +} + +#sideset blockquote { + margin-bottom: 30px; +} + +.downloaded_times { + display: inline-block; + font-size: 14px; + height: 30px; + line-height: 30px; + padding-left: 10px; + vertical-align: top; +} +/* Responsive */ + +@media (max-width: 480px) { + .main-forms fieldset .input-area .nav-name { + float: none; + width: auto; + padding-top: 0; + text-align: left; + } + .main-forms fieldset .input-area .module-area { + padding: 20px; + } + .main-forms fieldset .input-area .module-nav, + .main-forms fieldset .input-area .language-nav { + padding: 0 0 15px 0px; + } + .main-forms fieldset .form-actions { + padding-right: 20px; + padding-left: 20px; + } + .main-forms fieldset .input-area .control-label { + width: auto; + } + .main-forms fieldset .input-area .controls { + margin-left: 0; + } + .main-forms fieldset .form-actions { + padding-left: 20px; + } +} diff --git a/app/views/admin/members/_user_profile.html.erb b/app/views/admin/members/_user_profile.html.erb index 629a041..66ad1f3 100644 --- a/app/views/admin/members/_user_profile.html.erb +++ b/app/views/admin/members/_user_profile.html.erb @@ -16,8 +16,13 @@
<%= t('users.sex')%>
<%= t("users.#{(@member.sex.nil? ? 'unknown' : @member.sex)}") %>
<% items.each do |item| %> -
<%= item.member_profile_field.title %>
-
<%= nl2br(show_attribute_value(@member.get_attribute_value(item.member_profile_field).get_value_by_locale(I18n.locale))) rescue '' %>
+ <% if item.member_profile_field.nil? + item.destroy + else + %> +
<%= item.member_profile_field.title %>
+
<%= nl2br(show_attribute_value(@member.get_attribute_value(item.member_profile_field).get_value_by_locale(I18n.locale))) rescue '' %>
+ <% end %> <% end -%> \ No newline at end of file