GUI Code refactor
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / select2 / select2-custom.css
index 92d7834..a4be221 100644 (file)
-.form-control .select2-choice {
-    border: 1px solid #e5e5e5;
-    background-color: #fff;
-    background-image: none;
-    filter: none;
-    height: 34px;
-    padding: 3px 0 0px 12px;
-}
-
-.select2-container.select2-drop-above .select2-choice {
-    border-bottom-color: #e5e5e5;
-    background-color: #fff;
-    background-image: none;
-    filter: none;
-}
-
-.select2-drop {
-    border: 1px solid #e5e5e5;
-    background-color: #fff;
-    background-image: none;    
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    filter: none;
-    border-top: 0;
-}
-
-.select2-drop-auto-width {
-    border-top: 1px solid #e5e5e5;
-}
-
-.select2-drop.select2-drop-above {
-    border-top: 1px solid #e5e5e5;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-}
-
-.select2-drop-active {
-    border: 1px solid #999999;
-    border-top: 0;
-}
-
-.select2-container .select2-choice .select2-arrow {
-    background-image: none;
-    background-color: #fff;
-    filter: none;
-    border-left: 1px solid #e5e5e5;
-}
-
-.select2-container.select2-container-active .select2-arrow,
-.select2-container.select2-dropdown-open .select2-arrow {
-    border-left: 0 !important;
-}
-
-.select2-container .select2-choice .select2-arrow b {
-    background: url('select2.png') no-repeat 0 1px;
-}
-
-.select2-search input {
-    border: 1px solid #e5e5e5;
-    background-color: #fff;
-    filter: none;
-    margin: 0;
-    outline: 0;
-    border: 1px solid #e5e5e5;
-    webkit-appearance: none !important;   
-    color: #333333;         
-    outline: 0;    
-    height: auto !important;
-    min-height: 26px;
-    padding: 6px 6px !important;
-    line-height: 20px;
-    font-size: 14px;
-    font-weight: normal;
-    vertical-align: top;  
-    background-color: #ffffff;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    margin-top: 5px;
-}
-
-.form-control.select2-container {
-    border: 0;
-    height: auto !important;
-    padding: 0px;
-}
-
-.select2-container-active .select2-choice,
-.select2-container-active .select2-choices {
-    border: 1px solid #999999 !important;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-}
-
-.select2-dropdown-open .select2-choice {
-    border-bottom: 0 !important;
-    background-image: none;
-    background-color: #fff;
-    filter: none;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-}
-
-.select2-dropdown-open.select2-drop-above .select2-choice,
-.select2-dropdown-open.select2-drop-above .select2-choices {
-    border: 1px solid #999999 !important;
-    border-top: 0 !important;
-    background-image: none;
-    background-color: #fff;
-    filter: none;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-
-}
-
-.select2-drop.select2-drop-above.select2-drop-active {
-    border: 1px solid #999999 !important;
-    border-bottom: 0 !important;
-}
-
-.select2-dropdown-open .select2-choice .select2-arrow b {
-    background-position: -18px 1px;
-}
-
-.select2-results {
-    margin: 5px 0;
-}
-
-.select2-results .select2-highlighted {
-    background: #eee;
-    color: #333;
-}
-
-.select2-results li em {
-    background: #feffde;
-    font-style: normal;
-}
-
-.select2-results .select2-highlighted em {
-    background: transparent;
-}
-
-.select2-results .select2-highlighted ul {
-    background: #fff;
-    color: #000;
-}
-
-.select2-results .select2-no-results,
-.select2-results .select2-searching,
-.select2-results .select2-selection-limit {
-    padding: 3px 7px 4px;
-    background: #f4f4f4;
-    display: list-item;
-}
-
-.select2-container-multi .select2-choices {
-    padding-left: 6px;
-    min-height: 34px;
-    border: 1px solid #e5e5e5;
-    background-image: none;
-    background-color: #fff;
-    filter: none;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-}
-
-.select2-container-multi.select2-container-active .select2-choices {
-    border: 1px solid #999 !important;
-    background-image: none;
-    background-color: #fff;
-    filter: none;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-}
-
-.select2-container-multi .select2-choices .select2-search-choice {
-    padding: 3px 5px 3px 18px;
-    margin: 5px 0 3px 5px;
-    border: 1px solid #e5e5e5;
-    background-image: none;
-    background-color: #fff;
-    filter: none;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-}
-
-/* contextual */
-.warning .select2-container .select2-choice,
-.warning .select2-container .select2-choices,
-.warning .select2-container-multi.select2-container-active .select2-choices {
-    border: 1px solid #C09853;
-}
-.warning .select2-container .select2-choice .select2-arrow {
-    border-left: 1px solid #C09853;
-}
-
-.error .select2-container .select2-choice,
-.error .select2-container .select2-choices,
-.error .select2-container-multi.select2-container-active .select2-choices {
-    border: 1px solid #B94A48;
-}
-.error .select2-container .select2-choice .select2-arrow {
-    border-left: 1px solid #B94A48;
-}
-
-.info .select2-container .select2-choice,
-.info .select2-container .select2-choices,
-.info .select2-container-multi.select2-container-active .select2-choices {
-    border: 1px solid #3A87AD;
-}
-.info .select2-container .select2-choice .select2-arrow {
-    border-left: 1px solid #3A87AD;
-}
-
-.success .select2-container .select2-choice,
-.success .select2-container .select2-choices,
-.success .select2-container-multi.select2-container-active .select2-choices {
-    border: 1px solid #468847;
-}
-.success .select2-container .select2-choice .select2-arrow {
-    border-left: 1px solid #468847;
-}
-
-/* Fix z-index when select2 opened in modals*/
-.modal-open .select2-drop-mask {
-    z-index: 10101;
-}
-
-.modal-open .select2-drop {
-    z-index: 10102;
-}
-.modal-open .select2-search {
-    z-index: 10102;
-}
+.form-control .select2-choice {\r
+    border: 1px solid #e5e5e5;\r
+    background-color: #fff;\r
+    background-image: none;\r
+    filter: none;\r
+    height: 34px;\r
+    padding: 3px 0 0px 12px;\r
+}\r
+\r
+.select2-container.select2-drop-above .select2-choice {\r
+    border-bottom-color: #e5e5e5;\r
+    background-color: #fff;\r
+    background-image: none;\r
+    filter: none;\r
+}\r
+\r
+.select2-drop {\r
+    border: 1px solid #e5e5e5;\r
+    background-color: #fff;\r
+    background-image: none;    \r
+    -webkit-box-shadow: none;\r
+            box-shadow: none;\r
+    filter: none;\r
+    border-top: 0;\r
+}\r
+\r
+.select2-drop-auto-width {\r
+    border-top: 1px solid #e5e5e5;\r
+}\r
+\r
+.select2-drop.select2-drop-above {\r
+    border-top: 1px solid #e5e5e5;\r
+    -webkit-box-shadow: none;\r
+            box-shadow: none;\r
+}\r
+\r
+.select2-drop-active {\r
+    border: 1px solid #999999;\r
+    border-top: 0;\r
+}\r
+\r
+.select2-container .select2-choice .select2-arrow {\r
+    background-image: none;\r
+    background-color: #fff;\r
+    filter: none;\r
+    border-left: 1px solid #e5e5e5;\r
+}\r
+\r
+.select2-container.select2-container-active .select2-arrow,\r
+.select2-container.select2-dropdown-open .select2-arrow {\r
+    border-left: 0 !important;\r
+}\r
+\r
+.select2-container .select2-choice .select2-arrow b {\r
+    background: url('select2.png') no-repeat 0 1px;\r
+}\r
+\r
+.select2-search input {\r
+    border: 1px solid #e5e5e5;\r
+    background-color: #fff;\r
+    filter: none;\r
+    margin: 0;\r
+    outline: 0;\r
+    border: 1px solid #e5e5e5;\r
+    webkit-appearance: none !important;   \r
+    color: #333333;         \r
+    outline: 0;    \r
+    height: auto !important;\r
+    min-height: 26px;\r
+    padding: 6px 6px !important;\r
+    line-height: 20px;\r
+    font-size: 14px;\r
+    font-weight: normal;\r
+    vertical-align: top;  \r
+    background-color: #ffffff;\r
+    -webkit-box-shadow: none;\r
+            box-shadow: none;\r
+    margin-top: 5px;\r
+}\r
+\r
+.form-control.select2-container {\r
+    border: 0;\r
+    height: auto !important;\r
+    padding: 0px;\r
+}\r
+\r
+.select2-container-active .select2-choice,\r
+.select2-container-active .select2-choices {\r
+    border: 1px solid #999999 !important;\r
+    -webkit-box-shadow: none !important;\r
+            box-shadow: none !important;\r
+}\r
+\r
+.select2-dropdown-open .select2-choice {\r
+    border-bottom: 0 !important;\r
+    background-image: none;\r
+    background-color: #fff;\r
+    filter: none;\r
+    -webkit-box-shadow: none !important;\r
+            box-shadow: none !important;\r
+}\r
+\r
+.select2-dropdown-open.select2-drop-above .select2-choice,\r
+.select2-dropdown-open.select2-drop-above .select2-choices {\r
+    border: 1px solid #999999 !important;\r
+    border-top: 0 !important;\r
+    background-image: none;\r
+    background-color: #fff;\r
+    filter: none;\r
+    -webkit-box-shadow: none !important;\r
+            box-shadow: none !important;\r
+\r
+}\r
+\r
+.select2-drop.select2-drop-above.select2-drop-active {\r
+    border: 1px solid #999999 !important;\r
+    border-bottom: 0 !important;\r
+}\r
+\r
+.select2-dropdown-open .select2-choice .select2-arrow b {\r
+    background-position: -18px 1px;\r
+}\r
+\r
+.select2-results {\r
+    margin: 5px 0;\r
+}\r
+\r
+.select2-results .select2-highlighted {\r
+    background: #eee;\r
+    color: #333;\r
+}\r
+\r
+.select2-results li em {\r
+    background: #feffde;\r
+    font-style: normal;\r
+}\r
+\r
+.select2-results .select2-highlighted em {\r
+    background: transparent;\r
+}\r
+\r
+.select2-results .select2-highlighted ul {\r
+    background: #fff;\r
+    color: #000;\r
+}\r
+\r
+.select2-results .select2-no-results,\r
+.select2-results .select2-searching,\r
+.select2-results .select2-selection-limit {\r
+    padding: 3px 7px 4px;\r
+    background: #f4f4f4;\r
+    display: list-item;\r
+}\r
+\r
+.select2-container-multi .select2-choices {\r
+    padding-left: 6px;\r
+    min-height: 34px;\r
+    border: 1px solid #e5e5e5;\r
+    background-image: none;\r
+    background-color: #fff;\r
+    filter: none;\r
+    -webkit-box-shadow: none !important;\r
+            box-shadow: none !important;\r
+}\r
+\r
+.select2-container-multi.select2-container-active .select2-choices {\r
+    border: 1px solid #999 !important;\r
+    background-image: none;\r
+    background-color: #fff;\r
+    filter: none;\r
+    -webkit-box-shadow: none !important;\r
+            box-shadow: none !important;\r
+}\r
+\r
+.select2-container-multi .select2-choices .select2-search-choice {\r
+    padding: 3px 5px 3px 18px;\r
+    margin: 5px 0 3px 5px;\r
+    border: 1px solid #e5e5e5;\r
+    background-image: none;\r
+    background-color: #fff;\r
+    filter: none;\r
+    -webkit-box-shadow: none !important;\r
+            box-shadow: none !important;\r
+}\r
+\r
+/* contextual */\r
+.warning .select2-container .select2-choice,\r
+.warning .select2-container .select2-choices,\r
+.warning .select2-container-multi.select2-container-active .select2-choices {\r
+    border: 1px solid #C09853;\r
+}\r
+.warning .select2-container .select2-choice .select2-arrow {\r
+    border-left: 1px solid #C09853;\r
+}\r
+\r
+.error .select2-container .select2-choice,\r
+.error .select2-container .select2-choices,\r
+.error .select2-container-multi.select2-container-active .select2-choices {\r
+    border: 1px solid #B94A48;\r
+}\r
+.error .select2-container .select2-choice .select2-arrow {\r
+    border-left: 1px solid #B94A48;\r
+}\r
+\r
+.info .select2-container .select2-choice,\r
+.info .select2-container .select2-choices,\r
+.info .select2-container-multi.select2-container-active .select2-choices {\r
+    border: 1px solid #3A87AD;\r
+}\r
+.info .select2-container .select2-choice .select2-arrow {\r
+    border-left: 1px solid #3A87AD;\r
+}\r
+\r
+.success .select2-container .select2-choice,\r
+.success .select2-container .select2-choices,\r
+.success .select2-container-multi.select2-container-active .select2-choices {\r
+    border: 1px solid #468847;\r
+}\r
+.success .select2-container .select2-choice .select2-arrow {\r
+    border-left: 1px solid #468847;\r
+}\r
+\r
+/* Fix z-index when select2 opened in modals*/\r
+.modal-open .select2-drop-mask {\r
+    z-index: 10101;\r
+}\r
+\r
+.modal-open .select2-drop {\r
+    z-index: 10102;\r
+}\r
\r
+.modal-open .select2-search {\r
+    z-index: 10102;\r
+}\r