MyMuse CSS
@CHARSET "UTF-8";
.clear {
clear: both;
}
/** needed with some templates
*, *::after, *::before {
box-sizing: border-box;
}
*/
/* override the print and email icons */
ul.actions {
list-style-type:none;
margin:0;
padding:0;
height: 20px;
}
.actions li {
float:left;
}
.actions a {
display:block;
width:20px;
}
.mymusetable {
width: 100%;
}
.mymusetable td {
padding: 5px;
}
.mymuse_msg {
color:#dd0000;
}
/*category desc */
div.category-desc > img {
height: 150px;
max-width: 150px;
padding: 10px;
float: left;
}
/* blog or list subcats */
div.cat-children li > span.subcat-image > a > img {
height: 150px;
max-width: 150px;
padding: 10px;
}
div.cat-items ul {
padding: 0 0 0 20px;
margin: 5px 0 5px 0;
}
/* some templates force all list items to have display: inline" */
div.cat-items ul li {
display: block;
}
/* blog layouts */
.blog {
margin: 1px 1px 1px 10px;
}
.item-title {
font-weight: bold;
}
/*sub-categories columns*/
/*blog products columns */
.cat-items .cols-2 .column-1,
.cat-items .cols-2 .column-2,
.cat-items .cols-3 .column-1,
.cat-items .cols-3 .column-2,
.cat-items .cols-3 .column-3,
.cat-items .cols-4 .column-1,
.cat-items .cols-4 .column-2,
.cat-items .cols-4 .column-3,
.cat-items .cols-4 .column-4
{
float: left;
clear: right;
padding: 2px;
}
.cat-items .cols-2 .column-1 { width: 48%; }
.cat-items .cols-2 .column-2 { width: 48%; }
.cat-items .cols-3 .column-1 { width: 32%; }
.cat-items .cols-3 .column-2 { width: 32%; }
.cat-items .cols-3 .column-3 { width: 32%; }
.cat-items .cols-4 .column-1 { width: 24%; }
.cat-items .cols-4 .column-2 { width: 24%; }
.cat-items .cols-4 .column-3 { width: 24%; }
.cat-items .cols-4 .column-4 { width: 24%; }
.cat-items .cols-1 .column-1 { width: 98%; }
div.cat-items div.items-row{
clear: both;
}
.intro-item {
margin: 0;
float: left;
width: 90%;
}
div.intro-item .list-image img {
width: 100%;
margin: 2px;
}
div.intro-item .title {
font-weight: bold;
margin-bottom: 10px;
clear: left;
}
div.intro-item .readmore {
font-weight: bold;
clear: left;
}
/*blog sub-categories */
.cat-children ul {
list-style-type:none;
}
.cat-children ul li {
break: both;
}
/*blog product items */
.cat-items {
margin-top:20px;
}
.cat-items .title {
font-weight: bold;
margin-bottom: 10px;
}
/* blog links */
.items-more
{
clear: both;
}
/* end blog */
/* product pages */
.product-image{
max-width: 100%;
float: left;
clear: right;
padding-right: 10px;
}
.product-image img{
}
.product-content {
float: left;
}
.product-content ul{
margin-bottom: 20px;
}
.product-content .release{
font-weight: 700;
font-size: 30px;
}
.release-title {
font-weight: 500;
font-size: 30px;
}
.product-content .release:after{
content: ":";
}
.product-intro{
max-width: 100%;
}
.product-content-item .category {
font-weight: 700;
}
.product-content-item .category:after {
content: ":";
}
.product-content ul{
list-style-type:none;
margin:0;
padding:0;
}
/* cart */
.mymuse_cart ul{
list-style-type:none;
margin:0;
padding:0;
}
table.mymuse_cart, div.mymuse_cart {
background-color: #FFFFFF;
margin: 1px;
padding: 0px;
border: 1px solid #CCCCCC;
border-spacing: 0px;
width: 100%;
}
table.mymuse_cart tr:nth-of-type(even) {
background: #eee;
}
table.mymuse_cart_inner {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
border: 1px solid #CCCCCC;
border-spacing: 0px;
width: 100%;
}
.mymuse_cart thead th{
background-color: #ddd;
font-weight: bold;
border: 1px solid #999999;
}
table.mymuse_cart td, table.mymuse_cart th, div.mymuse_cart {
padding: 4px;
vertical-align: middle;
border: 1px solid #CCCCCC;
}
.mycheckbox{
text-align: center;
}
.myquantity .inputbox {
width:auto;
}
#player{
margin-left: 174px;
}
.image_pad{
border: 0;
}
div.mymuse_button a {
padding: 5px 5px 5px 5px;
text-align: center;
font-size: 14px;
font-weight: bold;
border: 1px solid #CCCCCC;
}
.mymuse-wrap {
background-color: #eee;
margin: 0px 0px 20px 0px;
padding: 0px;
border: 1px solid #ccc;
border-spacing: 0px;
width: 100%;
}
.mymuse-button-left{
width: 47%;
}
.mymuse-button-right{
width: 47%;
text-align: right;
}
.mymuse-wrap .button{
margin: 3px 3px 3px 3px;
}
span.discount {
text-decoration: line-through;
color: red;
}
.myselect, .myfilesize{
margin-right: auto;
margin-left: auto;
text-align: center;
}
td.myprice, td.myquantity,td.mytotal, td.myoriginalsubtotal, td.myshoppergroupdiscount,
td.mynewsubtotal, td.mytaxname, td.mytax, td.mytotal, td.mydiscount,
td.mytax, td.myshipping, td.mysubtotal, td.mycoupon
{
text-align: right;
}
/* to hide the player, uncomment this commented section
#product_player {
top: -1000px;
position: absolute;
z-index:2000000;
}
#jp-title-div {
top: -1000px;
position: absolute;
z-index:2000000;
}
*/
/* end of hide player */
/* Minicart on page */
#parent {
float:left;
position: relative;
padding-bottom: 10px;
}
#mini-cart {
float:right;
position: relative;
padding-bottom: 10px;
}
.mini-cart-top{
width: 300px;
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
padding: 4px;
}
.mini-cart-content{
border-radius: 8px;
background: #fff none repeat scroll 0% 0%;
padding: 10px;
}
.mini-cart-cart, .mini-cart-text, .mini-cart-link {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.mini-cart-cart {
background: url('../images/cart.png') no-repeat scroll 0% 0%;
width: 34px;
height: 34px;
}
.mini-cart-text, .mini-cart-link {
padding: 1px 10px;
}
/* alphabet */
#alphabet .letter{
padding: 0 5px 0 0;
font-weight:bold;
}
#alphabet .selected{
font-size:150%
}
/* Add to cart Modal */
#my_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
filter: alpha(opacity = 50);
z-index: 1000;
}
#my_modal {
position: fixed;
background: rgba(0, 0, 0, 0.2);
border-radius: 14px;
padding: 8px;
z-index: 1001;
}
#my_content {
border-radius: 8px;
background: #fff;
padding: 20px;
z-index: 1001;
}
#my_close {
position: absolute;
background: url('../images/close.png') 0 0 no-repeat;
width: 24px;
height: 27px;
display: block;
text-indent: -9999px;
top: -7px;
right: -7px;
}
/* related/recommended items */
#mymuse-container-wrap {
margin: 50px 0px 35px 0px
}
#mymuse-container {
width: 100%;
}
.related-item {
display: inline-block;
width: 13.98%;
}
.related-item img {
width: 100%
}
.licence-text{
margin-top: 10px;
font-weight: bold;
}
/* Only Phones */
@media (max-width: 767px) {
.cat-items .cols-2 .column-1, .cat-items .cols-2 .column-2,
.cat-items .cols-3 .column-1, .cat-items .cols-3 .column-2, .cat-items .cols-3 .column-3,
.cat-items .cols-4 .column-1, .cat-items .cols-4 .column-2, .cat-items .cols-4 .column-3, .cat-items .cols-4 .column-4
{ width: 100%; }
//.product-image{
// width:100%;
// clear: both;
//}
td.myselect, td.myprice, td.myfilesize, td.mytotal, td.myquantity,
td.myoriginalsubtotal, td.myshoppergroupdiscount,
td.mynewsubtotal, td.mytaxname, td.mytax, td.mytotal,
td.mydiscount, td.myshipping, td.myshipmethod, td.mysummarytotal,
td.mysubtotal, td.mycoupon, td.mypreview, td.mydownloads, td.myexpiry
{
text-align: left;
}
/* Force table to not be like tables anymore */
.mymuse_cart table, .mymuse_cart thead, .mymuse_cart tbody, .mymuse_cart th,
.mymuse_cart td, .mymuse_cart tr {
display: table-row;
}
/* Hide table headers (but not display: none;, for accessibility) */
.mymuse_cart thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.mymuse_cart tr { border: 1px solid #ccc; }
.mymuse_cart td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #ccc;
position: relative;
padding-left: 50%;
}
td.myselect:before, td.mytitle:before, td.mytime:before,
td.myfilesize:before, td.myprice:before, td.mypreviews:before,
td.myquantity:before, td.mysku:before, td.mysubtotal:before,
td.myaction:before, td.myoriginalsubtotal:before, td.myshoppergroupdiscount:before,
td.mynewsubtotal:before, td.myshipping:before, td.mytotal:before,
td.myupdatecart:before, td.mycoupon:before, td.myreservationfee:before,
td.myothercharges:before, td.mypaynow:before, td.mydiscount:before,
td.myimage:before, td.myauthor:before, td.myhits:before, td.mysales:before,
td.mydate-modified:before, td.mydate-created:before, td.mydate-published:before,
td.mydate-product_made_date:before, td.myartist:before, td.myorderid:before,
td.mydate:before, td.myorderstatus:before, td.myfullname:before, td.myemail:before,
td.myphone:before, td.myaddress:before, td.mycity:before, td.myzip:before,
td.myregion:before, td.mycountry:before, td.mycompany:before , td.myfax:before,
td.myColour:before, td.myshipmethod:before, td.myordernumber:before,
td.myorderdate:before, td.mypaid:before, td.mysummarytotal:before,
td.mypreview:before, td.mydownloads:before, td.myexpiry:before
{
white-space: nowrap;
padding-right: 7%;
margin-right: 7%;
width: 26%;
display: inline-block;
border-right: 1px solid #ccc;
}
td.myselect, td.mytitle, td.mytime,
td.myfilesize, td.myprice, td.mypreviews,
td.myquantity, td.mysku, td.mysubtotal,
td.myaction, td.myoriginalsubtotal, td.myshoppergroupdiscount,
td.mynewsubtotal, td.myshipping, td.mytotal,
td.myupdatecart, td.mycoupon, td.myreservationfee,
td.myothercharges, td.mypaynow, td.mydiscount,
td.myimage, td.myauthor, td.myhits, td.mysales,
td.mydate-modified, td.mydate-created, td.mydate-published,
td.mydate-product_made_date, td.myartist, td.myorderid,
td.mydate, td.myorderstatus, td.myfullname, td.myemail,
td.myphone, td.myaddress, td.mycity, td.myzip,
td.myregion, td.mycountry, td.mycompany , td.myfax,
td.myColour, td.myshipmethod, td.myordernumber,
td.myorderdate, td.mypaid, td.mypreview, td.mydownloads, td.myexpiry
{
clear:both;
}
td.mytotal:before, td.mytotal, td.myoriginalsubtotal:before, td.myoriginalsubtotal,
td.mydiscount:before, td.mydiscount, td.myshipping:before, td.myshipping {
font-weight: bold;
}
td.mobile-hide{
position: absolute;
top: -9999px;
left: -9999px;
}
}
- Hits: 13348