boconnect_theme 0.1.0

data/app/assets/stylesheets/store/headers_and_footers.css.scss

@@ -0,0 +1,21 @@
+h1, h2, h3, h4, h5, h6 {    
+  font-weight: bold;
+}
+h1 { font-size: 24px; line-height: 34px; }
+h2 { font-size: 23px; line-height: 32px; }
+h3 { font-size: 20px; line-height: 30px; }
+h4 { font-size: 18px; line-height: 28px; }
+h5 { font-size: 16px; line-height: 26px; }
+h6 { font-size: 14px; line-height: 24px; }
+
+#header{
+	position:relative;
+	background-color: #fff;
+	background-image:url(/assets/fundo_header_bb.png); ;
+	
+}
+
+footer#footer {
+  padding: 10px 0;
+  border-top: 1px solid $c_border;
+}

data/app/assets/stylesheets/store/links.css.scss

@@ -0,0 +1,10 @@
+@import 'colors';
+
+a {
+  text-decoration: none;
+  color: $c_base;
+
+  &:hover {
+    color: $c_colored !important;
+  }
+}

data/app/assets/stylesheets/store/lists.css.scss

@@ -0,0 +1,33 @@
+@import 'colors';
+
+ol, ul { 
+  list-style: none; 
+  li {
+      
+  }
+
+  &.inline {
+    li {
+      display: inline-block;
+    }
+  }
+}
+  
+dl {
+  dt, dd {
+    display: inline-block;
+    width: 50%;
+    padding: 5px;
+
+    &.odd {
+      background-color: $c_border;
+    }
+  }
+  dt {
+    font-weight: bold;
+    text-transform: uppercase;      
+  }
+  dd {
+    margin-left: -23px;
+  }
+}

data/app/assets/stylesheets/store/navigation.css.scss

@@ -0,0 +1,93 @@
+@import 'colors';
+
+nav#top-nav-bar {
+  text-align: right;
+  margin-top: 20px;
+
+  ul {
+    li {
+      margin-bottom: 5px;
+      padding-left: 10px;
+
+      a{
+        font-weight: bold;
+        font-size: 14px;
+        text-transform: uppercase;          
+      }
+    }
+  }
+}
+
+nav #main-nav-bar {
+  text-transform: uppercase;
+  font-weight: bold;
+  margin-top: 20px;
+  border-bottom: 1px solid $c_border;
+  padding-bottom: 6px;
+
+  li {
+    a {
+      font-size: 16px;
+      padding: 5px;
+    }
+
+    &#link-to-cart {
+      float: right;
+      padding-left: 24px;
+      background: url("cart.png") no-repeat left center;
+
+      &:hover {
+        border-color: $c_colored;
+
+        .amount {
+          border-color: $c_colored;            
+        }
+      }
+
+      a {
+        font-weight: normal;
+        font-size: 16px;
+        color: $c_colored;
+
+        .amount {
+          font-size: 18px;
+          font-weight: bold;
+          border-left: 1px solid $c_border;
+          padding-left: 5px;
+          padding-bottom: 5px;
+        }
+      }
+    }
+  }
+}
+
+nav#taxonomies {
+  .taxonomy-root {
+    text-transform: uppercase;
+    border-bottom: 1px solid $c_border;
+    margin-bottom: 5px;
+    color: $c_colored;
+  }
+
+  .taxons-list {
+    padding-left: 20px;
+    margin-bottom: 20px;
+    list-style: disc outside;
+  }
+}
+
+#breadcrumbs {
+  border-bottom: 1px solid $c_border;
+  padding: 3px 0;
+  margin-bottom: 15px;
+
+  li {
+    a {
+      color: $c_colored;
+    }
+    span {
+      text-transform: uppercase;
+      font-weight: bold;
+    }
+  }
+}

data/app/assets/stylesheets/store/paragraphs.css.scss

@@ -0,0 +1,3 @@
+p {
+  padding: 10px 0;
+}

data/app/assets/stylesheets/store/products.css.scss

@@ -0,0 +1,149 @@
+@import 'colors';
+
+.product-section-title {
+  text-transform: uppercase;
+  color: $c_colored;
+  margin-top: 15px;
+}
+
+.add-to-cart {
+  margin-top: 15px;
+
+  input[type="number"] {
+    width: 60px;
+    vertical-align: middle;
+    padding: 5px;
+    height: 35px;
+  }
+}
+
+span.price {
+  font-weight: bold;
+  color: $c_colored;
+
+  &.selling {
+    font-size: 20px;      
+  }
+  &.diff {
+    font-weight: bold
+  }  
+}
+  
+ul#products {
+  margin-left: -10px;
+  margin-right: -10px;    
+
+  li {
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 20px;
+
+    a {
+      display: block;
+
+      &.info {
+        height: 35px;
+        margin-top: 5px;
+        color: $c_gray;
+        border-bottom: 1px solid $c_border;
+      }
+    }
+
+    .product-image {
+      border: 1px solid $c_border;
+      padding: 5px;        
+      min-height: 110px;
+
+      &:hover {
+        border-color: $c_colored;
+      }
+
+    }
+
+    .price {
+      color: $c_colored;
+      font-size: 16px;
+      padding-top: 5px;
+      display: block;
+    }
+  }
+}
+
+.subtaxon-title {
+  text-transform: uppercase;
+
+  a {
+    color: $c_colored;  
+  }    
+}
+
+.search-results-title {
+  text-transform: uppercase;
+  border-bottom: 1px solid $c_border;
+  margin-bottom: 10px;
+}
+
+#sidebar_products_search {
+  .navigation {
+    margin-bottom: 15px;
+  }
+
+  span.category {
+    display: block;
+    font-weight: bold;
+    text-transform: uppercase;
+    border-bottom: 1px solid #ededed;
+    margin-bottom: 5px;
+    color: #00adee;
+    font-size: 14px;
+    line-height: 24px;
+  }
+}
+  
+.taxon {
+  overflow: hidden;
+}
+
+#product-images {
+  #main-image {
+    text-align: center;
+    border: 1px solid $c_border;
+  }
+}
+
+#product-description {
+  .product-title {
+    border-bottom: 1px solid $c_border;
+    margin-bottom: 15px;
+  } 
+}
+
+#product-thumbnails {
+  margin-top: 10px;
+
+  li {
+    margin-right: 6px;
+    border: 1px solid $c_border;
+
+    img {
+      padding: 5px;
+    }
+
+    &:hover, &.selected {
+      border-color: $c_colored;
+    }
+  }
+}
+
+#product-properties {
+  border: 1px solid $c_border;
+  padding: 10px;
+}
+
+#product-variants {
+  ul {
+    li {
+      padding: 5px;
+    }
+  }
+}

