Jump to content
7 posts in this topic

Recommended Posts

So, here are just a few fixes for 'InsanelyMac Theme' theme, if someone still cares about.  :P   Nothing really extra.

InsanelyMac Theme.png

 

Stylish Code:

/* HEADER_LAYOUT*/
.fa-bell::before{content: "\f087";}
.fa-envelope::before{content: "\f003";}
.fa-warning::before, .fa-exclamation-triangle::before{content: "\f12a";}
html[dir="ltr"] .ipsApp .ipsNotificationCount{right: -13px;}
.ipsApp .ipsNotificationCount{top: -13px;}
#ipsLayout_header{border-bottom: none;}
/* BODY_LAYOUT */
#ipsLayout_body{box-shadow: rgba(0,0,0,0.25) 0px 1px 5px;background: #fdfdfd;border-radius: 2px;}
/* PRIMARY_NAVIGATION_BAR */
#ipsLayout_header nav.ipsNavBar_noSubBars::after{display: none;}
.ipsNavBar_primary.ipsNavBar_noSubBars > ul > li.ipsNavBar_active > a{background: rgba(0, 0, 0, 0.25);color:#feffc6;}
.ipsNavBar_primary.ipsNavBar_noSubBars > ul > li.ipsNavBar_active > a::after{content: "";width: 0;height: 0;border-width: 0px 4px 4px 4px;border-color: transparent;border-style: solid;border-bottom-color: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -3px;}
.ipsNavBar_primary.ipsNavBar_noSubBars{padding-bottom: 0;}
/* BREADCRUMBS */
  /** TOP **/
.ipsBreadcrumb.ipsBreadcrumb_top{margin: 15px 0;padding: 12px 10px;opacity: 0.6;border: 1px solid #dedede;border-radius: 2px;}
.fa-home::before{content: none;}
/* FOOTER_LAYOUT */
html[dir="ltr"] .ipsList_inline > li, #ipsLayout_footer a, #ipsLayout_footer p{color: #e9e9e9;}

 

  • Like 4
Link to comment
Share on other sites

InsanelyMac_Light

  • based upon IPS Default Theme

Desktop

InsanelyMac_Light.png

Tablets:

InsanelyMac_Light_iPad.png

Smartphones:

InsanelyMac_Light_iPhone.png

 

Stylish Code:

/* HEADER */
#ipsLayout_header header{padding: 0;background-color: #684a4a;background-image: url('https://zupimages.net/up/18/12/sfz3.jpg');height: 200px;}
#ipsLayout_header nav.ipsNavBar_noSubBars{border: 1px black;}
#ipsLayout_header nav.ipsNavBar_noSubBars::after{height: 43px;background: rgba(0,0,0,0.5);border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);box-shadow: rgba(0, 0, 0, 0.6) 0 1px 5px;}
 /** SITE_NAME **/
#elSiteTitle{line-height: 100px;}
 /** USER_NAV **/
html[dir="ltr"] #elUserNav{top: 30px;}
#elUserNav{position: absolute;line-height: 35px;background: rgba(0,0,0,0.5);box-shadow: 0px 1px 3px rgba(0,0,0,0.5) inset, 0px 1px 0px rgba(255,255,255,0.2), 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 10px 10px rgba(0,0,0,0.2) inset;border-radius: 2px;padding: inherit;}
.fa-bell::before{content: "\f0a2";font-family: FontAwesome;} /* Notification icon */
.fa-envelope::before{content: "\f003";font-family: FontAwesome;} /* Messages icon */
.fa-warning::before, .fa-exclamation-triangle::before{content: "\f11d";font-family: FontAwesome;}
/** USER_IMG **/
.ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny::after, #cUserLink .ipsUserPhoto img{width: 34px;height: 34px;border-radius: initial;}
/* PRIMARY_NAVBAR */
.ipsNavBar_primary.ipsNavBar_noSubBars{padding-bottom: 4px;top: 0px;margin: 0;}
.ipsNavBar_primary > ul > li > a{border-radius: 2px;background: rgba(255,255,255,0.3);}
.ipsNavBar_primary.ipsNavBar_noSubBars > ul > li.ipsNavBar_active > a, .ipsNavBar_primary > ul > li > a:hover{background: rgba(0,0,0,0.5);color: wheat;}
/* SEARCH */
#elSearch, #elSearch #elSearchFilter{background: rgba(0,0,0,0.5);background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);box-shadow: inset rgba(0,0,0,0.1) 0px 1px 0px;border-radius: 3px;}
#elSearch {height: 33px;width: 200px;margin: 1px;}
#elSearch #elSearchFilter:hover{background: rgba(0,0,0,1);}
#elSearch button{color: rgba(255,255,255,0.9);line-height: 36px;}
html[dir="ltr"] #elSearch input[type="search"]{right: 40px;}
#elSearch input[type="search"]{color: white;top: 4px;width: 150px;}
#elSearch #elSearchFilter{color: #fffc;line-height: 33px;width: 85px;}
html[dir="ltr"] #elSearch #elSearchFilter{border-radius: 3px 0 0 3px;}
.ipsTabs{background: #4f4f4f;}
.ipsSideMenu_itemActive a, a.ipsSideMenu_itemActive, .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a{background: #4a4a4a;}
/* BODY */
body{background: #8b6e6a;}
#ipsLayout_body, #ipsLayout_footer{background: rgba(255,255,255,0.82);}
/* BREADCRUMB */
.ipsBreadcrumb.ipsBreadcrumb_top, .ipsBreadcrumb.ipsBreadcrumb_bottom{margin: 10px 0 15px 0;padding: 12px 20px;opacity: 1;color: #313131;background: #ffffff;border-color: rgba(102,102,102,0.5);border-radius: 3px;box-shadow: rgba(0,0,0,0.1) 0px 1px 4px;}
/* PAGE_HEADER */
.ipsPageHeader, .ipsPad, ipsPager, .ipsWidget, .wDesktop #modcp_menu, .cGalleryCats, #elGalleryHeader{background: #ffffff;margin-top: 0;border: 1px solid rgba(0,0,0,0.11);box-shadow: rgba(0,0,0,0.08) 0px 2px 2px;border-radius: 3px;background-clip: padding-box;}
.ipsPageHeader{padding: 15px;}
/* BUTTON */
.ipsApp .ipsButton_important{background: #505050;}
/* SECTION */
a{color: #313131;}
a:hover{color: #313131cc;}
  /** POST_CONTENT_WRAPPER **/
.cPost .cPost_contentWrap{padding: 15px;}
/* FOOTER */
#ipsLayout_footer{margin: 0; padding: 20px 0;}

/** MISCELLANEOUS **/
/* Contact us */
.ipsLayout_minimal .ipsLayout_container{max-width: inherit;}
.ipsLayout_minimal #ipsLayout_mainArea{padding: 15px 100px 15px 100px;}
/* FOOTER_SOCIAL_LINKS */
#elFooterSocialLinks{display: none;}
/* FA_ICONS */
.fa-comments::before{content: "\f179";font-family: FontAwesome;}
.ipsItemStatus.ipsItemStatus_large{background: rgba(0,0,0,0.5);}

/** LOW_SCREEN **/
#elMobileNav#elMobileNav {background: #eae5e4;border-bottom: 1px solid rgba(0,0,0,0.2);box-shadow: rgba(0,0,0,0.2) 0 1px 5px;}
#elMobileNav li:not(#elMobileBreadcrumb) a{color: #505050;}
.ipsDrawer_menu, .ipsDrawer_close{background: linear-gradient(to bottom, rgb(120, 120, 120) 0%,rgb(53, 53, 53) 100%);}
.ipsDrawer_close:hover{background: linear-gradient(to bottom, rgb(197, 197, 197) 0%,rgb(255, 253, 253) 100%);}
@media screen and (max-width: 978px){.ipsPageHeader{padding: 15px 15px 0 15px;}}
@media screen and (max-width: 768px){#ipsLayout_header header{height: 145px;}.ipsPageHeader{padding: 8px 15px 8px 15px;}}

 

  • Like 3
Link to comment
Share on other sites

 Share

×
×
  • Create New...