Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
.testmainpageheader-222 {
color: black;
font-size: 150%;
text-align: center;
background: white url('http://vignette1.wikia.nocookie.net/shpikaltest/images/b/b5/Пряник.JPG/revision/latest?cb=20170119135131&path-prefix=ru') !important;
}
#spoiler {
-moz-border-radius: 6px;
-moz-transition: all 0.8s 0.001s ease-in;
-o-transition: all 0.8s 0.001s ease-in;
-webkit-border-radius: 6px;
-webkit-transition: all 0.8s 0.001s ease-in;
background-color: #002e54;
border-radius: 6px;
border: 1px white solid !important;
color: white;
height: 25px;
overflow: hidden;
text-decoration: underline;
width: 120px;
}
#spoiler:hover {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #add8e6;
border: 4px solid #002e54;
color: #000;
height: 100%;
text-align: center;
text-decoration: none;
width: 100%;
}
#spoiler2 {
-moz-border-radius: 6px;
-moz-transition: all 0.8s 0.001s ease-in;
-o-transition: all 0.8s 0.001s ease-in;
-webkit-border-radius: 6px;
-webkit-transition: all 0.8s 0.001s ease-in;
background-color: #002e54;
border-radius: 6px;
border: 1px white solid !important;
color: white;
height: 25px;
overflow: hidden;
text-decoration: underline;
width: 120px;
}
#spoiler2:hover {
-moz-border-radius: 6px;
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-webkit-border-radius: 6px;
-webkit-transform: rotate(-360deg);
background-color: #add8e6;
border: 4px solid #002e54;
color: #000;
height: 200px;
overflow: scroll;
text-decoration: none;
width: 100%;
}