feat: css und menu als require

bin/css/controls.css

+/** sheets
+ ========================================== */
+
+.quiqqer-sheets-desktop .quiqqer-sheets-desktop-current,
+.quiqqer-sheets-desktop .quiqqer-sheets-sheet {
+    color: #666;
+    display: inline-block;
+    float: none;
+    margin: 0 1px;
+    padding: 0 10px;
+}
+
+.quiqqer-sheets-desktop .quiqqer-sheets-desktop-current,
+.quiqqer-sheets-desktop .quiqqer-sheets-desktop-current:hover {
+    color: #fff;
+    background: #666 !important;
+    border-color: #666 !important;
+}
+
+.quiqqer-sheets-desktop .quiqqer-sheets-first,
+.quiqqer-sheets-desktop .quiqqer-sheets-prev,
+.quiqqer-sheets-desktop .quiqqer-sheets-next,
+.quiqqer-sheets-desktop .quiqqer-sheets-last {
+    color: #666;
+    display: inline-block;
+    float: none;
+    margin: 0 1px;
+    padding: 0 10px;
+}
+
+.quiqqer-sheets-desktop a.quiqqer-sheets-sheet:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-first:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-prev:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-next:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-last:hover {
+    background: #ddd;
+}
+
+.quiqqer-sheets-desktop-disabled {
+    opacity: 0.5;
+}
\ No newline at end of file

bin/css/frontend-users.css

+.quiqqer-frontendUsers-controls-profile-categoryContent h2 {
+    font-weight: normal;
+    line-height: 40px;
+    padding-bottom: 20px;
+}
 
 .quiqqer-fupc-category-header {
     line-height: 30px;

bin/css/order.css

 /** Order Process
  =================================================== */
+
+.quiqqer-order-basket-articles {
+    width: 100%;
+}
+
+.quiqqer-order-basket-articles td {
+    padding-bottom: 10px;
+    vertical-align: top;
+}
+
+.quiqqer-order-basket-articles-header {
+    color: #999999;
+    font-size: 12px;
+    line-height: 30px;
+}
+
+.quiqqer-order-basket-articles-article-pos {
+    text-align: center;
+    width: 100px;
+}
+
+.quiqqer-order-basket-articles-header-information {
+    text-align: left;
+}
+
+.quiqqer-order-basket-articles-article-quantity {
+    text-align: center;
+}
+
+.quiqqer-order-basket-articles-header-price,
+.quiqqer-order-basket-articles-unitPrice,
+.quiqqer-order-basket-articles-article-price,
+.quiqqer-order-basket-articles-article-sum {
+    text-align: right;
+}
+
+.quiqqer-order-basket-total {
+    float: right;
+    margin-top: 20px;
+    text-align: right;
+}
+
+/** article content
+ =========================================== */
+
+.quiqqer-order-basket-articles-article-title {
+    font-weight: bold;
+}
+
+.quiqqer-order-basket-articles-article-data ul {
+    margin-left: 20px;
+}

bin/css/style.css

@@ -57,6 +57,15 @@ button:disabled:hover {
     background: #f8f8f8;
 }
 
+/** elements
+ ===================================== */
+
+input, select {
+    background: #fff;
+    border: 1px solid #AAAAAA;
+    padding: 10px;
+}
+
 /** header
  ===================================== */
 
@@ -113,7 +122,6 @@ button:disabled:hover {
 /** main / tpl body
  ===================================== */
 
-
 .cologne-main header {
     padding: 20px 0;
 }
@@ -123,7 +131,6 @@ button:disabled:hover {
     font-weight: 300;
 }
 
-
 /** footer
  ===================================== */
 
@@ -139,6 +146,27 @@ button:disabled:hover {
     padding: 20px 0;
 }
 
+/** helper
+ ===================================== */
+
+.hide-on-desktop {
+    display: inline-block;
+}
+
+.hide-on-mobile {
+    display: none;
+}
+
+@media (min-width: 768px) {
+    .hide-on-desktop {
+        display: none;
+    }
+
+    .hide-on-mobile {
+        display: inline-block;
+    }
+}
+
 /** grid
  ===================================== */
 

composer.json

@@ -20,6 +20,7 @@
     "php": ">=5.3",
     "quiqqer\/quiqqer": "1.*|dev-master|dev-dev",
     "quiqqer\/erp": "1.*|dev-master|dev-dev",
-    "quiqqer/frontend-users": "1.0|dev-master|dev-dev"
+    "quiqqer/frontend-users": "1.0|dev-master|dev-dev",
+    "quiqqer/menu": "1.*|dev-master|dev-dev"
   }
 }

index.html

@@ -12,6 +12,7 @@
     <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/products.css"/>
     <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/frontend-users.css"/>
     <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/order.css"/>
+    <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/controls.css"/>
 
 </head>
 <body class="page-{$Site->getId()} {$typeClass}">