mokio 0.0.15 → 2.0.8

data/app/assets/stylesheets/backend/plugins/forms/select2/select2.scss

@@ -515,3 +515,7 @@ disabled look for already selected choices in the results dropdown
 .select2-result-unselectable .select2-match { text-decoration: none; }
 
 .select2-offscreen { position: absolute; left: -10000px; }
+
+.select2-results__options li:first-child {
+  min-height: 25px;
+}

data/app/assets/stylesheets/backend/plugins/tables/dataTables/{jquery.dataTables.scss → jquery.dataTables.css}

@@ -171,9 +171,9 @@ table.display {
 	margin: 0 auto;
 	clear: both;
 	width: 100%;
-	
+
 	/* Note Firefox 3.5 and before have a bug with border-collapse
-	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
+	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
 	 * border-spacing: 0; is one possible option. Conditional-css.com is
 	 * useful for this kind of thing
 	 *
@@ -181,7 +181,7 @@ table.display {
 	 * It subtracts one px relative to the other browsers from the first column, and
 	 * adds one to the end...
 	 *
-	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
+	 * If you want that effect I'd suggest setting a border-top/left on th/td's and
 	 * then filling in the gaps with other borders.
 	 */
 }
@@ -202,7 +202,7 @@ table.display thead tr {
 table.display thead th {
 	font-weight: bold;
 	cursor: pointer;
-	* cursor: hand;
+	// * cursor: hand;
 }
 table.display tfoot tr {
 	background: rgb(255,255,255);
@@ -265,7 +265,7 @@ table.display td.center {
 .sorting_desc_disabled {
 	background: image-url('backend/plugins/data_tables/sort_desc_disabled.png') no-repeat center right !important;
 }
- 
+
 th:active {
 	outline: none;
 }
@@ -394,7 +394,7 @@ td.details {
 }
 
 .paging_full_numbers a.paginate_button,
- 	.paging_full_numbers a.paginate_active {
+ 	.paging_full_numbers a.paginate_button.current {
 	border: 1px solid #aaa;
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
@@ -437,7 +437,7 @@ td.details {
 	background: #e8e6e6;
 }
 
-.paging_full_numbers a.paginate_active {
+.paging_full_numbers a.paginate_button.current {
 	color: #f2f2f2;
 	box-shadow:0 1px 0 #eaeaea ,0 1px 0 #67c3da inset;
 	border-color: #5098aa;

data/app/assets/stylesheets/backend/theme/main.scss

@@ -0,0 +1,413 @@
+
+
+@import 'nice-select/style';
+
+//global
+$primary-color: #13a067;
+
+//typo
+
+h2,
+#lead-editor p,
+#content-editor p,
+#content-editor ul,
+#content-editor ol {
+  font-family: 'magneta', serif;
+}
+
+h3 {
+  font-family: 'Poppisns', sans-serif;
+}
+
+h2,h3 {
+  font-weight: 600;
+}
+
+h2 {
+  font-size: 38px;
+  margin: 60px 0 30px;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+h3 {
+  font-size: 20px;
+  margin: 50px 0 25px;
+}
+
+a,button {
+  transition: all 200ms ease-in;
+}
+
+.btn-outline {
+  background-image: linear-gradient(to bottom, #fafafa 0, #dcdcdc 100%);
+  display: inline-block;
+  font-size: 12px;
+  color: #555;
+  padding: 8px 10px;
+  border: 1px solid #ccc;
+
+  &:hover {
+    opacity: .85;
+  }
+
+  span {
+    color: #555;
+
+    &::before {
+      margin-right: 5px;
+    }
+  }
+}
+
+#lead-editor,
+#content-editor {
+  max-width: 765px;
+  padding: 20px;
+
+  p,ul,ol {
+    font-size: 19px;
+    line-height: 160%;
+    margin: 0 0 15px;
+  }
+
+  ul,ol {
+    margin-left: 30px;
+
+    li {
+      line-height: 150%;
+    }
+  }
+
+  ul {
+    &.list-link {
+      p {
+        margin: 0;
+      }
+    }
+  }
+}
+
+.news__brief-desc {
+  padding: 0 20px;
+}
+
+
+//widgets
+.info {
+  align-items: end;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 45px 0 50px;
+}
+
+.info__label {
+  align-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  margin: 0 0 7px;
+  text-transform: uppercase;
+}
+
+.info__image {
+  margin: 0;
+  text-align: center;
+  width: 55px;
+
+  img {
+    max-width: 75px;
+    width: 100%;
+  }
+}
+
+.info__content {
+  width: calc(100% - 70px);
+
+  p:not([class]) {
+    margin: 0;
+  }
+
+  p:not([class]),
+  ul {
+    font-size: 14px;
+  }
+}
+
+@media only screen and (min-width: 640px) {
+  .info {
+    align-items: center;
+  }
+
+  .info__image {
+    width: 120px;
+  }
+
+  .info__content {
+    width: calc(100% - 120px);
+  }
+}
+
+.highlight {
+  background: image-url('bg/highlight.svg') repeat 0 0/cover;
+  padding: 6px 3px 2px;
+}
+
+//icons
+.ic {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  display: inline-block;
+  height: 17px;
+  width: 17px;
+}
+
+.ic--research {
+  background-image: image-url('icons/research.svg');
+  color: transparent;
+}
+
+.ic--sheet {
+  background-image: image-url('icons/sheet.svg');
+  color: transparent;
+}
+
+.anno {
+  border: 0!important;
+  font-weight: 600;
+
+  &.research {
+    color: $primary-color;
+  }
+}
+
+hr {
+  background: image-url('bg/line.svg') repeat 0 0;
+  border: 0;
+  height: 4px;
+  margin: 50px 0;
+
+  &:nth-of-type(2) {
+    background-position: 200px 0;
+  }
+
+  &:nth-of-type(3) {
+    background-position: 400px 0;
+  }
+
+  &:nth-of-type(3) {
+    background-position: 600px 0;
+  }
+
+  &.border {
+    background: none;
+    border-bottom: 1px solid $gray-light;
+    height: 0;
+  }
+}
+
+//backend
+
+#content-editor {
+  table {
+    td,th {
+      font-size: 12px;
+      padding: 5px;
+      vertical-align: top;
+    }
+
+    td {
+      p {
+        font-family: 'Poppins', sans-serif;
+        font-size: 15px;
+        line-height: 120%;
+        margin: 0;
+      }
+    }
+  }
+}
+
+.table thead th,
+.table tbody td {
+  text-align: left!important;
+
+  br {
+    display: inline-block;
+    font-size: 13px;
+    line-height: 8px;
+    height: 8px;
+    content: "A";
+    width: 8px;
+  }
+  br:after {
+    content: ', ';
+    white-space: pre;
+  }
+}
+
+.table thead th:first-child {
+  width: 30px;
+}
+.table thead th:last-child {
+  text-align: center!important;
+  width: 80px;
+}
+.table tbody td:last-child {
+  text-align: center!important;
+}
+.table tbody {
+  tr {
+    td {
+      transition: background 200ms ease-in;
+    }
+    &:hover {
+      td {
+        background: #109bff1a;
+      }
+    }
+  }
+}
+
+
+
+.remove_fields {
+  border: 1px solid #d00;
+  border-radius: 5px;
+  display: inline-block;
+  margin-top: 6px;
+  padding: 4px 10px;
+
+  span {
+    color: #d00;
+    font-size: 13px;
+
+    &::before {
+      margin-right: 5px;
+    }
+  }
+}
+
+#lead-editor {
+  min-height: 200px;
+}
+
+#content-editor {
+  min-height: 500px;
+}
+
+.cke_editable {
+  &:focus {
+    outline: none;
+  }
+
+  a {
+    color: #555;
+    border-bottom: 2px dotted $primary-color;
+
+    &:hover {
+      color: $primary-color;
+    }
+  }
+}
+
+.cke_show_borders {
+  border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.form-row .form-label {
+  padding-top: 11px;
+}
+
+#content .form-row.row-fluid .row-fluid {
+  margin-bottom: 10px;
+}
+
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  color: #353535;
+  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  padding: 10px 18px;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+form#new_article_product,
+form[id^="edit_article_product"] {
+  .tab-content {
+    padding-bottom: 70px;
+  }
+
+  .form-actions {
+    bottom: 0;
+    border: 1px solid #c4c4c4;
+    height: 50px;
+    margin: 0;
+    padding-top: 35px;
+    position: fixed;
+    right: 35px;
+    width: calc(100% - 82px);
+    z-index: 10000;
+
+    @media only screen and (min-width: 481px) {
+      width: calc(100% - 92px);
+    }
+
+    @media only screen and (min-width: 981px) {
+      width: calc(100% - 334px);
+    }
+  }
+}
+
+.mainnav {
+  .contents_nav {
+    > .hasUl {
+      pointer-events: none;
+    }
+
+    #add_content {
+      display: block!important;
+    }
+  }
+}
+
+
+.row-fluid.article_product_product span.select2.select2-container{
+  width: 100%!important;
+}
+
+
+.select2-selection--single {
+  border-radius:0 !important;
+  height: 42px !important;
+  font-size: 14px;
+  padding: 7px 18px;
+  border-color: #9d9d9d !important;
+}
+
+.select2-container {
+  width:100%;
+}
+.select2-selection--multiple {
+  border-radius:0 !important;
+  border-color: #9d9d9d !important;
+}