Você está aqui: Página Inicial > TaxiGov > rsc > aba.css

aba.css

última modificação:  24/02/2017 20h58

text/css aba.css — 4 KB

Conteúdo do arquivo

img {
	max-width: 100%;
}
.abas {
	width: 750px;
	float: none;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	font-family: "Open Sans", sans-serif;
}
.abas:after {
	content: ' ';
	display: table;
	clear:both;
}
.abas input[type=radio] {
	display:none;
}
/* .abas label, .abas a { */
.aba, .abas label {
	display:block;
	float: left;
	width: 150px;
	color: #135499 !important;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	text-decoration: none !important;
	text-align: center;
	line-height: 2;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3c4c6+0,e2e3e4+15,ffffff+50,e2e3e4+85,c3c4c6+100 */
	background: #c3c4c6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzRjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2UyZTNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2UyZTNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2M0YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c3c4c6 0%, #e2e3e4 15%, #ffffff 50%, #e2e3e4 85%, #c3c4c6 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c4c6), color-stop(15%,#e2e3e4), color-stop(50%,#ffffff), color-stop(85%,#e2e3e4), color-stop(100%,#c3c4c6)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #c3c4c6 0%,#e2e3e4 15%,#ffffff 50%,#e2e3e4 85%,#c3c4c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #c3c4c6 0%,#e2e3e4 15%,#ffffff 50%,#e2e3e4 85%,#c3c4c6 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #c3c4c6 0%,#e2e3e4 15%,#ffffff 50%,#e2e3e4 85%,#c3c4c6 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #c3c4c6 0%,#e2e3e4 15%,#ffffff 50%,#e2e3e4 85%,#c3c4c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c4c6', endColorstr='#c3c4c6',GradientType=0 ); /* IE6-8 */
}
.abas a {
	font-weight: bold;
	color: #135499 !important;
	text-decoration: underline;
}
.abas label span {
	display: none;
}
.abas label i {
	padding: 5px;
	margin-right: 0;
}
.abas label:hover {
	color: #135499;
}
.conteudo-aba {
	display: none;
	width: 100%;
	float: left;
	padding: 0;
	box-sizing: border-box;
	background: #fff;
	min-height: 850px;
}
.conteudo-aba .titulo {
	background: url(../imgs/titulo-bg.jpg) no-repeat;
	background-color: #ececed;
	font-weight: bold;
	color: #FFF;
	width: 100%;
	height:30px;
	margin: 0;
	padding-top: 15px;
	padding-left: 28px;
}
/* Aqui  onde o trem funciona */
.abas [id^="aba-"]:checked + label {
	color: #fff !important;
	background: #135499 !important;
}
#aba-1:checked ~ #cont-aba-1,
#aba-2:checked ~ #cont-aba-2 {
	display:block;
}
/* As personalizaes da aba sou usurio esto no arquivo slides.css */
/* Personalizaes da Aba Sou Gestor */

.coluna {
	max-width: 230px;
	margin: 10px;
	float: left;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal !important;
}
.coluna span {
	color: #135499;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
}
.coluna a {
	background-color: #135499 !important;
	width: 100%;
	height: 35px;
	color: #fff;
	margin-top: 15px;
}

#central-atendimento {
	padding-top: 15px;
}

#central-atendimento iframe {
	padding-top: 125px;
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
	.abas {
		max-width: 700px;
	}
	.aba, .abas label {
		float: left;
		font-size: 14px;
		width: 100%;
		left: 0;
		top: 0;
		padding: 5px 0;
	}
	
	.conteudo-aba {
		position: relative;
		top: 0;
	}
	.coluna {
		max-width: 100%;
	}
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	.abas {
		width: 320px !important;
	}
}