Шаблон:Уголовный кодекс ОПЗ/style.css: различия между версиями

Текущая версия от 22:48, 7 августа 2024

.spoilerdesc {
    padding: 0 5px;
    border: 1px solid #ccc;
    margin-top: 22px;
}
.spoilerclose {    
    display: none;
    background: #f26200;
    width: 100%;
    height: 22px;
    text-indent: 10px;
    cursor: default;
    position: absolute;
    top: 0px;
    left: 0;
}
.spoilerclose:hover {   
    background: #F29933;
}
.spoileropen:before {
    content: 'Развернуть';
    cursor: default;
    text-indent: 10px;
    width: 100%;
    height: 22px;
    background: #F26200;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}
.spoileropen:hover:before {
    background: #F29933;
}
.spoileropen {
    margin: 5px 0 0 15px;
    height: 23px;  
    width: 700px;
    outline: none;
    float: left;
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease;
    transition: height 0.3s ease;
    transition: height 0.3s ease;
    transition: height 0.3s ease;
    transition: height 0.3s ease;
}
.spoileropen:focus {
    height: auto;
}
.spoileropen:focus .spoilerclose {
    display: block;
}
.spoileropen:focus:before {
    display: none;
}

@@ Строка 1: / Строка 1: @@
-* {
+.spoilerdesc {
-  box-sizing: border-box;
+    padding: 0 5px;
+    border: 1px solid #ccc;
+    margin-top: 22px;
 }
+.spoilerclose {
-ul {
+    display: none;
-  list-style-type: none;
+    background: #f26200;
-  margin: 0;
+    width: 100%;
-  padding: 0;
+    height: 22px;
+    text-indent: 10px;
+    cursor: default;
+    position: absolute;
+    top: 0px;
+    left: 0;
 }
+.spoilerclose:hover {
-li {
+    background: #F29933;
-  display: block;
-  width: 200px;
-  height: 50px;
-   margin: 10px 0;
-  background: #ccc;
-  border: 1px solid #000;
-  border-radius: 4px;
-  cursor: pointer;
-  color: black;
-  transition: all .3s ease-in-out;
-  transition: all .3s ease-in-out;
-  transition: all .3s ease-in-out;
-  transition: all .3s ease-in-out;
-  transition: all .3s ease-in-out;
-  transform: translateX(-90%);
-  transform: translateX(-90%);
-  transform: translateX(-90%);
-  transform: translateX(-90%);
-  transform: translateX(-90%);
 }
+.spoileropen:before {
-li:hover {
+    content: 'Развернуть';
-   transform: translateX(0%);
+    cursor: default;
-  transform: translateX(0%);
+    text-indent: 10px;
-  transform: translateX(0%);
+    width: 100%;
-  transform: translateX(0%);
+    height: 22px;
-  transform: translateX(0%);
+    background: #F26200;
+    display: block;
+    position: absolute;
+    top: 0px;
+    left: 0;
+}
+.spoileropen:hover:before {
+    background: #F29933;
+}
+.spoileropen {
+    margin: 5px 0 0 15px;
+    height: 23px;
+    width: 700px;
+    outline: none;
+    float: left;
+    position: relative;
+    overflow: hidden;
+    transition: height 0.3s ease;
+    transition: height 0.3s ease;
+    transition: height 0.3s ease;
+    transition: height 0.3s ease;
+    transition: height 0.3s ease;
+}
+.spoileropen:focus {
+    height: auto;
+}
+.spoileropen:focus .spoilerclose {
+    display: block;
+}
+.spoileropen:focus:before {
+    display: none;
 }