|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/rcwsweb1/ru/toggleElements/ |
Upload File : |
/**
* ----------------------------------------------------------------------------
* toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
* ----------------------------------------------------------------------------
*/
/* Screen ------------------------------------------------------------------- */
@media projection, screen {
/* Toggler - default style */
.toggler {
margin:20px 0 20px 0;
cursor:pointer;
text-decoration: none;
font-size: 16px;
font-weight:normal;
line-height:30px;
display: block;
}
.toggler-closed {
color:#c90;
padding-left:10px;
height:30px;
background: #099 url('togglerc.gif') center right no-repeat;
border:solid 7px #CC0;
color: #FFF;
}
.toggler-closed:hover {
color:#099;
padding-left:10px;
height:30px;
background: #fff url('togglerch.gif') center right no-repeat;
border:solid 7px #Cc0;
}
.toggler-opened {
color:#fff;
padding-left:10px;
height:30px;
background: #099 url('togglero.gif') center right no-repeat;
border: solid 7px #099;
background-color: #C90;
}
.toggler-opened:hover {
color: #369;
padding-left:10px;
height:30px;
background:#fff url('toggleroh.gif') center right no-repeat;
border: solid 7px #099;
}
/* Container - default style */
.toggler-c {
vertical-align:text-bottom;
}
.toggler-c-closed {
background:transparent;
border:solid 1px #ffcc99;
margin:-20px 0px 20px 0px;
padding:5px;
}
.toggler-c-opened {
margin:-20px 0px 20px 0px;
padding:5px;
background:#fff;
border:solid 2px #099;
}
}
/* Print -------------------------------------------------------------------- */
@media print {
.toggler-c { margin-bottom:25px; }
.toggler { display: none; }
}
@media projection, screen {
/* Toggler2 - example simple style */
.toggler2 {
margin:25px 0 25px 0;
cursor:pointer;
text-decoration:underline;
font-size: 1,9em;
font-weight:bolder;
line-height:25px;
display:inline;
padding:5px;
}
.toggler2-closed {
color:#036;
}
.toggler2-closed:hover {
color: #06C;
}
.toggler2-opened {
color:#039;
}
.toggler2-opened:hover {
color: #000;
}
/* Container */
.toggler2-c {
margin-bottom:25px;
}
.toggler2-c-closed {
margin:-25px 0px 25px 0px;
background:#fff;
border:solid 1px #d4d4d4;
border-top:0;
padding:20px;
}
.toggler2-c-opened {
margin: -25px 0px 25px 0px;
background:#FFF8DC;
border:solid 1px #d4d4d4;
padding:20px;
width:536px;
}
}
/* Print -------------------------------------------------------------------- */
@media print {
.toggler2-c { margin-bottom:25px; }
.toggler2 { display: none; }
}
@media projection, screen {
/* Toggler3 - example simple style */
.toggler3 {
margin:25px 0 25px 0;
cursor:pointer;
text-decoration:underline;
font-size: 14px;
font-weight:normal;
line-height:15px;
display:inline;
padding:5px;
}
.toggler3-closed {
color:#036;
width:100%;
}
.toggler3-closed:hover {
color: #06C;
}
.toggler3-opened {
color:#039;
width:100%;
}
.toggler3-opened:hover {
color: #000;
}
/* Container */
.toggler3-c {
margin-bottom:25px;
width:100%;
}
.toggler3-c-closed {
margin:-5px 0px 5px 0px;
background:#fff;
border:solid 1px #d4d4d4;
border-top:0;
width:100%;
}
.toggler3-c-opened {
margin: -5px 0px 5px 0px;
background:#ffffff;
padding:5px;
width:100%;
}
}
/* Print -------------------------------------------------------------------- */
@media print {
.toggler3-c { margin-bottom:25px; }
.toggler3 { display: none; }
}
/* Toggler4 - example style */
.toggler4 {
margin:20px 0 20px 0;
cursor:pointer;
text-decoration: none;
font-size: 16px;
font-weight:normal;
line-height:30px;
display: block;
}
.toggler4-closed {
color:#fff;
padding-left:10px;
height:28px;
background: #069 url('togglerc.gif') center right no-repeat;
border:solid 1px #069;
color: #fff;
}
.toggler4-closed:hover {
color:#09C;
padding-left:10px;
height:28px;
background: #fff url('togglerch.gif') center right no-repeat;
border:solid 1px #069;
}
.toggler4-opened {
color:#fff;
padding-left:10px;
height: 28px;
background: #69C url('togglero.gif') center right no-repeat;
border: solid 1px #69C;
background-color: #69C;
}
.toggler4-opened:hover {
color: #fff;
padding-left:10px;
height:28px;
background:#069 url('toggleroh.gif') center right no-repeat;
border: solid 1px #069;
}
/* Container - default style */
.toggler4-c {
vertical-align:text-bottom;
}
.toggler4-c-closed {
background:transparent;
border:solid 1px #069;
margin:-20px 0px 20px 0px;
padding:5px;
}
.toggler4-c-opened {
margin:-20px 0px 20px 0px;
padding:5px;
background:#fff;
border:solid 2px #69C;
}
}
/* Print -------------------------------------------------------------------- */
@media print {
.toggler4-c { margin-bottom:25px; }
.toggler4 { display: none; }
}
/* Toggler6 - example simple style */
.toggler6 {
margin:0;
cursor:pointer;
text-decoration:underline;
text-align:right;
font-size: 12px;
font-weight:normal;
line-height:12px;
display:inline;
padding:0px;
}
.toggler6-closed {
color:#069;
width:100%;
}
.toggler6-closed:hover, active {
color: #06C;
}
.toggler6-opened {
color:#039;
width:100%;
text-decoration:none;
}
.toggler6-opened:hover {
color: #06C;
}
/* Container */
.toggler6-c {
margin-bottom:15px;
width:100%;
}
.toggler6-c-closed {
margin: 0px 0px 5px 0px;
background:#fff;
border:solid 1px #d4d4d4;
border-top:0;
width:100%;
}
.toggler6-c-opened {
margin: 5px 0px 5px 0px;
background:#ffffff;
padding:2px;
width:100%;
}
}
/* Print -------------------------------------------------------------------- */
@media print {
.toggler6-c { margin-bottom:25px; }
.toggler6 { display: none; }
}