44//
55// DON'T FORGET TO STORE IT BACK TO THE PACKAGE!
66//
7+ // LAST MOD: 2017-08-28
8+ //
79// //////////////////////////////
810
911// Import fonts
@@ -290,7 +292,8 @@ footer a i {
290292
291293.un_flex_vs {
292294 flex-direction : column ;
293- justify-content : space-around ;
295+ /* justify-content: space-around;*/
296+ justify-content : space-between ;
294297 align-items : stretch ;
295298}
296299
@@ -607,11 +610,32 @@ h2 span {
607610
608611.un_nav_2 {
609612 padding : .5rem ;
613+
610614 .btn {
611615 padding : .2rem !important ;
612616 }
613617}
614618
619+ .un_nav_3 {
620+ font-size : 70% ;
621+ text-align : center ;
622+ padding : .5rem ;
623+ background : @step3 ;
624+ border : 2px solid #aaa ;
625+ border-radius : 4px ;
626+ > * {
627+ padding : .2rem !important ;
628+ background : @step4 ;
629+ border : none ;
630+ border-radius : 4px ;
631+ }
632+ > button :hover {
633+ background : @cstep1 ;
634+ color :#444 ;
635+
636+ }
637+ }
638+
615639.nav-item {
616640 font : italic 700 1.3rem ' Open Sans' ;
617641}
@@ -878,20 +902,21 @@ h2 span {
878902
879903}
880904
881- .un_user
882- {
905+ .un_user {
883906 max-width : 100% ;
884907 display : inline-block ;
885908 height : 2.4rem ;
886- }
887909
888- .un_user img
889- {
890- width : 2.4rem ;
891- height : 2.4rem ;
892- max-height : 2.4rem ;
893- max-width : 2.4rem ;
910+ img {
911+ width : 2.4rem ;
912+ height : 2.4rem ;
913+ max-height : 2.4rem ;
914+ max-width : 2.4rem ;
915+ }
916+
894917}
918+
919+ .un_user
895920.un_user div
896921{
897922padding : .2rem ;
@@ -910,6 +935,21 @@ padding: .2rem;
910935}
911936
912937
938+ .un_user_2 {
939+ max-width : 100% ;
940+ display : inline-block ;
941+ height : 3.6rem ;
942+
943+ img {
944+ width : 3.6rem ;
945+ height : 3.6rem ;
946+ max-height : 3.6rem ;
947+ max-width : 3.6rem ;
948+ }
949+ div {
950+ align-self : center ;
951+ }
952+ }
913953
914954.un_wrapper {
915955 margin : 1rem !important ;
@@ -2145,6 +2185,19 @@ div[class^="communique"] + div[class^="communique"]{
21452185 background : #444 ;
21462186}
21472187
2188+ /* bordered button for dropbox*/
2189+ .un_border_2 {
2190+ border : 2px solid #999 ;
2191+ /* background: #444;*/
2192+
2193+ }
2194+ /* bordered button for dropbox*/
2195+ .un_border_1 {
2196+ border : 2px solid #999 ;
2197+ padding : 1rem ;
2198+
2199+ }
2200+
21482201
21492202.un_btn_lg {
21502203 border : 2px solid rgba (211 ,208 ,193 ,.06 );
@@ -2503,7 +2556,7 @@ label {
25032556 animation : checkbox- check 125ms 250ms cubic-bezier (.4 ,.0 ,.23 ,1 ) forwards ;
25042557 }
25052558
2506- .un_checkbox_4 {
2559+ .un_checkbox_5 {
25072560 /* background: green;*/
25082561
25092562 li {
@@ -2512,46 +2565,46 @@ label {
25122565 margin-bottom : 1em ;
25132566 position : relative ;
25142567 }
2515- input [type= " checkbox" ],
2516- input [type= " radio" ] {
2517- display : none ;
2518- }
2519- input [type= " checkbox" ]+ label ,
2520- input [type= " radio" ]+ label {
2521- padding-left : 2em ;
2522- }
2523- input [type= " checkbox" ]+ label :before ,
2524- input [type= " checkbox" ]+ label :after ,
2525- input [type= " radio" ]+ label :before {
2526- content : ' ' ;
2527- background : #ececec ;
2528- border-radius : 50% ;
2529- width : 20px ;
2530- height : 20px ;
2531- display : inline-block ;
2532- border : 1px solid #ccc ;
2533- z-index : -1 ;
2534- position : absolute ;
2535- left : 0 ;
2536- transition : all ease .5s ;
2537- }
2538- input [type= " checkbox" ]+ label :after {
2539- border-radius : 0 ;
2540- }
2541- input [type= " checkbox" ]:checked + label :after ,
2542- input [type= " radio" ]:checked + label :before {
2543- border-radius : 50% 0 50% 50% ;
2544- transition : all ease .75s ;
2545- transform : rotate ( 45deg );
2546- background : #666 ;
2547- border : 1px solid #666 ;
2548- }
2549- input [type= " checkbox" ]:checked + label :before {
2550- transition : all ease .75s ;
2551- border-radius : 0 50% 50% 0 ;
2552- background : #666 ;
2553- border : 1px solid #666 ;
2554- }
2568+ input [type= " checkbox" ],
2569+ input [type= " radio" ] {
2570+ display : none ;
2571+ }
2572+ input [type= " checkbox" ]+ label ,
2573+ input [type= " radio" ]+ label {
2574+ padding-left : 2em ;
2575+ }
2576+ input [type= " checkbox" ]+ label :before ,
2577+ input [type= " checkbox" ]+ label :after ,
2578+ input [type= " radio" ]+ label :before {
2579+ content : ' ' ;
2580+ background : #ececec ;
2581+ border-radius : 50% ;
2582+ width : 20px ;
2583+ height : 20px ;
2584+ display : inline-block ;
2585+ border : 1px solid #ccc ;
2586+ z-index : -1 ;
2587+ position : absolute ;
2588+ left : 0 ;
2589+ transition : all ease .5s ;
2590+ }
2591+ input [type= " checkbox" ]+ label :after {
2592+ border-radius : 0 ;
2593+ }
2594+ input [type= " checkbox" ]:checked + label :after ,
2595+ input [type= " radio" ]:checked + label :before {
2596+ border-radius : 50% 0 50% 50% ;
2597+ transition : all ease .75s ;
2598+ transform : rotate ( 45deg );
2599+ background : #666 ;
2600+ border : 1px solid #666 ;
2601+ }
2602+ input [type= " checkbox" ]:checked + label :before {
2603+ transition : all ease .75s ;
2604+ border-radius : 0 50% 50% 0 ;
2605+ background : #666 ;
2606+ border : 1px solid #666 ;
2607+ }
25552608}
25562609
25572610.text-greenish {
0 commit comments