Skip to content
responsive.css 5.96 KiB
Newer Older
danpros's avatar
danpros committed
@media all and (max-width: 949px) {

	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper {
		width: 768px;
	}
	#mission-wrapper {
		width: 768px!important;
	}

}

@media all and (max-width: 800px) {

	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper {
		width: 730px;
	}
	#mission-wrapper {
		width: 730px!important;
	}

}

@media all and (max-width: 767px) {

	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper {
		width: 620px;
	}
	#mission-wrapper {
		width: 620px!important;
	}

}

@media all and (max-width: 640px) {

	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper, #footer {
		width: 100%;
	}
	#mission-wrapper {
		width: 100%!important;
	}
	#preface {
		font-size: 84%;
	}
	.slideshow-inner, .slideshow {
		height:300px;
	}
	#slideshow-wrapper {
		height:365px;
		background-image: url("../images/slideshow-shadow.png");
danpros's avatar
danpros committed
	}
	#preface-wrapper.in3 .column, #preface-wrapper.in2 .column, #preface-wrapper.in1 .column, #bottom-teaser.in3 .column, #bottom-teaser.in2 .column, #bottom-teaser.in1 .column, #bottom-wrapper.in4 .column, #bottom-wrapper.in3 .column, #bottom-wrapper.in2 .column, #bottom-wrapper.in1 .column {
		width:100%;
	}
	.one-sidebar #content, .two-sidebars #content {
		width:100%;
		float:left;
		margin:0;
	}
	#layout-type-1 #sidebar-left, #layout-type-1 #sidebar-right, #layout-type-2 #sidebar-left, #layout-type-2 #sidebar-right {
		width:100%;
		float:right;
		margin:0;
		position:relative;
	}
	.region {
		padding: 0 10px;
	}
	.content-top, .content-bottom {
		margin: 0 10px 20px;
	}
	.content-top .region, .content-bottom .region {
		padding:0;
	}
	#header .region, #menu .region, #slideshow .region {
		padding:0;
	}
	#bottom-wrapper {
		border-left:none;
		border-right: none;
	}
danpros's avatar
danpros committed
	#menu {
		height: auto;
		width:100%;
		margin: 0 auto;
		border-radius: 0px;
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	#nav {
		height: auto;
		background:none;
		float:left;
		padding: 0 10px;
		margin-top:1em;
	}
	
	#nav .menu li a  {
		background: #14345c; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#14345c, #285c91); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#14345c, #285c91); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#14345c, #285c91); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#14345c, #285c91); /* Standard syntax */
	}
	
	#nav .menu li li a  {
		background: #3b6999;
	}

	#nav .menu li:first-child a:hover {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
	}

	#nav .menu li:first-child a.is-active {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
	}

	#nav .menu li:first-child li a.is-active {
		border-radius: 0px;
	}

	#nav .menu li li a.is-active {
		border-radius: 0px;
	}

	#nav .menu li.active-trail:first-child {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
	}

	#nav .menu li.active-trail:first-child li {
		border-radius: 0px;
	}

	#nav .menu li.active-trail li {
		border-radius: 0px;
	}

	#nav .menu li.active-trail:first-child a.is-active {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
	}

	#nav .menu li.active-trail:first-child li a.is-active {
		border-radius: 0px;
	}

	#nav .menu li.active-trail li a.is-active {
		border-radius: 0px;
	}
	
	#nav .menu li:hover ul,
	#nav .menu li.sfHover ul {
		top:33px;
	}
	
danpros's avatar
danpros committed
}

@media all and (max-width: 480px) {

	.slideshow-inner, .slideshow {
		height:200px;
	}
	#slideshow-wrapper {
		height:265px;
		background-image: url("../images/slideshow-shadow.png");
danpros's avatar
danpros committed
	}
	
	.region-header {
		text-align:left;
		float:left;
	}
	
	#logo-wrapper, #branding-wrapper {
		float:left;
		margin:0;
	}
	
	#branding-wrapper {
		margin-top:15px;
	}
	
	#header-wrapper #search-box {
		margin:0;
		position: relative;
		right: 0;
		top: 0;
		left:0;
		text-align:center;
		white-space: nowrap;
		float:left;
	}
	
	#header .region.region-search_box {
		padding: 15px;
		display:block;
	}
		
	.site-slogan {
		display:block;
	}
	
	#menu {
		height: auto;
		width:100%;
		margin: 0 auto;
danpros's avatar
danpros committed
		border-radius: 0px;
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
danpros's avatar
danpros committed
	}

	#nav {
		height: auto;
		background:none;
		float:left;
		padding: 0 10px;
		margin-top:1em;
	}
danpros's avatar
danpros committed
	
	#nav .menu-parent {
		margin-bottom:0;
	}
	
	#nav .menu li a  {
		background: #14345c; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#14345c, #285c91); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#14345c, #285c91); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#14345c, #285c91); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#14345c, #285c91); /* Standard syntax */
	}
	
	#nav .menu li li a  {
		background: #3b6999;
	}
danpros's avatar
danpros committed
	#nav .menu li:first-child a:hover {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
danpros's avatar
danpros committed
	#nav .menu li:first-child a.is-active {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
danpros's avatar
danpros committed
	#nav .menu li:first-child li a.is-active {
		border-radius: 0px;
danpros's avatar
danpros committed
	#nav .menu li li a.is-active {
		border-radius: 0px;
danpros's avatar
danpros committed
	#nav .menu li.active-trail:first-child {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
danpros's avatar
danpros committed
	#nav .menu li.active-trail:first-child li {
		border-radius: 0px;
danpros's avatar
danpros committed
	#nav .menu li.active-trail li {
		border-radius: 0px;
danpros's avatar
danpros committed
	#nav .menu li.active-trail:first-child a.is-active {
		border-top-left-radius:0px;
		border-bottom-left-radius:0px; 
	}

	#nav .menu li.active-trail:first-child li a.is-active {
		border-radius: 0px;
	}

	#nav .menu li.active-trail li a.is-active {
		border-radius: 0px;
	}
	
	#nav .menu li:hover ul,
	#nav .menu li.sfHover ul {
		top:33px;