balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

button-group.css (1990B)


      1 .rwmb-button-input-list {
      2 	margin: 0;
      3 	display:  inline-block;
      4 }
      5 .rwmb-button-input-list li {
      6 	margin-bottom: 0;
      7 	list-style: none;
      8 }
      9 .rwmb-button-input-list .rwmb-button_group {
     10 	display: none;
     11 }
     12 .rwmb-button-input-list li label {
     13 	display: block;
     14 	border: #ccc solid 1px;
     15 	position: relative;
     16 	z-index: 1;
     17 	padding: 5px 10px;
     18 	background: #fff;
     19 }
     20 .rwmb-button-input-list li label.selected {
     21 	border-color: #0073aa;
     22 	background: #0073aa;
     23 	color: #fff;
     24 	z-index: 2;
     25 }
     26 /* Layout not inline
     27 -------------------------------------------------*/
     28 .rwmb-button-input-list:not(.rwmb-inline) li label {
     29 	 border-top-width: 0;
     30 }
     31 .rwmb-button-input-list:not(.rwmb-inline) li:first-child label {
     32 	border-top-width: 1px;
     33 }
     34 .rwmb-button-input-list:not(.rwmb-inline) li label.selected {
     35 	border-bottom: 1px solid #fff;
     36 }
     37 .rwmb-button-input-list:not(.rwmb-inline) li:last-child label.selected {
     38 	border-bottom-color: #0073aa;
     39 }
     40 .rwmb-button-input-list:not(.rwmb-inline) > li:first-child:not(:last-child) label {
     41 	border-top-left-radius: 3px;
     42 	border-top-right-radius: 3px;
     43 }
     44 .rwmb-button-input-list:not(.rwmb-inline)  > li:last-child:not(:first-child) label {
     45 	border-bottom-right-radius: 3px;
     46 	border-bottom-left-radius: 3px;
     47 }
     48 /*  Layout inline
     49 ---------------------------------------------*/
     50 .rwmb-button-input-list.rwmb-inline li {
     51 	display: inline-block;
     52 }
     53 .rwmb-button-input-list.rwmb-inline li label {
     54 	border-left-width: 0;
     55 }
     56 .rwmb-button-input-list.rwmb-inline li:first-child label {
     57 	border-left-width: 1px;
     58 }
     59 .rwmb-button-input-list.rwmb-inline li label.selected {
     60 	border-right-color: rgb(255, 255, 255);
     61 }
     62 .rwmb-button-input-list.rwmb-inline li:last-child label.selected {
     63 	border-right-color: #0073aa;
     64 }
     65 .rwmb-button-input-list.rwmb-inline > li:first-child:not(:last-child) label {
     66 	border-top-left-radius: 3px;
     67 	border-bottom-left-radius: 3px;
     68 }
     69 .rwmb-button-input-list.rwmb-inline > li:last-child:not(:first-child) label {
     70 	border-top-right-radius: 3px;
     71 	border-bottom-right-radius: 3px;
     72 }