first commit

themes/at_movic/assets/css/components/search-widget.css

@@ -0,0 +1,116 @@
+/***************************************************
+  Mixins Themes 
+/***************************************************/
+/* Mixin Normal*/
+/* Mixin Clear */
+/* Mixin Border */
+/*background RGBA
+============================================*/
+/***************************************************
+  Mixins RTL Themes 
+/***************************************************/
+/************************************ 
+	Override Bootstrap 
+*************************************/
+/**
+ * Web Application Prefix Apply For Making Owner Styles
+ */
+/**
+ *   Blocks Layout Selectors 
+ */
+/***********************************************************************/
+#search_widget.open a.popup-title i:before {
+  content: "\e646"; }
+#search_widget .popup-content {
+  padding: 15px; }
+#search_widget .search-inner {
+  position: relative; }
+  #search_widget .search-inner input[type="text"] {
+    height: 40px;
+    line-height: 40px;
+    padding: 0;
+    min-width: 220px;
+    border: 0;
+    outline: none;
+    border-bottom: 1px solid #ccc;
+    color: #000;
+    padding: 0 40px 0 0; }
+    .rtl #search_widget .search-inner input[type="text"] {
+      padding: 0 0 0 40px; }
+    #search_widget .search-inner input[type="text"]:focus {
+      border-color: #000; }
+      #search_widget .search-inner input[type="text"]:focus + button[type="submit"] i:before {
+        content: "\e628"; }
+  #search_widget .search-inner button[type="submit"] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    border: 0;
+    padding: 0;
+    width: 40px;
+    height: 40px;
+    background: none;
+    outline: none;
+    line-height: 40px;
+    text-align: center;
+    cursor: pointer; }
+    #search_widget .search-inner button[type="submit"] i {
+      vertical-align: middle;
+      font-size: 21px;
+      color: #000; }
+    #search_widget .search-inner button[type="submit"]:hover i:before {
+      content: "\e628"; }
+
+#checkout #search_widget {
+  display: none;
+  /* Not ideal solution by allows to reuse same hooks/templates */ }
+
+#pagenotfound .page-content #search_widget {
+  width: 100%; }
+  #pagenotfound .page-content #search_widget .popup-content {
+    position: relative; }
+
+#main #search_widget a.popup-title {
+  display: none; }
+#main #search_widget .popup-content {
+  position: static;
+  display: block !important;
+  opacity: 1;
+  filter: alpha(opacity=100);
+  width: 100%;
+  float: none;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -o-box-shadow: none;
+  -ms-box-shadow: none;
+  box-shadow: none;
+  z-index: 1; }
+#main #search_widget .search-inner {
+  position: relative; }
+#main #search_widget input[type=text] {
+  padding: 0 50px 0 0;
+  height: 40px;
+  line-height: 1;
+  outline: 0; }
+  .rtl #main #search_widget input[type=text] {
+    padding: 0 0 0 50px; }
+  #main #search_widget input[type=text]:focus {
+    border-color: #000; }
+#main #search_widget button[type=submit] {
+  width: 40px;
+  height: 40px;
+  bottom: 0;
+  top: auto;
+  right: 0;
+  background: none;
+  color: #333; }
+  .rtl #main #search_widget button[type=submit] {
+    left: 0;
+    right: auto; }
+  #main #search_widget button[type=submit] i {
+    font-size: 14px; }
+  #main #search_widget button[type=submit]:hover {
+    background: #000;
+    color: #fff; }
+
+/*# sourceMappingURL=search-widget.css.map */