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 https://www.insanelymac.com/forum/topic/333384-be-insanely-stylish/ 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 https://www.insanelymac.com/forum/topic/333384-be-insanely-stylish/#findComment-2604348 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 https://www.insanelymac.com/forum/topic/333384-be-insanely-stylish/#findComment-2604708 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 https://www.insanelymac.com/forum/topic/333384-be-insanely-stylish/#findComment-2604711 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 https://www.insanelymac.com/forum/topic/333384-be-insanely-stylish/#findComment-2604712 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 https://www.insanelymac.com/forum/topic/333384-be-insanely-stylish/#findComment-2604713 Share on other sites More sharing options...
Allan Posted March 21, 2018 Share Posted March 21, 2018 Adobe style! 1 Link to comment https://www.insanelymac.com/forum/topic/333384-be-insanely-stylish/#findComment-2604808 Share on other sites More sharing options...
Recommended Posts