/* ---------- Uni-Form form controls ---------- Uni-Form (v1.1) by Dragan Babic - http://dnevnikeklektika.com/uni-form/ Modified to use the Liferay/JSR-168 classname convention Regex used to convert classnames are Find: (\.|#)([a-z]+)([A-Z]{1})([a-z]+)(\s|\{|:|,) Replace: $1$2-\L$3$4$5 Distributed under http://creativecommons.org/licenses/by-sa/2.5/ */ .uni-form { margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; } /* Some generals */ .uni-form .ctrl-holder { /* this is the main unit that contains our form elements */ overflow: hidden; clear: both; margin: 0; padding: 0; } .uni-form .button-holder { clear: both; overflow: hidden; } .uni-form .reset-button { } .uni-form .submit-button { } .uni-form .inline-label, .uni-form .inline-labels .inline-label, .uni-form .block-labels .inline-label { display: inline; float: none; margin: 0 1em 0 0; width: auto; } .uni-form .inline-label input { } .uni-form .focused { } /* ########################################################################## */ /* Styles for form controls where labels are in line with the input elements */ /* Set the class of the parent (preferably to a fieldset) to .inline-labels */ .uni-form .inline-labels .ctrl-holder { } .uni-form .inline-labels label, .uni-form .inline-labels .label { float: left; line-height: 100%; margin: .3em 2% 0 0; padding: 0; position: relative; } .uni-form .inline-labels .text-input, .uni-form .inline-labels .file-upload { float: left; } .uni-form .inline-labels .file-upload { } .uni-form .inline-labels .select-input { float: left; } .uni-form .inline-labels textarea { float: left; } .uni-form .inline-labels .form-hint { clear: both; } /* inlineLabels esthetics */ .uni-form .inline-labels .form-hint strong { } /* ########################################################################## */ /* Styles for form controls where labels are above the input elements */ /* Set the class of the parent (preferably to a fieldset) to .block-labels */ .uni-form .block-labels .ctrl-holder { } .uni-form .block-labels label, .uni-form .block-labels .label { display: block; float: none; line-height: 100%; margin: .3em 0; padding: 0; width: auto; } .uni-form .block-labels .label { float: left; margin-right: 3em; } .uni-form .block-labels .inline-label { position: relative; top: .15em; } .uni-form .block-labels .text-input, .uni-form .block-labels .file-upload { float: left; } .uni-form .block-labels .file-upload { } .uni-form .block-labels .select-input { display: block; } .uni-form .block-labels textarea { display: block; float: left; } .uni-form .block-labels .form-hint { clear: none; float: right; margin: 0; } /* blockLabels esthetics */ .uni-form .block-labels .ctrl-holder { } .uni-form .block-labels .focused { } /* ########################################################################## */ /* Focus pseudoclasses */ .uni-form .ctrl-holder .text-input:focus { } .uni-form div.focused .text-input:focus { } .uni-form div.focused .form-hint { } /* Required fields asterisk styling, use if needed */ .uni-form label em, .uni-form .label em { display: block; font-style: normal; font-weight: bold; left: 100%; position: absolute; } .uni-form .block-labels label em, .uni-form .block-labels .label em { display: inline; position: static; } /* ########################################################################## */ /* Messages */ .uni-form #error-msg, .uni-form .error { } .uni-form #error-msg dt, .uni-form #error-msg h3 { } .uni-form #error-msg dd { } .uni-form #error-msg ol { } .uni-form #error-msg ol li { } .uni-form .error-field { } /* ########################################################################## */ /* Add the following classes to your fieldsets (preferably) if you want columns */ .uni-form .col { float: left; } .uni-form .column-left { float: left; } .uni-form .column-right { float: right; } /* ---------- IE Specific controls ---------- */ .ie6 .uni-form, .ie6 .uni-form fieldset, .ie6 .ctrl-holder, .ie6 .ctrl-holder span, .ie6 .form-hint { /* trigger haslayout, move to your ie specific stylesheet if possible */ zoom: 1; } .ie6 .block-labels .form-hint { margin-top: 0; } /* ---------- Uni-Form custom rules ---------- */ /* Your styles below */ /* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */ /* Generals */ .uni-form fieldset { margin: 0; } .uni-form fieldset legend { /* reset ie */ font-weight: bold; color: #000; font-size: 120%; } .uni-form .ctrl-holder { /* this is the main unit that contains our form elements */ padding: 3px; } .uni-form .button-holder { text-align: left; margin-top: 15px; } .uni-form .ctrl-holder .button-holder { clear: none; margin-left: 5px; margin-right: 5px; margin-top: 0; } .uni-form .focused { background: #FFFCDF; } .uni-form .ctrl-holder.inline-label label { display: inline; } /* .inline-labels */ .uni-form .inline-labels label, .uni-form .inline-labels .label { width: 45%; } .uni-form .inline-labels .text-input, .uni-form .inline-labels .file-upload { width: 45%; } .uni-form .inline-labels .select-input { width: 45%; } .uni-form .inline-labels textarea { height: 12em; /* required property */ width: 45%; } .uni-form .inline-labels .form-hint { margin-left: 47%; margin-top: 0; } /* .block-labels */ .uni-form .block-labels .text-input, .uni-form .block-labels .file-upload { width: 53%; } .uni-form .block-labels .select-input { display: block; width: 53.5%; } .uni-form .block-labels textarea { /* required property */ height: 12em; width: 53%; } .uni-form .block-labels .form-hint { width: 45%; } /* Columns */ .uni-form .col { margin: 0 2% 0 0; /* required property */ width: 47.9%; } .uni-form .column-left { width: 49%; } .uni-form .column-right { width: 49%; } /* Messages */ .uni-form #error-msg { background: #FFDFDF; border: 1px solid #DF7D7D; border-width: 1px 0; margin: 0 0 1em 0; padding: 1em; } .uni-form .error { background: #FFDFDF; border: 1px solid #DF7D7D; border-width: 1px 0; } .uni-form #error-msg dt, .uni-form #error-msg h3 { font-size: 110%; font-weight: bold; line-height: 100%; margin: 0 0 .5em 0; } .uni-form #error-msg dd { margin: 0; padding: 0; } .uni-form #error-msg ol { margin: 0; padding: 0; } .uni-form #error-msg ol li { border-bottom: 1px dotted #DF7D7D; list-style-position: inside; margin: 0; padding: 2px; position: relative; } .uni-form .error-field { background: #FFBFBF; color: #AF4C4C; margin: 0 0 6px 0; padding: 4px; } /* ---------- Modules ---------- */ /* ---------- Generic module styling ---------- */ .lfr-grid { width: 100%; } .lfr-component, .lfr-component ul, .lfr-component li, .lfr-component dl, .lfr-component dt, .lfr-component dd { margin: 0; padding: 0; list-style: none; } .lfr-component li img, img.icon { vertical-align: middle; } #layout-grid.dragging .lfr-portlet-column.empty { padding: 20px; } .lfr-js-required { position: absolute; left: -9999em; top: -9999em; } .js .lfr-js-required { position: static; } /* ---------- Add content styles ---------- */ .portal-add-content-search { margin-bottom: 8px; } .portal-add-content .lfr-portlet-used { color: #ccc; cursor: default; } .portal-add-content .portlet-msg-info { color: #333; margin-bottom: 0; margin-top: 10px; } .portal-add-content .lfr-portlet-used a { display: none; } .lfr-add-content { margin-bottom: 0.5em; } .lfr-add-content.collapsed { } .lfr-add-content.expanded { } .lfr-add-content h2 { cursor: pointer; font-size: 1.1em; font-weight: bold; margin: 0; } .lfr-add-content.collapsed h2, .lfr-add-content .lfr-add-content.collapsed h2 { background: url(/html/themes/kor/images/arrows/01_plus.png) no-repeat 100% 50%; border: none; } .lfr-add-content.expanded h2, .lfr-add-content .lfr-add-content.expanded h2 { background: url(/html/themes/kor/images/arrows/01_minus.png) no-repeat 100% 50%; } .lfr-add-content h2 span { background: url(/html/themes/kor/images/add_content/portlet_category.png) no-repeat 0 50%; padding-left: 20px; } .lfr-install-more { border-top: 1px solid #ccc; margin: 10px 0 0; padding-top: 10px; } .lfr-install-more a { background: url(/html/themes/kor/images/common/install_more.png) no-repeat 0 50%; display: block; font-weight: bold; padding-left: 20px; } .lfr-content-category { padding-left: 10px; padding-top: 3px; } .lfr-content-category.hidden { display: none; } .lfr-content-category.visible { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: block; } .ie6 .lfr-content-category.visible { height: 1%; } .lfr-has-sidebar { padding-left: 270px; } /* ---------- Flyout ---------- */ .lfr-flyout ul { display: none; } .js li.lfr-flyout { display: block; position: relative; } .js .lfr-flyout li ul { display: none; } .js .lfr-flyout.has-children { background: url(/html/themes/kor/images/arrows/04_left.png) no-repeat 5px 50%; padding-left: 12px; } .js .lfr-flyout.has-children.send-right { background-image: url(/html/themes/kor/images/arrows/04_right.png); } .js .lfr-flyout.has-children ul { display: none; min-width: 150px; position: absolute; right: 100%; top: -1px; } .js .lfr-flyout.has-children.send-right ul { left: 100%; right: auto; } /* ---------- Panel component ---------- */ .lfr-panel.lfr-extended, .lfr-panel-container, .lfr-floating-container { border: 1px solid; border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; } .lfr-panel-container, .lfr-floating-container { background: #fff; clear: both; } .lfr-floating-container { position: relative; } .lfr-panel-container .lfr-panel { border: none; } .lfr-panel .lfr-panel-titlebar { margin-bottom: 0.5em; overflow: hidden; } .lfr-panel.lfr-collapsible .lfr-panel-titlebar { background: url(/html/themes/kor/images/arrows/05_down.png) no-repeat 2px 50%; cursor: pointer; padding-left: 15px; } .lfr-panel-titlebar .lfr-panel-title { float: left; font-size: 1.2em; font-weight: bold; margin: 0; } .lfr-panel-titlebar .lfr-panel-button { background: url(/html/themes/kor/images/application/panel_header_toggler_close.png) no-repeat 0 0; display: none; float: right; height: 22px; width: 19px; } .lfr-extended.lfr-collapsible .lfr-panel-button { display: block; } .lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button { background-image: url(/html/themes/kor/images/application/panel_header_toggler_open.png); } .lfr-panel-titlebar .lfr-panel-button:hover { background-position: 0 100%; } .lfr-panel.lfr-collapsed .lfr-panel-titlebar { background-image: url(/html/themes/kor/images/arrows/05_right.png); margin-bottom: 0; } .lfr-panel.lfr-extended .lfr-panel-titlebar { background: #d6d6d6 url(/html/themes/kor/images/application/panel_header.png) repeat-x 0 0; border-bottom: 1px solid #cdcdcd; line-height: 1.6; padding: 2px; } .ie6 .lfr-extended.lfr-collapsible .lfr-panel-titlebar { height: 1%; } .lfr-extended.lfr-collapsed .lfr-panel-titlebar { border-bottom: none; } .lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar { border-top: 1px solid #cecece; } .lfr-panel.lfr-collapsed .lfr-panel-content { display: none; } .js .lfr-floating-container { display: none; position: absolute; } .js .lfr-floating-trigger { background-image: url(/html/themes/kor/images/arrows/05_down.png); background-position: 100% 50%; background-repeat: no-repeat; padding: 3px; padding-right: 15px; text-decoration: none; } .js .lfr-trigger-selected { background-color: #069; color: #fff; } .lfr-floating-container .col { float: left; margin-right: 10px; width: auto; } .lfr-floating-container .lfr-form-row { border: none; } .lfr-panel .lfr-panel-content .undo-queue { border-left: none; border-right: none; border-top: none; margin: -0.5em 0 10px; } /* ---------- Panel pagination ---------- */ .js .lfr-panel-paging .lfr-panel-content ul { display: none; } .lfr-paging-container { background: #cfd2d5; border-bottom: 1px solid #dcdee0; border-top: 1px solid #dcdee0; text-align: center; } .lfr-panel-content .lfr-paging-container li { display: inline; } .ie .lfr-panel-content .lfr-paging-container li { zoom: 1; } .js .lfr-panel-paging .lfr-panel-content .current-set, .js .lfr-panel-paging .lfr-paging-container ul { display: block; position: relative; visibility: visible; } .js .lfr-panel-paging .lfr-paging-container ul { padding-top: 1px; } .lfr-panel-content .lfr-paging-container li a { background: none; border: 1px solid #CFD2D5; display: inline-block; float: none; padding: 5px 10px; text-align: center; width: auto; } .lfr-panel-content .lfr-paging-container li a:hover { background: #5094d7 url(/html/themes/kor/images/application/current_page_bg.png) repeat-x 0 0; border-color: #31659c #396ea8 #4c8ccb; color: #fff; font-weight: bold; } .lfr-panel-content .lfr-paging-container li.lfr-page-current a { background: #99a7b3 url(/html/themes/kor/images/application/current_page_hover_bg.png) repeat-x 0 0; border-color: #6b7785 #7c8994 #919fa9; color: #fff; font-weight: bold; } .lfr-panel-content .lfr-paging-container { overflow: hidden; } .ie6 .lfr-panel-content .lfr-paging-container { height: 1%; } /* ---------- Position helper ---------- */ .lfr-position-helper { position: absolute; z-index: 1000; } /* ---------- Auto row styles ---------- */ .lfr-form-row { border-bottom: 1px solid #CCC; overflow: hidden; padding: 5px; position: relative; margin-bottom: 10px; } .lfr-form-row .row-controls { bottom: 5px; float: right; position: absolute; right: 5px; } .lfr-form-row .row-controls a { background: url() no-repeat 2px 50%; display: block; float: left; font-size: 0; height: 16px; padding: 2px; text-indent: -9999em; width: 16px; } .lfr-form-row .row-controls .add-row { background-image: url(/html/themes/kor/images/common/add.png); } .lfr-form-row .row-controls .delete-row { background-image: url(/html/themes/kor/images/common/delete.png); } .lfr-form-row legend .field-label{ float:left; margin-right: 10px; } .lfr-form-row .lfr-arrow-controls a { background: url() no-repeat 2px 50%; clear: none; display: block; float: left; font-size: 0; height: 16px; padding: 2px; text-indent: -9999em; width: 16px; } .lfr-form-row .handle-sort-vertical { background: url(/html/themes/kor/images/application/handle_sort_vertical.png) no-repeat 0 50%; cursor: move; padding-left: 20px; } .uni-form .lfr-form-row fieldset { border: none; margin: 0; padding: 0; } /* ---------- Undo manager ---------- */ .undo-queue.queue-empty { display: none; } .ie6 .undo-queue.queue-empty { display: none; } .undo-queue .undo-action { float: left; } .undo-queue .clear-undos { float: right; } .undo-queue.queue-single .clear-undos { display: none; } .portlet-msg-info.undo-queue { overflow: hidden; margin: 10px auto; } .ie6 .portlet-msg-info.undo-queue { zoom: 1; overflow: visible; } /* ---------- Panel Page styles ---------- */ .lfr-panel-page .portal-add-content { padding: 0; padding-left: 4px; } .lfr-panel-page .panel-page-content { border-left: 1px solid #ccc; padding-left: 1em; } .lfr-panel-page .lfr-add-content h2 { border: 1px solid #ccc; border-right: none; padding: 1px; } .lfr-panel-page .lfr-add-content h2 span { background: #efefef; display: block; padding: 2px; padding-left: 5px; } .lfr-panel-page .lfr-add-content .lfr-content-category h2 { border: none; border-bottom: 1px solid #ccc; } .lfr-panel-page .lfr-add-content .lfr-content-category h2 span { background: none; } .lfr-panel-page.panel-page-frontpage .panel-page-content h2 { margin-top: 0; } /* ---------- Javascript template styles ---------- */ .lfr-template { display: none; } /* ---------- Portlet item ---------- */ .lfr-portlet-item { background: url(/html/themes/kor/images/add_content/portlet_item.png) no-repeat 0 50%; border: 1px solid #fff; cursor: move; font-size: 1.1em; margin-bottom: 3px; padding: 0 5px 0 20px; } .lfr-portlet-item.lfr-instanceable { background-image: url(/html/themes/kor/images/add_content/portlet_item_instanceable.png); } .lfr-portlet-item:hover, .lfr-portlet-item.over { background-color: #ffc; border-color: #fc0; } .ie .lfr-portlet-item { height: 1%; } .lfr-portlet-item p { font-size: 1em; margin: 0; padding-right: 30px; position: relative; } .lfr-portlet-item p a { cursor: pointer; font-size: 0.9em; font-weight: bold; position: absolute; right: 0; top: 0; } .ie .lfr-portlet-item p a { top: -2px; } .ie6 .lfr-portlet-item p a { right: 20px; } #layout_configuration_content { width: 95%; } /* ---------- Interactive Dock ---------- */ .js .interactive-mode { float: right; min-width: 150px; position: absolute; right: 10px; top: 10px; } .js .interactive-mode h2 { background: url(/html/themes/kor/images/dock/menu_bar.png) no-repeat 100% -30px; font-size: 1.2em; margin-bottom: 0; padding: 0 29px 0 0; position: relative; z-index: 82; } .js .interactive-mode h2 span { background: url(/html/themes/kor/images/dock/menu_bar.png) no-repeat 0 0; display: block; font-size: 1.2em; margin-bottom: 0; min-height: 16px; min-width: 90px; padding: 0.5em 0.5em 0.5em 2em; } .js.ie6 .interactive-mode h2 span { height: 16px; } .js .lfr-dock.expanded .lfr-dock-list-container { border-top: none; top: -2px; } .js .interactive-mode ul { background: url(/html/themes/kor/images/dock/menu_bg.png) no-repeat 0 0; display: none; float: none; } .js .interactive-mode li { display: block; float: none; margin-bottom: 0pt; margin-left: 0.2em; } .js .interactive-mode li a { background-position: 0.5em 50%; background-repeat: no-repeat; display: block; margin-left: 0.3em; padding: 0.5em 0pt 0.5em 2.5em; text-decoration: none; } .js .interactive-mode li a:hover { background-position: 1.5em 50%; padding-left: 3.5em; } .js .interactive-mode .my-places li.current a { background: transparent url(/html/themes/kor/images/dock/my_place_current.png) no-repeat 1em 50%; margin: 0.1em 0 0 0.2em; padding-left: 3.5em; } .js .interactive-mode .lfr-flyout.has-children li { position: relative; } .js .interactive-mode .my-places li.public a { background-image: url(/html/themes/kor/images/dock/my_places_public.png); } .js .interactive-mode .my-places li.private a { background-image: url(/html/themes/kor/images/dock/my_places_private.png); } .js .interactive-mode .my-places ul li a.add-page { background: url(/html/themes/kor/images/dock/page_settings.png) no-repeat; border: none; display: block; font-size: 0; height: 16px; padding: 0; position: absolute; right: 3px; text-indent: -9999em; top: 3px; width: 16px; } .ie6.js .lfr-dock.interactive-mode { white-space: nowrap; width: 150px; } .ie6.js .lfr-dock.interactive-mode li { height: 1%; } .ie6.js .lfr-dock.interactive-mode li a { height: 1%; } /* ---------- Portlet css editor ---------- */ #portlet-set-properties { display: none; } #portlet-set-properties .uni-form { clear: both; } #portlet-set-properties fieldset { margin-bottom: 1em; } #portlet-set-properties fieldset fieldset { margin-top: 1em; } #portlet-set-properties fieldset fieldset legend { font-size: 1.1em; } #portlet-set-properties .uni-form .text-input { margin-right: 5px; width: 80px; } #portlet-set-properties .uni-form fieldset.col { width: 29%; } #portlet-set-properties .common { width: 27%; } #portlet-set-properties .extra { width: 20%; } #portlet-set-properties #lfr-border-width, #portlet-set-properties #lfr-border-style, #portlet-set-properties #lfr-border-color { float: left; } #portlet-set-properties #lfr-border-width { width: 25%; } #portlet-set-properties #lfr-border-style { width: 15%; } #portlet-set-properties #lfr-border-color { width: 20%; } #portlet-set-properties #lfr-padding, #portlet-set-properties #lfr-margin { width: 25%; } #portlet-set-properties .uni-form #custom-css { height: 300px; width: 400px; } #portlet-set-properties .form-hint { float: none; } #portlet-set-properties .lfr-bg-image-properties { display: none; } #portlet-set-properties #border-note { display: none; margin-top: 10px; } #portlet-set-properties .uni-form { clear: both; } /* ---------- Toolbar ---------- */ .lfr-toolbar { background-color: #e5e4e8; padding-top: 3px; } .lfr-toolbar:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ie .lfr-toolbar { height: 1%; } .ie6 .lfr-toolbar { width: 750px; } .lfr-toolbar .lfr-button, .lfr-emoticon-container .lfr-button { border: 1px solid #e5e4e8; cursor: pointer; margin: 0 2px; padding: 2px 4px; } .lfr-toolbar .lfr-button img { vertical-align: text-top; } .lfr-toolbar .lfr-button:focus { border: 1px solid #000; } .lfr-toolbar .lfr-button:hover { border-bottom-color: #777; border-right-color: #777; border: 1px solid #ccc; } .lfr-toolbar .lfr-separator { border-left: 1px solid #fff; border-right: 1px solid #ccc; font-size: 12px; height: 25px; margin: 0 5px; } .lfr-toolbar select, .lfr-toolbar .lfr-button, .lfr-toolbar .lfr-separator, .lfr-emoticon-container .lfr-button { float: left; } .lfr-toolbar select { margin: 0 5px; } .ie .lfr-toolbar select { margin-top: 3px; } .lfr-emoticon-container { background: #e5e4e8; border: 1px solid #ccc; display: none; padding-top: 5px; position: absolute; width: 180px; } .lfr-emoticon-container .lfr-button { margin: 0; } /* ---------- Tree ---------- */ .lfr-tree { } .lfr-tree .expand-image { } .lfr-tree a { text-decoration: none; } .lfr-tree li { margin-bottom: 2px; padding-left: 0; } .lfr-tree li ul { } .lfr-tree li ul li, .lfr-tree li.tree-item { padding-left: 0; } .lfr-tree img { vertical-align: middle; } .lfr-tree li.tree-item { padding-left: 5px; } .lfr-tree li.tree-item a img { cursor: move; } .lfr-tree li.tree-item li { padding-left: 20px; } .lfr-tree li.tree-item ul { margin-left: 0; margin-top: 5px; } .lfr-tree li.tree-item a, .lfr-tree li.tree-item .expand-image { cursor: pointer; } .lfr-tree .tree-item-hover { background: #7D93C1; padding: 5px; } li.toggle-expand { padding-bottom: 10px; } li.toggle-expand a { padding: 2px 0 2px 20px; } .lfr-expand { background: url(/html/themes/kor/images/trees/expand_all.png) no-repeat 0 50%; } .lfr-collapse { background: url(/html/themes/kor/images/trees/collapse_all.png) no-repeat 0 50%; } /* ---------- Uploader ---------- */ .lfr-upload-container { margin-bottom: 1em; width: 450px; } .lfr-upload-container .upload-target a { float: left; margin-right: 15px; } .lfr-upload-container a.browse-button { background-image: url(/html/themes/kor/images/dock/add_content.png); background-repeat: no-repeat; } .lfr-upload-container a.upload-button { background-image: url(/html/themes/kor/images/common/top.png); background-repeat: no-repeat; } .lfr-upload-container a.clear-uploads { background-image: url(/html/themes/kor/images/portlet/refresh.png); background-repeat: no-repeat; } .lfr-upload-container a.cancel-uploads { background-image: url(/html/themes/kor/images/common/close.png); background-repeat: no-repeat; float: right; margin-right: 0; } .lfr-upload-container .upload-file { background: #f0faf0 url(/html/themes/kor/images/document_library/jpg.png) no-repeat 5px 50%; border-bottom: 1px solid #ccc; display: block; font-weight: bold; margin-bottom: 1px; padding: 5px; padding-left: 25px; position: relative; } .lfr-upload-container .upload-list-info { margin: 5px 0; } .lfr-upload-container .upload-list-info h4 { font-size: 1.3em; } .lfr-upload-container .cancel-button { background-image: url(/html/themes/kor/images/common/delete.png); background-repeat: no-repeat; position: absolute; right: 5px; } .lfr-upload-container .upload-complete { background-color: #E8EEF7; background-image: url(/html/themes/kor/images/dock/my_place_current.png); font-weight: normal; opacity: 0.6; } .lfr-upload-container .upload-complete .cancel-button { display: none; } .lfr-upload-container .file-uploading { background-color: #ffc; } .lfr-upload-container .file-uploading .cancel-button { top: 0; } .lfr-upload-container .progress-bar { background: #fff; border: 1px solid #83a8d9; display: none; height: 15px; } .lfr-upload-container .progress { background: #8db2e3 url(/html/themes/kor/images/progress_bar/complete_gradient.png) repeat-y 100% 0; display: block; height: 15px; width: 0; } .lfr-upload-container .file-uploading .progress-bar { display: block; } /* ---------- Portal ---------- */ /* ---------- Page settings styling ---------- */ .page-extra-settings .lfr-panel-titlebar .lfr-panel-title { font-size: 1em; padding: 0.5em 0; } .page-extra-settings .lfr-extended .lfr-panel-titlebar { line-height: 1; } .page-extra-settings .lfr-extended .lfr-panel-titlebar { line-height: 1; } .page-extra-settings .lfr-extended .lfr-panel-content { padding: 5px; } /* ---------- Portal notifications styling ---------- */ .popup-alert-notice .notice-date { margin: 0 10px; } .popup-alert-notice .current-user-language { border: 1px solid #ccc; border-bottom: none; border-top: none; display: inline; margin: 0 10px; padding: 0 15px; } /* ---------- Tag selector styling ---------- */ .ui-dialog.lfr-tag-selector .ui-dialog-container .ui-dialog-content { padding: 0; } .lfr-tag-container { height: 260px; margin-bottom: 0.5em; overflow: auto; } .lfr-tag-container fieldset { margin: 5px; } .lfr-tag-container legend { font-weight: bold; margin-left: 5px; } .lfr-tag-container label { display: block; } .lfr-tag-container label input { vertical-align: middle; } .lfr-tag-container .lfr-tag-message { display: none; } .lfr-tag-search-container { background-color: #D3DADD; border-bottom: 1px solid #AEB8BC; margin: 3px 0; padding: 5px; } .lfr-tag-search-input { width: 250px; } .lfr-tag-container .no-matches { border-bottom: none; border-left: none; border-right: none; color: #999; margin-bottom: 0; margin-left: 0; margin-top: 0; padding: 0; } .lfr-tag-container .no-matches legend { padding-left: 0; } .lfr-tag-container .no-matches .lfr-tag-message { display: block; } /* ---------- Generic styling ---------- */ .popup-alert-notice, .popup-alert-warning { background: #ffc url() no-repeat 5px 50%; border-bottom: 1px solid; font-size: 1.1em; left: 0; padding: 10px; padding-left: 25px; position: fixed; top: 0; width: 100%; z-index: 10000; } .popup-alert-notice { background-color: #ffc; background-image: url(/html/themes/kor/images/messages/alert.png); border-bottom-color: #fc0; } .popup-alert-warning { background-color: #fcc; background-image: url(/html/themes/kor/images/messages/error.png); border-bottom-color: #f00; font-weight: bold; } .ie6 .popup-alert-notice, .ie6 .popup-alert-warning { bottom: auto; left: expression( ( LFR_IGNORE_ME2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' ); position: absolute; right: auto; top: expression( ( LFR_IGNORE_ME = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' ); } .popup-alert-notice .countdown-timer { font-size: 1.1em; font-weight: bold; } .popup-alert-notice input, .popup-alert-warning input { vertical-align: middle; } #ui-datepicker-div { z-index: 500; } /* ---------- Portlets ---------- */ /* ---------- Generic styling ---------- */ .breadcrumbs { margin-bottom: 10px; margin-left: 0px; } .js .lfr-fallback { display: none; } .lfr-button { background: url() no-repeat 0 50%; padding: 2px 0 2px 20px; } .js .controls-hidden .lfr-meta-actions, .js .controls-hidden .portlet-borderless-bar, .js .controls-hidden .portlet-icons, .js .controls-hidden .lfr-configurator-visibility { display: none; } .js .page-maximized .portlet-icons { display: block; } .float-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ie .float-container { height: 1%; } .lfr-meta-actions { padding-top: 1em; } .lfr-table { border-collapse: collapse; clear: both; } .lfr-table tr td, .lfr-table tr th { padding: 0 5px; } .lfr-table tr th { font-weight: bold; } .lfr-table tr td:first-child, .lfr-table tr td.first-child, .lfr-table tr th:first-child, .lfr-table tr th.first-child { padding-left: 0; } .lfr-table tr td:last-child, .lfr-table tr td.last-child, .lfr-table tr th:last-child, .lfr-table tr th.last-child { padding-right: 0; } .lfr-control-links a { margin-right: 1em; } .portlet-toolbar { margin-bottom: 1.5em; } .portlet-minimized .portlet-content-container { display: none; } .lfr-checkbox-preselected { opacity: 0.5; } .ie .lfr-checkbox-preselected { filter: alpha(opacity=50); zoom: 1; } .lfr-configurator-visibility { opacity: 0.5; } .ie .lfr-configurator-visibility { filter: alpha(opacity=50); zoom: 1; } /* ---------- Liferay forms ---------- */ .lfr-input-text { width: 350px; } .lfr-input-text.flexible { width: auto; } .lfr-textarea { height: 100px; width: 500px; } fieldset, .uni-form fieldset { margin-bottom: 2em; } fieldset:last-child, .uni-form fieldset:last-child { margin-bottom: 0; } /* ---------- Separator ---------- */ .separator { margin: 15px auto; } /* ---------- Taglib action bar ---------- */ .lfr-actions { float: right; text-align: left; } .lfr-actions.left { float: left; } .lfr-actions ul { display: none; bottom: 0%; position: absolute; right: 100%; z-index: 99999; } .lfr-actions.visible ul { display: block; } .lfr-actions.left ul { right: auto; left: 100%; } .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong { background: url(/html/themes/kor/images/common/button_bg.png) no-repeat; font-weight: normal; } .lfr-actions .lfr-trigger { background-position: 100% -42px; cursor: pointer; padding-right: 3px; } .ie6 .lfr-actions { height: 15px; } .lfr-actions .lfr-trigger strong { display: block; min-width: 70px; padding: 2px 0 3px; text-align: center; } .ie6 .lfr-actions .lfr-trigger strong { display: inline-block; } .lfr-actions.visible .lfr-trigger { background-position: 100% 100%; } .lfr-actions.visible .lfr-trigger strong { background-position: 0 -21px; } .lfr-actions .lfr-trigger strong span { background: url(/html/themes/kor/images/common/action.png) no-repeat 5px 50%; padding: 2px 10px 2px 35px; } .lfr-actions.left .lfr-trigger strong span { background-image: url(/html/themes/kor/images/common/action_right.png); background-position: 98% 50%; padding: 2px 35px 2px 10px; } .lfr-menu-list ul { background: #fff url(/html/themes/kor/images/forms/button.png) repeat-x 0 100%; border: 1px solid; border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; } .lfr-menu-list li { background: transparent; border-bottom: 1px solid #DEDEDE; padding: 2px; } .lfr-menu-list li nobr { display: block; } .lfr-menu-list li a { padding: 5px 10px 5px 0; display: block; font-weight: normal; text-decoration: none; } .lfr-menu-list li a:hover { background-color: #828F95; color: #fff; } .lfr-menu-list li a img { padding: 0 3px; } .lfr-menu-list li.last { border-bottom: none; } /* ---------- Taglib calendar ---------- */ .taglib-calendar { width: 190px; } .taglib-calendar table { border: 1px solid #999; width: 100%; } .taglib-calendar tr th, .taglib-calendar tr td { height: 25px; text-align: center; border-bottom: 1px solid #999; } .taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td { border: 1px solid #999; border-bottom: none; border-top: none; padding: 0; width: 26px; } .taglib-calendar tr.portlet-section-header th.first, .taglib-calendar tr td.first { border-left: none; } .taglib-calendar tr.portlet-section-header th.last, .taglib-calendar tr td.last { border-right: none; } .taglib-calendar tr td a { display: block; height: 15px; padding: 5px 0; } .taglib-calendar a:hover, .taglib-calendar a:focus { background-color: #ccc; } .taglib-calendar .calendar-inactive { color: #999; } .taglib-calendar .calendar-current-day { } .taglib-calendar .calendar-current-day a { } .taglib-calendar .has-events a span { background: url(/html/themes/kor/images/calendar/event_indicator.png) no-repeat 50% 95%; padding-bottom: 5px; } .taglib-calendar .has-events.calendar-current-day a span { background-image: url(/html/themes/kor/images/calendar/event_indicator_current.png); } /* ---------- Taglib captcha ---------- */ .taglib-captcha { margin: 1em 0; } .taglib-captcha .captcha { display: block; margin-bottom: 1em; } /* ---------- Taglib discussion thread ---------- */ .taglib-discussion td img { vertical-align: middle; } /* ---------- Taglib diff thread ---------- */ .taglib-diff-addedline, #taglib-diff-results ins { background: #E6FFE6; } .taglib-diff-context { background: #EEEEEE; } .taglib-diff-deletedline, #taglib-diff-results del { background: #FFE6E6; } .taglib-diff-table { border-collapse: separate; border-spacing: 5pt; width: 100%; } /* ---------- Taglib flags ---------- */ .taglib-flags { display: inline-block; } .taglib-flags span a { margin-right: 2px; } /* ---------- Taglib icon list ---------- */ .taglib-icon-list li { float: left; margin-right: 1em; } .taglib-icon-list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ie .taglib-icon-list { height: 1%; } /* ---------- Taglib input move boxes ---------- */ .taglib-move-boxes { } .taglib-move-boxes .choice-selector { min-width: 150px; } .ie .taglib-move-boxes .choice-selector { width: expression(this.currentStyle.getAttribute('minWidth') || 150 + 'px'); } .taglib-move-boxes .category-header { background: #ebf1f9; border-bottom: 1px solid #8db2f3; display: block; margin-bottom: 5px; padding: 5px; } /* ---------- Taglib ratings ---------- */ .taglib-ratings.score { white-space: nowrap; } .taglib-ratings.thumbs { float: left; margin: 0; } .ie .taglib-ratings.thumbs { height: 1%; } .taglib-ratings.thumbs:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .taglib-ratings.thumbs li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; } .taglib-ratings.thumbs .total-entries { color: #777777; } .taglib-ratings.thumbs .total-rating { font-size: 1.1em; line-height: 18px; padding: 0 5px 0 0; } .taglib-ratings.thumbs .total-votes { color: #777777; font-size: xx-small; line-height: 2em; padding: 0 0 0 6px; text-align: right; } .taglib-ratings.thumbs .pos-total { color: #009900; font-weight: bold; } .taglib-ratings.thumbs .neg-total { color: #777777; font-weight: bold; } .taglib-ratings.thumbs .zero-total { color: #aaaaaa; } .taglib-ratings.thumbs .rating { background: url() no-repeat; display: block; float: left; font-size: 0; height: 18px; line-height: 0; text-indent: -9999em; width: 18px; } .taglib-ratings.thumbs .rate-up { background-image: url(/html/themes/kor/images/ratings/thumbs_up_icon.png); } .taglib-ratings.thumbs .rate-up:hover, .taglib-ratings.thumbs .rate-up.rated { background-image: url(/html/themes/kor/images/ratings/thumbs_up_icon_hover.png); } .taglib-ratings.thumbs .rate-down { background-image: url(/html/themes/kor/images/ratings/thumbs_down_icon.png); } .taglib-ratings.thumbs .rate-down:hover, .taglib-ratings.thumbs .rate-down.rated { background-image: url(/html/themes/kor/images/ratings/thumbs_down_icon_hover.png); } .taglib-ratings.thumbs .rate-up.rated:hover, .taglib-ratings.thumbs .rate-down.rated:hover { background-image: url(/html/themes/kor/images/ratings/thumbs_cancel_icon.png); } /* ---------- Taglib search iterator ---------- */ .taglib-search-iterator { border-collapse: collapse; width: 100%; } .taglib-search-iterator td { padding: 4px; } .taglib-search-iterator-highlighted { font-weight: bold; } .taglib-search-iterator-page-iterator-top { padding-bottom: 5px; } .taglib-search-iterator-page-iterator-bottom { padding-top: 5px; } .taglib-page-iterator { clear: both; height: auto; overflow: hidden; width: auto; } .taglib-page-iterator .search-results { float: left; } .taglib-page-iterator .search-pages { float: right; } .taglib-page-iterator .search-pages .page-links a, .taglib-page-iterator .search-pages .page-links span { background: url() no-repeat 0 0; border-left: 1px solid #ccc; padding: 2px 15px; } .taglib-page-iterator .search-pages .page-links span { background-position: 0 100%; } .taglib-page-iterator .search-pages .page-links a.first, .taglib-page-iterator .search-pages .page-links span.first { background-image: url(/html/themes/kor/images/arrows/paging_first.png); background-repeat: no-repeat; border-left: none; } .taglib-page-iterator .search-pages .page-links a.previous, .taglib-page-iterator .search-pages .page-links span.previous { background-image: url(/html/themes/kor/images/arrows/paging_previous.png); background-repeat: no-repeat; } .taglib-page-iterator .search-pages .page-links a.next, .taglib-page-iterator .search-pages .page-links span.next { background-image: url(/html/themes/kor/images/arrows/paging_next.png); background-repeat: no-repeat; } .taglib-page-iterator .search-pages .page-links a.last, .taglib-page-iterator .search-pages .page-links span.last { background-image: url(/html/themes/kor/images/arrows/paging_last.png); background-repeat: no-repeat; } .taglib-page-iterator .search-pages .page-links a.first, .taglib-page-iterator .search-pages .page-links span.first, .taglib-page-iterator .search-pages .page-links a.previous, .taglib-page-iterator .search-pages .page-links span.previous { padding-right: 5px; } .taglib-page-iterator .search-pages .page-links a.next, .taglib-page-iterator .search-pages .page-links span.next, .taglib-page-iterator .search-pages .page-links a.last, .taglib-page-iterator .search-pages .page-links span.last { background-position: 100% 0; padding-left: 5px; } .taglib-page-iterator .search-pages .page-links span.first, .taglib-page-iterator .search-pages .page-links span.previous { background-position: 0 100%; } .taglib-page-iterator .search-pages .page-links span.next, .taglib-page-iterator .search-pages .page-links span.last { background-position: 100% 100%; } .taglib-page-iterator .search-pages .delta-selector, .taglib-page-iterator .search-pages .page-selector, .taglib-page-iterator .search-pages .page-links { float: left; } .taglib-page-iterator .search-pages .page-selector { margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; } /* ---------- Taglib social activities ---------- */ .taglib-social-activities .activity-separator { padding-bottom: 10px; } .taglib-social-activities .day-separator { border-bottom: 1px dotted #CCC; margin-bottom: 0px; margin-top: 10px; padding-bottom: 2px; } .taglib-social-activities .first-day-separator { border-bottom: 1px dotted #CCC; margin-bottom: 0px; margin-top: 0px; padding-bottom: 2px; } /* ---------- Taglib social bookmark ---------- */ .js .taglib-social-bookmarks.visible { background: #F0F5F7; } .js .taglib-social-bookmarks .show-bookmarks { display: block; } .js .taglib-social-bookmarks.visible .show-bookmarks { } .js .taglib-social-bookmarks ul { border: 1px solid #828F95; border-left: none; border-right: none; display: none; } .js .taglib-social-bookmarks.visible ul { display: block; } .taglib-social-bookmarks li { float: left; margin-right: 1em; } .taglib-social-bookmarks ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ie .taglib-social-bookmarks ul { height: 1%; } .taglib-social-bookmarks li a { background: url() no-repeat 0 50%; padding: 3px 2px 3px 20px; } .taglib-social-bookmarks a.taglib-social-bookmark-blinklist { background-image: url(/html/themes/kor/images/social_bookmarks/blinklist.png); } .taglib-social-bookmarks a.taglib-social-bookmark-delicious { background-image: url(/html/themes/kor/images/social_bookmarks/delicious.png); } .taglib-social-bookmarks a.taglib-social-bookmark-digg { background-image: url(/html/themes/kor/images/social_bookmarks/digg.png); } .taglib-social-bookmarks a.taglib-social-bookmark-facebook { background-image: url(/html/themes/kor/images/social_bookmarks/facebook.png); } .taglib-social-bookmarks a.taglib-social-bookmark-furl { background-image: url(/html/themes/kor/images/social_bookmarks/furl.png); } .taglib-social-bookmarks a.taglib-social-bookmark-newsvine { background-image: url(/html/themes/kor/images/social_bookmarks/newsvine.png); } .taglib-social-bookmarks a.taglib-social-bookmark-reddit { background-image: url(/html/themes/kor/images/social_bookmarks/reddit.png); } .taglib-social-bookmarks a.taglib-social-bookmark-technorati { background-image: url(/html/themes/kor/images/social_bookmarks/technorati.png); } /* ---------- Taglib tags summary ---------- */ .taglib-tags-summary .tag { background: url(/html/themes/kor/images/common/tag.png) no-repeat 0 50%; margin-bottom: 3px; margin-right: 3px; padding: 2px 5px 2px 20px; } /* ---------- Taglib user display ---------- */ .taglib-user-display .user-details .user-name { clear: both; display: block; } .taglib-user-display .user-details.user-online .user-name { } .taglib-user-display .user-details .network-list { margin: 10px 0; } .taglib-user-display .user-details .network-list a { background: url() no-repeat 0 50%; display: block; padding-left: 20px; } .taglib-user-display .user-details .network-list .chat-user { background-image: url(/html/themes/kor/images/common/conversation.png); } /* ---------- Taglib webdav ---------- */ .js .taglib-webdav.visible { background: #F0F5F7; } .js .taglib-webdav .show-webdav { display: block; } .js .taglib-webdav.visible .show-webdav { } .js .taglib-webdav table { border: 1px solid #828F95; border-left: none; border-right: none; display: none; } .js .taglib-webdav.visible table { display: block; } .taglib-webdav table:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ie .taglib-webdav table { height: 1%; } /* ---------- jQuery plugins ---------- */ /* ---------- Tabs ---------- */ .tabs-hide { display: none; } .ie6 .tabs-nav { display: inline-block; } .ie6 .tabs-nav .tabs-disabled a { filter: alpha(opacity=40); } /* ----------- OpenID ---------- */ input[type="text"].openid-login { background: url(/html/themes/kor/images/common/openid.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } .ie6 input.text.openid-login { background: url(/html/themes/kor/images/common/openid.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* ----------- Accessibility ---------- */ img.label-icon { border: 0px; float: left; } img.icon { border: 0px; } img.avatar { border: 0px; } td.stretch { width: 99%; } .nobr { white-space: nowrap; } /* ------------------------------ pageinfo / ------------------------------ */ .pageInfo {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:9px 12px 9px 0 ; text-align:right; margin:32px 0 0 0; overflow:hidden} .pageInfo div {text-align:right; overflow:hidden; width:655px; float:right;} .pageInfo dl {margin:0; padding:0 ; overflow:hidden; float:right; margin-right:0; } .pageInfo dt {float:left; margin:0; padding:0 5px 0 0; color:#666666 } .pageInfo dd {float:left; margin:0; padding:0 18px 0 0 ; color:#666666} .pageInfo img { vertical-align:middle; float:right;}