html - Foundation 5: Change Container color behind Tabs & Tab Content Panels -

-

i working on building web app using foundation 5 framework. have page contains comments , updates section, navigated tabs , contained within panels.

i added box shadow tab content panels contain updates , comments, there margins on either side white space don't blend styling of rest of page.

i used inspect element @ at element margins fall into, , part of content panels themselves. how go changing background margins blend rest of page, , tabs & content white box shadow?

the html tab , accompanying panels follows: 

<div id ="tabs"> <ul class="tabs" data-tab role="tablist"> <li class="tab-title active" role="presentational" ><a href="#panel2-1"       role="tab" tabindex="0" aria-selected="true" controls="panel2-1">updates</a></li> <li class="tab-title" role="presentational" ><a href="#panel2-2" role="tab" tabindex="0"aria-selected="false" controls="panel2-2">comments</a></li> </ul> </div>  <div class="tabs-content"> <section role="tabpanel" aria-hidden="false" class="content active"  id="panel2-1">

i use following css make box-shadow around panels , tabs:

section#panel2-1.content.active { box-shadow: 1px 1px 5px 0px; -webkit-box-shadow: 1px 1px 5px 0px; margin-left: 50px; width: 1050px;  }  section#panel2-2.content.active { box-shadow: 1px 1px 5px 0px; -webkit-box-shadow: 1px 1px 5px 0px; margin-left: 50px; width: 1050px;  }

i tried adding div around tabs , content panel change background color, didn't have effect.

does know how go doing this?

thanks,

matti

have tried using these sass variables override default styles?

$include-html-tabs-classes: $include-html-classes;  $tabs-navigation-padding: rem-calc(16); $tabs-navigation-bg-color: $silver; $tabs-navigation-active-bg-color: $white; $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); $tabs-navigation-font-color: $jet; $tabs-navigation-active-font-color: $tabs-navigation-font-color; $tabs-navigation-font-size: rem-calc(16); $tabs-navigation-font-family: $body-font-family;  $tabs-content-margin-bottom: rem-calc(24); $tabs-content-padding: $column-gutter/2;  $tabs-vertical-navigation-margin-bottom: 1.25rem;

Comments

Post a Comment

Popular posts from this blog

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

-
i want check scene image against 2 train images. that, detect features , compute descriptors of both training images. before detecting, computing , matching scene image, delete matches of train1 , train2. because these matches won't facilitate matching of scene image train1 , train2. so, match train1 train2 , vector of matches trainidx , queryidx. how can delete these matches in keypoints-vector , descriptor matrix of train1 , train2? best regards, dwi i have done below: std::vector<cv::keypoint> keypoints[2]; cv::mat descriptor[2]; std::vector< cv::dmatch > matches; /* write code generate keypoints, descriptors , matches here... keypoint[0] -> train image 1 keypoints keypoint[1] -> train image 2 keypoints descriptor[0] -> train image 1 descriptors descriptor[1] -> train image 2 descriptors matches -> matched between train image 1 , 2 */ // logic keep unmatched keypoints , corresponding descriptor
Read more

java - Could not locate OpenAL library -

-
i writing game using slick2d library, uses lwjgl. lwjgl version 2.9.3. using netbeans 8. i tried adding sounds game, example music track on main menu. problem is, exception when run game, despite game still compiling , running except sound of course: sat mar 21 01:23:57 edt 2015 error:could not locate openal library. org.lwjgl.lwjglexception: not locate openal library. @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:102) @ org.lwjgl.openal.al.create(al.java:206) @ org.newdawn.slick.openal.soundstore$1.run(soundstore.java:295) @ java.security.accesscontroller.doprivileged(native method) @ org.newdawn.slick.openal.soundstore.init(soundstore.java:292) @ org.newdawn.slick.music.<init>(music.java:156) @ org.newdawn.slick.music.<init>(music.java:75) @ view.mainmenu.init(mainmenu.java:58) i didn't include rest of error states error happens in game code. the
Read more

sorting - opencl Bitonic sort with 64 bits keys -

-
i used nvidia sdk bitonic sort , works great me. 32 bits (uint) need ulong keys. have typically 2^14 keys @ time , power of 2. searched on not find kernel designed ulong. i tried modified nvidia sdk bitonic sort using ulong keys not work. kernel not crash after de call clenqueuendrangekernel got error : cl_invalid_command_queue can tell me how modify bitonic sort or radixsort, or can sort ulong keys? i running nvidia quadro 4000 opencl 1.1 cuda 6.5.20 full_profile used original nvidia sdk bitonicsort.cl i used"ulong" keys , value input , ouput instead of "uint" thanks helping i made work-around suit need. used 30 bits of key , 18 high bits of value sorting. changed comparators (2 lines): '#define mask 0xffffc000 // suit need from this: if( (*keya > *keyb) == dir ) this: if(((*keya > *keyb)||((*keya == *keyb)&&((*vala & mask)> (*valb & mask)))) == dir ) it works fine. but, still, it's work-a
Read more