Osano - New CSS (#165)

Co-authored-by: Tamimi Ahmad <[email protected]>

Author: blainehussey

src/css/osano.css

@@ -1,77 +1,72 @@
-.osano-cm-window {
-  color: #fff;
-}
-.osano-cm-info-dialog__info .osano-cm-info-dialog-header p {
-  font-weight: 600;
-  font-size: 18px;
-  color: #fff;
-}
-.osano-cm-info-dialog__info p {
-  font-size: 15px;
-  line-height: 1.4;
-  color: #fff;
-}
-.osano-cm-drawer-toggle .osano-cm-label {
-  font-size: 15px;
-  line-height: 1;
-  margin: 0 auto 0 0;
-  font-weight: 600;
-  color: #fff;
-}
-.osano-cm-button {
-  background-color: #00c895;
-  border-color: #00c895;
-  color: #000;
-  padding: 15px 5px;
-  border-radius: 50px;
-  font-weight: 600;
-  font-size: 16px;
-  font-family: "open-sans", Tahoma, Verdana, sans-serif;
-}
-.osano-cm-powered-by {
-  margin: 10px 0 0;
-  color: #fff;
-}
-.osano-cm-info-dialog-header__close:focus {
-  outline: none;
-  outline-offset: 0rem;
-}
-.osano-cm-close,
-.osano-cm-info-dialog-header__close {
-  padding: 5px;
-  text-align: center;
-  stroke: #000 !important;
-  border-color: #00c895 !important;
-  background-color: #00c895 !important;
-  outline: none;
-}
-.osano-cm-close svg,
-.osano-cm-info-dialog-header__close svg {
-  height: 16px;
-  width: 16px;
-  position: relative;
-  display: block;
-  margin: auto;
-}
-.osano-cm-powered-by .osano-cm-link {
-  color: #666;
-}
-.osano-cm-widget {
-  border-radius: 50%;
-  overflow: hidden;
-}
-.osano-cm-close:focus,
-.osano-cm-widget:focus {
-  outline: 1px solid #000;
-}
-.osano-cm-widget--position_left {
-  left: 5px;
-  bottom: 5px;
-}
-.osano-cm-dialog--type_bar .osano-cm-button {
-  margin-right: 25px;
-}
-.osano-cm-widget--position_right {
-  right: 20px;
-  bottom: 50px;
+.osano-cm-info{
+  max-width:22em
+}
+.osano-cm-view{
+  padding:0 1em
+}
+.osano-cm-widget--position_right{
+  right:auto;
+  left:12px
+}
+.osano-cm-info-dialog-header{
+  border-bottom:1px solid #ccc;
+  margin-bottom:15px;
+  box-shadow:0 0 15px rgba(0,0,0,.2)
+}
+.osano-cm-header,.osano-cm-info-dialog-header{
+  background:#fff!important
+}
+.osano-cm-info-dialog__info p{
+  font-size:14px;
+  line-height:1.4;
+  color:#647481
+}
+.osano-cm-drawer-toggle .osano-cm-label,.osano-cm-info__info-dialog-header p{
+  color:#273749;
+  font-size:16px;
+  font-weight:600
+}
+.osano-cm-info__info-dialog-header p{
+  font-size:22px;
+  font-weight:600;
+  height:103px
+}
+.osano-cm-toggle__input+.osano-cm-toggle__switch:before{
+  border-color:#ababab
+}
+.osano-cm-toggle__input:checked+.osano-cm-toggle__switch:before{
+  border-color:#b3dedf
+}
+.osano-cm-list-item__disclosure{
+  padding-top:.7em
+}
+.osano-cm-toggle__input:disabled:checked+.osano-cm-toggle__switch::before,.osano-cm-toggle__input:disabled:checked:focus+.osano-cm-toggle__switch::before,.osano-cm-toggle__input:disabled:checked:hover+.osano-cm-toggle__switch::before{
+  background-color:#f3f9f9
+}
+.osano-cm-toggle__input:disabled:checked+.osano-cm-toggle__switch::after,.osano-cm-toggle__input:disabled:checked:focus+.osano-cm-toggle__switch::after,.osano-cm-toggle__input:disabled:checked:hover+.osano-cm-toggle__switch::after{
+  background-color:#7ac5c6
+}
+.osano-cm-dialog--type_bar .osano-cm-button.osano-cm-accept-all{
+  background-color:#f37021
+}
+.osano-cm-info--position_left .osano-cm-save{
+  background-color:#f37021;
+  border-color:#f37021;
+  border-radius:30px;
+  padding:15px;
+  font-size:16px
+}
+.osano-cm-info-dialog-header__close,.osano-cm-info-dialog-header__close:focus,.osano-cm-info-dialog-header__close:hover{
+  background-color:#f7f8f9;
+  stroke:#647481!important;
+  padding:5px;
+  border:1px solid #222!important;
+  outline:0
+}
+.osano-cm-close{
+  stroke-width:2px!important
+}
+.osano-cm-widget:focus{
+  border-radius:50%;
+/*  outline:#00c895 solid 1px */
 }