Top rectangle box – SAMPLES

(@archimedesign)

I’m playing with the custom CSS for the rectangle box on top of the page.
If you’d like it changed add the following to your Customizit! > Custom CSS

.navbar .navbar-inner {
-moz-box-shadow: inset -5px 5px #000000;
-webkit-box-shadow: inset -5px 5px #000000;
box-shadow: inset -5px 5px #31ab2d;
background-image: linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
background-image: -o-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
background-image: -moz-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
background-image: -webkit-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
background-image: -ms-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.09, rgb(138,239,255)),
	color-stop(0.55, rgb(224,224,224))
);

Feel free to add your examples, this should be useful for editing the code above.

Viewing 1 replies (of 1 total)

ElectricFeet

(@electricfeet)

12 years, 8 months ago

Yeuk! 🙂 🙂 I don’t think I’ll stick with that 🙂

But great post and great link. Thanks!

My example: I switch the box off altogether

/* Get rid of menu border */
.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
}

/* Get rid of menu background */
.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
background:none
}

Viewing 1 replies (of 1 total)

The topic ‘Top rectangle box – SAMPLES’ is closed to new replies.