MediaWiki:Mobile.css

/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */


.homeInfo{
	color:#666;
	position:relative;
	padding-bottom:20px;
}
.homeInfo big{
	color:#314693;
}
.homeInfo  .logoBrest{
	background: url(images/Brest_logo_mini.png) center center no-repeat;
	padding:10px 52px;
}
.homeInfo input[type=submit]{
	background: url(images/btn_nouvel_article.png) center center no-repeat;
	border: none;
	color: #fff;
	font-style: italic;
	padding: 8px 25px;
	font-weight: bold;
	font-size: 0.85em;
	cursor: pointer;
	width: 162px;
}
.blocContribute .icon_licence{
	background: url(images/licence_small.png) center center no-repeat;
	padding:10px 52px;
}
.greygradient{
	background: rgb(220, 220, 220);
	background: -moz-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: -webkit-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: -o-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: -ms-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: linear-gradient(0deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	border: 1px solid #eee;
}

  .lifted{
	position:relative;
	padding:1em;
	margin:0em 0px 2em;
	border-bottom:none;
}

.drop-shadow:before,
.drop-shadow:after {
 }
  .lifted:before, .lifted:after {
	content:"";
	position:absolute;
	z-index:-2;
	bottom:15px;
	left:10px;
	width:50%;
	height:20%;
	max-width:300px;
	max-height:100px;
	-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
	box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
        }

.lifted:after {
	right:10px;
	left:auto;
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}
.bloc_title{
	border-bottom:2px dashed #314693;
	color: #314693;
	font-size:1.2em;
	padding-bottom:10px;
	margin-bottom:15px;
	font-weight:bold;
	text-transform:uppercase;
}
.greygradient .bloc_title{
	border:none;
	font-size:1em;
	padding:2px 0px 0 0px;
}
.blocThematiques{
	margin-bottom:10px;
}
.blocThematiques .ncl-heading-0 li, .blocThematiques .ncl-heading{
	list-style:none;
	color:#fff;
	text-transform:uppercase;
}
.blocThematiques .ncl-heading-0 li a, .blocThematiques .ncl-heading a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.blocThematiques .ncl-nicecategorylist .ncl-heading-0 ul{
	 margin:0;
	 position:relative;
}
.blocThematiques .ncl-nicecategorylist .ncl-heading-1 ul{
	 margin: 0.3em 0 0 1em;
}
.blocThematiques .ncl-heading-0{
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	padding:0;
	text-align:center;
	margin-bottom: 5px;
	height: 20%;
}

.blocThematiques .ncl-nicecategorylist{
	/*height: 235px;*/
	background: rgb(220, 220, 220);
	background: -moz-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: -webkit-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: -o-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: -ms-linear-gradient(91deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	background: linear-gradient(0deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 85%);
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid #eee;
	border-bottom:none;
	position:relative;
	padding:0;
	margin:0em 0px 1em;
}
.blocThematiques .ncl-nicecategorylist:before, .blocThematiques .ncl-nicecategorylist:after {
	content:"";
	position:absolute;
	z-index:-2;
	bottom:18px;
	left:10px;
	width:50%;
	height:20%;
	max-width:300px;
	max-height:100px;
	-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
	box-shadow:0 15px 10px rgba(0, 0, 0, 0.4);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
        }

.blocThematiques .ncl-nicecategorylist:after {
	right:10px;
	left:auto;
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}
.blocThematiques .ncl-nicecategorylist .ncl-block-bullet-0{height:18%}
.nicecategorylist ul {margin-left:}
.themBleu, .themVert, .themViolet, .themRouge, .themOrange{float:left;width:19%;margin:0 0.5%;}
.themBleu .ncl-heading-0 {
	 background-color:#85B0D9;
}
.themVert .ncl-heading-0 {
	 background-color:#44A62A;
}
.themViolet .ncl-heading-0 {
	 background-color:#8E67A4;
	 /*padding: 1px 11px 1px;*/
}
.themRouge .ncl-heading-0 {
	 background-color:#E32D23;
}
.themOrange .ncl-heading-0 {
	 background-color:#EC701B;
	 /*padding: 1px 10px 1px;*/
}
.blocThematiques .ncl-block-bullet-1 li,
.blocThematiques .ncl-block-bullet-2 li{
	margin-left: 10px;
	list-style:square;
	color:#33A9DC;
}
.blocThematiques .ncl-block-bullet-1 li a,
.blocThematiques .ncl-block-bullet-2 li a{
	color:#33A9DC;}
	
.col30{width:29%;}
.col70{width:69%;clear:none;float:left;}
.floatleft{float:left;}
.floatright{float:right;}

.blocImage{
	margin-bottom:15px;
	padding: 0 5px;
	margin-top: 10px;
}
.blocImage .imageLink{
	text-align:right;
}	
.blocImage .imageLink a{
	color:#314693;
	font-style: normal;
}
.blocArticle{
	padding: 0 5px;
}
.blocNews{
}
.blocContribute{
}	

.blocMedia{
	width:49%;
	float:right;
	padding: 0 5px;
}
.blocMedia .bloc_title{
	border-bottom:2px dashed #314693;
	padding: 2px 0 7px 0;
	margin-bottom: 1px;
}
.blocMap{
	width:49%;
	float:left;
}
.blocNews .aPage, .mediatheque .item {
	border-top:1px solid #ddd;
	padding: 7px 0;
}
.blocNews.category{
	width:63%;
	float:right;
	margin:20px 0;
}
.blocNews .aPage:first-child, .mediatheque .item:first-child{border:none;}
.blocNews .aPage .titre, .blocArticle .aPage .titre, .random-article .titre{
	padding-bottom:5px;
	color: #314693;
	font-weight:bold;
	text-transform:uppercase;
}

.mediatheque .item.photos .titre{
	padding: 18px 0 18px 72px;
	background:url(images/galerie_photo.png) no-repeat left center transparent;
}
.mediatheque .item.sons .titre{
	padding: 18px 0 18px 72px;
	background:url(images/sons.png) no-repeat left center transparent;
}
.mediatheque .item.videos .titre{
	padding: 18px 0 18px 72px;
	background:url(images/videos.png) no-repeat left center transparent;
}
.blocNews .aPage .date, .blocArticle .aPage .date{
	font-size:0.85em;
}
.blocNews .aPage .resume, .blocArticle .aPage .resume, .random-article .resume{
	font-size:0.85em;
	text-align:justify;
}
.blocNews .readnext, .random-article .readnext, .blocArticle .readnext, .contentList .readnext{
	font-size:0.8em;
	text-align:right;
	
}
.contentList .readnext {margin-top:7px;margin-bottom: 0;}
.contentList .readnext a{
	font-size:1.3em;
	border: 1px solid #0b0080;
	border-bottom:none;
	border-left:none;
	padding: 2px 4px;
	font-weight:bold;
	font-style:italic;
}
.blocArticle .aPage .titre, .blocArticle .aPage .titre a, .blocArticle .aPage .resume{color:#666}
.mediatheque .item .titre a{
	padding-bottom:5px;
	color: #314693;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1em;
}
.mediatheque .item .text{
	font-size:1em;
}
.blocContribute {
	color:#666;
}
.blocContribute a{
	color:#31A9DC;
}

.ncl-nicecategorylist.categoryPage, #mw-subcategories , #bodyContent .catList, #bodyContent .contentList{
	padding: 1em;
	direction: ltr;
	-webkit-box-shadow: 1px 1px 8px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 8px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 8px rgba(50, 50, 50, 0.5);
	
	background: rgb(231, 240, 247);
	background: -moz-linear-gradient(90deg, rgb(231, 240, 247) 0%, rgb(255, 255, 255) 75%);
	background: -webkit-linear-gradient(90deg, rgb(231, 240, 247) 0%, rgb(255, 255, 255) 75%);
	background: -o-linear-gradient(90deg, rgb(231, 240, 247) 0%, rgb(255, 255, 255) 75%);
	background: -ms-linear-gradient(90deg, rgb(231, 240, 247) 0%, rgb(255, 255, 255) 75%);
	background: linear-gradient(0deg, rgb(231, 240, 247) 0%, rgb(255, 255, 255) 75%);
		
	overflow-y: auto;
	margin: 15px 9px 10px 10px;
	width:40%
	float:left;
	
}

.ncl-nicecategorylist.categoryPage .ncl-block a, .ncl-nicecategorylist.categoryPage .ncl-block a:hover{
	font-size:12px;
	color:#555;
}

.ncl-nicecategorylist.categoryPage .ncl-block h1{
	font-size:12px;
	padding:0;
	border:none;
	width:120px;
	float:left;
	margin-right:10px;
	padding-left:15px;
	background:url(images/puce_bleu_clair.png) no-repeat 2px 6px transparent;
}
.ncl-nicecategorylist.categoryPage  .ncl-block-head .ncl-content{display:none}
.ncl-nicecategorylist.categoryPage  .ncl-block-head-2{display:none}