Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
app_filtre.css
/* Script permettant de filtrer par année */
/* Source : https://platinumdogs.me/2014/07/15/dynamically-filtering-sharepoint-list-views-using-javascript/ */
/* CLEARFIX */
.cdtm-wrapper .row:before,
.cdtm-wrapper .row:after {
content: "";
display: table;
}
.cdtm-wrapper .row:after {
clear: both;
}
.cdtm-wrapper .row {
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.cdtm-wrapper .row .left {
float: left;
}
.cdtm-wrapper .row .right {
float: left;
}
/* LAYOUT */
.cdtm {
display: inline-block;
width: 100%;
}
.cdtm-wrapper {
font-family: 'Open Sans',Calibri,Verdana,Arial,'Sans Serif';
width: 100%;
font-size: 12px;
}
/* PADDING/MARGINS */
.cdtm-wrapper > .box-5 {
padding: 5px 10px 10px 0;
}
.cdtm-wrapper .header {
margin: 0;
padding: 0;
}
.cdtm-wrapper .nav {
margin: 0;
padding: 0;
}
.cdtm-wrapper article {
margin: 0;
padding: 0;
}
/* HEADER & NAVIGATION */
.cdtm-wrapper .header h1, .cdtm-wrapper .header h2, .cdtm-wrapper .header h3, .cdtm-wrapper .header h4, .cdtm-wrapper .header h5 {
color: #415A6C;
margin: 0 0 8px 0;
padding: 0;
font-size: 18pt;
line-height: 18pt;
font-weight: 700;
}
.cdtm-wrapper .header h2 {
font-size: 16pt;
}
.cdtm-wrapper .header h3 {
font-size: 14pt;
}
.cdtm-wrapper .header h4 {
font-size: 12pt;
}
.cdtm-wrapper .header h5 {
font-size: 12pt;
}
.cdtm-wrapper .header h1 *[class^='icon-'] {
font-size: 20px;
line-height: 20px;
}
.cdtm-wrapper .nav .left {
display: inline-block;
width: 60%;
min-width: 290px;
max-width: 410px;
}
.cdtm-wrapper .nav .right {
display: inline-block;
width: 40%;
max-width: 250px;
}
.cdtm-wrapper .nav ul {
list-style: none outside none;
margin: 0 0 5px;
padding: 0;
}
.cdtm-wrapper .nav ul.years {
font-size: 1.5em;
}
.cdtm-wrapper .nav ul.months {
font-size: 1.2em;
}
.cdtm-wrapper .nav li {
display: inline-block;
margin: 0;
padding: 0;
}
.cdtm-wrapper .nav li a, .cdtm-wrapper .nav li a:link {
color: #E24912;
display: inline-block;
padding: 2px 3px;
margin-right: 2px;
}
.cdtm-wrapper .nav li a:hover {
color: #002596;
cursor: pointer;
background-color: rgb(0,180,240);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8/9 */
filter: alpha(opacity=50); /* IE 5.5 - 7 */
background-color: rgba(0,180,240,0.50);
}
.cdtm-wrapper .nav li.selected a,
.cdtm-wrapper .nav li.selected a:link {
background-color: rgb(0,180,240);
background-color: rgba(0,180,240,1);
color: whitesmoke;
}
/* SEARCH FIELD */
.cdtm-wrapper .nav .right .search-wrapper {
border: 1px solid #c8c8c8;
border-radius: 5px;
padding: 5px;
position: relative;
}
.cdtm-wrapper .nav .right .search-wrapper .searchfield {
background-color: #fff;
border: medium none;
border-radius: 3px;
color: #aeaeae;
display: inline-block;
font-size: 1.5em;
font-weight: normal;
margin: 0;
transition: all 0.2s linear 0s;
width: 88%;
}
.cdtm-wrapper .nav .right .search-wrapper .searchfield:focus {
color: #858585;
}
.cdtm-wrapper .nav .right .search-wrapper .icon-search {
color: #d5d8de;
display: inline-block;
font-size: 2em;
line-height: 10px;
position: absolute;
right: 6px;
text-indent: -3px;
width: 26px;
}
.cdtm-wrapper .nav .right .search-wrapper .icon-search:hover {
color: #415A6C;
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.