move icons style in new file

diff --git a/view/theme/quattro/icons.less b/view/theme/quattro/icons.less
new file mode 100644 (file)
index 0000000..8f7111a
--- /dev/null
+++ b/view/theme/quattro/icons.less
@@ -0,0 +1,37 @@
+/* icons */
+
+.icons(@size: 22) {
+       &.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); }
+       &.gear   { background-image: url("../../../images/icons/@{size}/gear.png"); }
+       
+       &.add           { background-image: url("../../../images/icons/@{size}/add.png"); }
+       &.delete        { background-image: url("../../../images/icons/@{size}/delete.png"); }
+       &.edit          { background-image: url("../../../images/icons/@{size}/edit.png"); }
+       &.start         { background-image: url("../../../images/icons/@{size}/star.png"); }
+}
+
+
+.icon {
+       background-color: transparent ;
+       background-repeat: no-repeat;
+       background-position: center center;
+       display: block;
+       overflow: hidden;
+       text-indent: -9999px;
+       padding: 1px;
+
+       &.text {
+               text-indent: 0px;
+       }
+
+       &.s16 {
+               width:22px; height: 22px;
+               .icons(16);
+       }
+       &.s22 {
+               width:22px; height: 22px;
+               .icons(22);
+       }
+       
+       
+}

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index d21c3c1826a39a4429098d7a1ccacd34e72b4f1a..c7cbe7ebb230618457e2b3abd5cec5e37c5da270 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -32,33 +32,13 @@ a:hover {color: @LinkHover; text-decoration: underline; }
 .left { float: left; }
 .right { float: right; }
 
-/* icons */
-
-
-.icons(@size: 22) {
-       &.notify { background-image: url("../../../images/icons/notify_off_@{size}.png"); }
-       &.gear   { background-image: url("../../../images/icons/gear_@{size}.png"); }
-}
-
-
-.icon {
-       background-color: transparent ;
-       background-repeat: no-repeat;
-       background-position: center center;
-       display: block;
-       overflow: hidden;
-       text-indent: -9999px;
-
-       &.s22 {
-               width:22px; height: 22px;
-               padding: 1px;
-               .icons(22);
-       }
-       
+.tool {
+       height: auto; overflow: auto;
+       .label { float: left;}
+       .icon { float: right; }
 }
 
 
-
 /* header */
 header {
        position: fixed; left: 43%; right: 43%; top: 0px;
@@ -156,7 +136,7 @@ nav {
                        .menu-popup{ right: 0px; left: auto; }
                }
        
-               #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/notify_on_22.png") }
+               #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") }
                #nav-apps-link.selected { background-color: @NavbarSelectedBg; }
 }
 
@@ -232,6 +212,20 @@ aside {
 
 }
 
+#contact-block {
+       overflow: auto; height: auto;
+       .contact-block-h4 { float: left; margin: 5px 0px; }
+       .allcontact-link { float: right; margin: 5px 0px; }
+       .contact-block-content {
+               clear: both;
+               overflow: auto; height: auto;
+       }
+       .contact-block-link {
+               float: left;
+               margin: 0px 2px 2px 0px;
+       }
+}
+
 
 
 
@@ -241,3 +235,6 @@ section {
        width: 800px;
        padding:0px 20px 0px 10px;
 }
+
+
+

diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index 28e6f5fa182513218edafa2a7065acce05f1801e..2b950c3ef9439ed5a83d74b98b36be68537a7c55 100644 (file)
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -1,6 +1,63 @@
 /**
  * Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
  **/
+/* icons */
+.icon {
+  background-color: transparent ;
+  background-repeat: no-repeat;
+  background-position: center center;
+  display: block;
+  overflow: hidden;
+  text-indent: -9999px;
+  padding: 1px;
+}
+.icon.text {
+  text-indent: 0px;
+}
+.icon.s16 {
+  width: 22px;
+  height: 22px;
+}
+.icon.s16.notify {
+  background-image: url("../../../images/icons/16/notify_off.png");
+}
+.icon.s16.gear {
+  background-image: url("../../../images/icons/16/gear.png");
+}
+.icon.s16.add {
+  background-image: url("../../../images/icons/16/add.png");
+}
+.icon.s16.delete {
+  background-image: url("../../../images/icons/16/delete.png");
+}
+.icon.s16.edit {
+  background-image: url("../../../images/icons/16/edit.png");
+}
+.icon.s16.start {
+  background-image: url("../../../images/icons/16/star.png");
+}
+.icon.s22 {
+  width: 22px;
+  height: 22px;
+}
+.icon.s22.notify {
+  background-image: url("../../../images/icons/22/notify_off.png");
+}
+.icon.s22.gear {
+  background-image: url("../../../images/icons/22/gear.png");
+}
+.icon.s22.add {
+  background-image: url("../../../images/icons/22/add.png");
+}
+.icon.s22.delete {
+  background-image: url("../../../images/icons/22/delete.png");
+}
+.icon.s22.edit {
+  background-image: url("../../../images/icons/22/edit.png");
+}
+.icon.s22.start {
+  background-image: url("../../../images/icons/22/star.png");
+}
 /* global */
 body {
   font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
@@ -28,25 +85,15 @@ a:hover {
 .right {
   float: right;
 }
-/* icons */
-.icon {
-  background-color: transparent ;
-  background-repeat: no-repeat;
-  background-position: center center;
-  display: block;
-  overflow: hidden;
-  text-indent: -9999px;
-}
-.icon.s22 {
-  width: 22px;
-  height: 22px;
-  padding: 1px;
+.tool {
+  height: auto;
+  overflow: auto;
 }
-.icon.s22.notify {
-  background-image: url("../../../images/icons/notify_off_22.png");
+.tool .label {
+  float: left;
 }
-.icon.s22.gear {
-  background-image: url("../../../images/icons/gear_22.png");
+.tool .icon {
+  float: right;
 }
 /* header */
 header {
@@ -186,7 +233,7 @@ nav #nav-site-linkmenu .menu-popup {
   left: auto;
 }
 nav #nav-notifications-linkmenu.selected .icon.s22.notify {
-  background-image: url("../../../images/icons/notify_on_22.png");
+  background-image: url("../../../images/icons/22/notify_on.png");
 }
 nav #nav-apps-link.selected {
   background-color: #364e59;
@@ -296,6 +343,27 @@ aside #dfrn-request-link:hover {
   text-decoration: none;
   background-color: #19aeff;
 }
+#contact-block {
+  overflow: auto;
+  height: auto;
+}
+#contact-block .contact-block-h4 {
+  float: left;
+  margin: 5px 0px;
+}
+#contact-block .allcontact-link {
+  float: right;
+  margin: 5px 0px;
+}
+#contact-block .contact-block-content {
+  clear: both;
+  overflow: auto;
+  height: auto;
+}
+#contact-block .contact-block-link {
+  float: left;
+  margin: 0px 2px 2px 0px;
+}
 /* section */
 section {
   display: table-cell;

diff --git a/view/theme/quattro/style.less b/view/theme/quattro/style.less
index d1c677b22a02cf70e1fe0259f73a4fed6fdad9bb..c3dbae777811aa2c5c888273085a355b88e54983 100644 (file)
--- a/view/theme/quattro/style.less
+++ b/view/theme/quattro/style.less
@@ -6,6 +6,7 @@
 // $ lessc style.less > style.css
 
 @import "colors";
+@import "icons";
 @import "quattro";