Skip to content

Instantly share code, notes, and snippets.

/*========== Desktop First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
@MuratOrs
MuratOrs / gist:567e360f2e9697b08325
Created March 11, 2016 01:46
Адаптативный webform
select#edit-submitted-regio {
width: 100%;
}
input#edit-submitted-naam-educatieve-medewerker-contactpersoon-ic {
width: 100%;
}
@MuratOrs
MuratOrs / gist:5ebe5249a3f4798c85a3
Created March 11, 2016 01:46
Два фона на одной странице
/*Этот трюк был показан на одном из своих сайтов преподавателем Куном в HZ*/
#header {
background-image: url(../images/achtergrond3.jpg);
height:70%;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
/* для данного кода требуется картинка ▷ */
.views-more-link {
margin-bottom: 1em;
display: inline-block;
}
a.views-more-link {
border-radius: 3px;
background: #e7e7e7 url(../images/more-link.png) 10px 12px no-repeat;
@MuratOrs
MuratOrs / gist:b1bb5fc5f5d0c54b3775
Created March 11, 2016 01:47
Drupal | Рамка в фотоальбоме
.view-id-albums .views-field-field-image img{
padding: 20px;
background-image: url(../images/stack_bg.png);
background-position: center;
background-size: 107% 107%;
}
@MuratOrs
MuratOrs / gist:dc4916e65b7ba66cfccc
Created March 11, 2016 01:47
Drupal | Адаптативный View slider
.views_slideshow_cycle_main {
width: 100%;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
width: 100% !important;
height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
width: 100% !important;
@MuratOrs
MuratOrs / gist:fa81328ea90677e83df5
Created March 11, 2016 01:47
Вращение логотипа
.logo img{
margin-left: 5px;
-webkit-transition:-webkit-transform .9s;
-moz-transition:-moz-transform .9s;
-o-transition:-o-transform .9s;
-ms-transition:-ms-transform .9s;
transition:transform .9s;
}
@MuratOrs
MuratOrs / gist:605c9cf4075cf860f328
Created March 11, 2016 01:47
Рястянуть background
html body #page-pages-wrapper {
background: url(../images/background/bg2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
}
@MuratOrs
MuratOrs / gist:df203fe6c4b85599313f
Created March 11, 2016 01:48
Импорт стилей
@import url(reset.css);
@import url(media.css);
@import url(menu.css);
@MuratOrs
MuratOrs / gist:c347d56e1bef71e86c7d
Created March 11, 2016 01:48
Drupal | Системные сообщения
div.warning, .warning {
color: #840;
margin-top: 50px;
}
.messages.status {
margin: -33px 0 7px;
margin-top: 50px;
}