X Design Category Choose Category __INKYBAY_DESIGN_IDEA_ICON_TITLE__ Customize It __INKYBAY_DESIGN_IDEA_PAGE_NO__ 12 No Design in this category ! .idi_loader{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;text-align: center;z-index: 1;background: #fff;opacity: 0.5;} .idi_loader_c{position:relative;left:50%;top:50%;} .idi_body{display : flex;} .idi_category{flex:1 1 0px;padding: 0.8rem;box-shadow: 4px 0px 2px -3px #ccc;} .idi_category_mobile{display: none;} .idi_category_close{display: none;} #INKYBAY_DESIGN_IDEA_CATEGORY_HIDE_H{display: none;} .idi_category_title{} .idi_icon_panel{flex:1 1 0px;min-width:70%;padding: 0.8rem;} .idi_icon_holder{float:left;width:33%;min-width:200px;max-width:250px;height:200px;text-align: center;margin-bottom: 100px;padding:0px 0.4rem;} .idi_hide_category_mbl{display:block;} .idi_icon_image{position: relative;height:calc(100% - 2rem);padding:0.8rem;border: 1px solid #eee;background: #f6f6f6;border-radius: 6px;} .idi_icon_image:hover{background:#eee;border:1px solid #ccc;} .idi_icon_image img{position: relative;max-width:100%;max-height:100%;top: 50%;transform: translate(0,-50%);} .idi_icon_title{height: 2rem;overflow: hidden;color: #666;font-size: 1.2rem;line-height: 2rem;} .idi_paging_holder{position:relative;} .idi_page_no{text-align: center;border: 1px solid #eee;border-radius: 20px;margin: 2px;cursor: pointer;width: 30px;height: 30px;line-height: 28px;background: #f6f6f6;float: left;} .idi_page_no:hover{color: #f6f6f6;background: #666;border: 1px solid #666;} .idi_page_no_selected{color: #eee;background: #666;border: 1px solid #999;} .idi_page_no_selected:hover{color: #eee;background: #666;border: 1px solid #999;} .ib_catlist_a{color:#444;} .ib_catlist_a:hover,focus{color:#000;} .ib_catlist_selected{color:#449;} .ib_catlist_selected:hover,focus{color:#449;} .ib_catlist_close_mark{cursor:pointer;} .ib_catlist_open_mark{cursor:pointer;} .ib_catlist_close_mark:after{content:'►';color:#999;font-size:14px} .ib_catlist_open_mark:after{content:'■';color:#999;font-size:30px} .ib_catlist_child{border-left:1px dotted #ccc;margin-left:30px;} .ib_customize_button{font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; border-radius: 6px; padding: 15px 30px; display: inline-block; margin-top: 20px; background-color: #00adef; border: 1px solid #00adef; mso-border-alt: 10px solid #00adef; cursor:pointer;} @media (max-width: 500px) { .idi_category{width: 100%; height: 100%;box-shadow:none;} .idi_category_mobile{display: block; width: 100%; text-align: center;} #idi_category_cont_mobile{width: 100%; height: 100%;} .idi_category_close{display: block; font-size: 16px; font-weight: bold; text-align: right;cursor: pointer;} #INKYBAY_DESIGN_IDEA_CATEGORY_HIDE_H{display: block;} .idi_icon_panel{flex:1 1 0px;width:100%;padding: 0.8rem;} .idi_body{display : block;} .idi_icon_holder{width:100%;} .idi_hide_category_mbl{display:none;} }