data/app/assets/stylesheets/store/reset.css.scss

@@ -0,0 +1,214 @@
+@import 'colors';
+
+#wrapper {
+	width: 920px;
+	margin: 0 auto;
+	background-color: #fff
+	
+}
+#header{
+	position:relative;
+	background-color: #fff;
+	background-image:url(/assets/fundo_header_bb.png); ;
+	
+}
+
+li#home-link {
+	display:none;
+}
+
+#content hr.space {
+	display:none;
+}
+
+ul#nav-bar li a {
+	font-family:"Trashhand",Arial, Helvetica, sans-serif;
+	font-size: 16px;
+	color: #8a5740;
+	text-decoration: none;
+}
+ul#nav-bar li a:hover {
+	color: #ec008c;
+}
+.menu{
+	font-family:"Trashhand",Arial, Helvetica, sans-serif;
+	font-weight: normal;
+	font-size: 18px;
+	width: 100%;
+	height: 30px;
+	color: #fff;
+	background-color: #ec008c;
+}
+.menu form{
+	margin-right:15px;
+}
+
+.menu ul#first {
+	list-style: none;
+}
+
+.menu form {
+	width: 320px;
+	display:inline-block;
+	float:right;
+	
+}
+
+.menu ul li{
+	list-style: none;
+	display:inline-block;
+	margin: 2px 25px;
+}
+
+
+#logo_boconnect{
+	width: 960px;
+}
+
+#logo_boconnect img{
+	margin: 22px 50px;
+}
+
+
+.sidebar-item h3{
+	font-family:"Trashhand",Arial, Helvetica, sans-serif;
+	font-style:normal;
+	font-size: 16px;
+	color: #ec008c;
+}
+
+li#search-bar {
+	display:none;
+}
+
+#link-to-cart{
+	margin: 0 10px;
+}
+
+.price.selling{
+	font-size: 16px;
+}
+
+#promocao{
+	position: absolute;
+	top: 35px;
+	right:295px;
+}
+
+#pagination_bar {
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	-o-border-radius: 10px;
+	border-radius: 10px;
+	background-color: #fff;
+	width: 689px;
+	height:30px;
+	margin: 4px 17px 6px 7px;
+	font-family:"Trashhand",Arial, Helvetica, sans-serif;
+	font-style:normal;
+	font-size: 18px;
+	color: #8a5740;
+}
+p.category{
+	padding: 2px 12px;
+}
+
+span.details {
+	font-family:"Trashhand",Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	color: #ec008c;
+	text-align: right;
+	padding: 0 4px;
+}
+
+span.details:hover {
+	text-decoration: underline;
+}
+
+#footer {
+	background-color: #fff;
+	border-bottom: 5px solid #ec008c;
+}
+
+img.bobags {
+	float:right;
+}
+
+#footer_bar{
+	position:relative;
+	font-family:Arial, Helvetica, sans-serif;	
+	text-align: center;
+	font-size: 12px;
+	color: #000;
+	font-weight:normal;
+	
+}
+
+#footer_bar ul{
+	margin: 5px 0;
+}
+
+#footer_bar ul li {
+	display:inline-block;
+	list-style: none;
+}
+
+#footer_bar ul li:after {
+	content: "|";
+	padding: 0 1px 0 6px;
+	
+}
+
+#footer_bar ul li.last:after {
+	content: " ";
+}
+
+#allrights{
+	font-family:Arial, Helvetica, sans-serif;	
+	text-align: center;
+	font-size: 12px;
+	color: #000;
+	font-weight:normal;
+	padding-bottom: 10px;
+	
+}
+#facebook {
+	margin-left: 8px;
+}
+
+img#bobags{
+	position:absolute;
+	right: 15px;
+	top: 25px;
+	
+}
+
+#sidebar h1 {
+	font-family:"Trashhand",Arial, Helvetica, sans-serif;
+	font-size: 18px;
+	color: #8a5740;
+	margin: 10px 0 10px 12px;
+}
+
+#taxonomies {
+	margin-left: 20px;
+}
+
+#breadcrumbs {
+	display:none;
+}
+
+.navigation{
+	margin-left: 20px;
+}
+.navigation ul {
+	margin:0 5px 5px 5px;
+	
+}
+
+span.category{
+	font-family:"Trashhand",Arial, Helvetica, sans-serif;
+	font-size: 16px;
+	color:#ec008c;
+	
+}