fantomas Posted March 19, 2018 Share Posted March 19, 2018 Hi guys Post here your 'Stylish' theme(s) fantomas InsanelyMac_Light New! InsanelyMac Theme (fixes) 2 Link to comment Share on other sites More sharing options...
fantomas Posted March 19, 2018 Author Share Posted March 19, 2018 So, here are just a few fixes for 'InsanelyMac Theme' theme, if someone still cares about. Nothing really extra. 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;} 3 Link to comment Share on other sites More sharing options...
fantomas Posted March 21, 2018 Author Share Posted March 21, 2018 InsanelyMac_Light based upon IPS Default Theme Desktop Tablets: Smartphones: 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;}} 2 Link to comment Share on other sites More sharing options...
fantomas Posted March 21, 2018 Author Share Posted March 21, 2018 This theme is not compatible with 'News' & 'Chat' tabs because these are pages made with 'InsanelyMac (Default)' Theme template. Link to comment Share on other sites More sharing options...
Guest ricoc90 Posted March 21, 2018 Share Posted March 21, 2018 @fantomas1 is on fire y'all! Great work dude Link to comment Share on other sites More sharing options...
fantomas Posted March 21, 2018 Author Share Posted March 21, 2018 Not perfect but sounds cool My next theme... a hint??? 2 Link to comment Share on other sites More sharing options...
Allan Posted March 21, 2018 Share Posted March 21, 2018 Adobe style! 1 Link to comment Share on other sites More sharing options...
Recommended Posts