http://playground.sysadminwiki.ru/w/api.php?action=feedcontributions&feedformat=atom&user=Designer
СисадминВики песочница - Вклад участника [ru]
2026-04-18T12:08:07Z
Вклад участника
MediaWiki 1.31.0
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=308
MediaWiki:Common.css
2016-10-16T15:22:46Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
/* -pm- Go down button*/<br />
<br />
/* ---Содержание-------------------------------------*/<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Убираем слово "Содержание" и ссылку "убрать/показать" */<br />
#blockb #toctitle { display: none; }<br />
/*.toctoggle { display: none; }*/<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toctext {<br />
display: inherit;<br />
}<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2: before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=307
MediaWiki:Common.css
2016-10-16T15:16:17Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
/* -pm- Go down button*/<br />
<br />
/* ---Содержание-------------------------------------*/<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Убираем слово "Содержание" и ссылку "убрать/показать" */<br />
#blockb #toctitle { display: none; }<br />
/*.toctoggle { display: none; }*/<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2: before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=306
MediaWiki:Common.css
2016-10-16T15:15:41Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
/* -pm- Go down button*/<br />
<br />
/* ---Содержание-------------------------------------*/<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Убираем слово "Содержание" и ссылку "убрать/показать" */<br />
#blockb #toctitle { display: none; }<br />
/*.toctoggle { display: none; }*/<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=305
MediaWiki:Common.css
2016-10-16T15:15:03Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
/* -pm- Go down button*/<br />
<br />
/* ---Содержание-------------------------------------*/<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Убираем слово "Содержание" и ссылку "убрать/показать" */<br />
#blockb #toctitle { display: none; }<br />
/*.toctoggle { display: none; }*/<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•&nbsp"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=304
MediaWiki:Common.js
2016-10-16T14:50:42Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 46;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
var ff2 = 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
ff2= 46;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0- ff2;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=303
MediaWiki:Common.js
2016-10-16T14:31:49Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 46;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0- ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=302
MediaWiki:Common.js
2016-10-16T14:30:00Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 46;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=301
MediaWiki:Common.js
2016-10-16T14:29:37Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 47;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=300
MediaWiki:Common.js
2016-10-16T14:28:54Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 49;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=299
MediaWiki:Common.js
2016-10-16T14:28:11Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 69;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=298
MediaWiki:Common.js
2016-10-16T14:13:13Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 89;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=297
MediaWiki:Common.js
2016-10-16T14:12:42Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 69;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=296
MediaWiki:Common.js
2016-10-16T14:11:27Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
var ff = 0;<br />
if (z - $(window).scrollTop() < 0) {<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
<br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl -ff;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=295
MediaWiki:Common.js
2016-10-16T14:09:25Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) ;<br />
var xxb = document.body.offsetHeight -(pos2+26) +scrl;<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=294
MediaWiki:Common.js
2016-10-16T14:07:42Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=293
MediaWiki:Common.js
2016-10-16T14:05:39Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
var ff= 0;<br />
if (z - $(window).scrollTop() < 0) { <br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl -ff;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=292
MediaWiki:Common.js
2016-10-16T13:55:17Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
//a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=291
MediaWiki:Common.js
2016-10-16T13:49:35Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1},<br />
function(){<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
} <br />
);<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=290
MediaWiki:Common.js
2016-10-16T13:46:14Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
function(){<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
<br />
} <br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=289
MediaWiki:Common.js
2016-10-16T13:40:02Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
scrl = 0;<br />
posit = $("#block").position().top<br />
posit2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
posit = $("#block").offset().top<br />
posit2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(posit+17) + scrl;<br />
var xxb = document.body.offsetHeight -(posit2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=288
MediaWiki:Common.js
2016-10-16T13:28:17Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) + scrl;<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=287
MediaWiki:Common.js
2016-10-16T13:27:27Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
scrl = 0;<br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
scrl = z - $(window).scrollTop();<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17) + scrl;<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=286
MediaWiki:Common.js
2016-10-16T13:21:00Z
<p>Designer: Откат правок Designer (обсуждение) к версии 24pm</p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=285
MediaWiki:Common.js
2016-10-16T13:20:15Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
var ff = 0;<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
<br />
<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=284
MediaWiki:Common.js
2016-10-16T13:17:31Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
var ff = 0;<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
<br />
<br />
var xx = document.body.offsetHeight -(pos+17)-ff;<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=280
MediaWiki:Common.css
2016-10-14T05:08:02Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
/* -pm- Go down button*/<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=279
MediaWiki:Common.js
2016-10-14T05:07:38Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=278
MediaWiki:Common.js
2016-10-14T05:06:23Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
$(".go_top").style.display = "";<br />
$(".go_down").style.display = "";<br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=277
MediaWiki:Common.js
2016-10-14T05:04:12Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
$(".go_top").css("display","");<br />
$(".go_down").css("display","")<br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=276
MediaWiki:Common.css
2016-10-14T05:02:41Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
display:none;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
/* -pm- Go down button*/<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
display:none;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=275
MediaWiki:Common.js
2016-10-14T05:02:05Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
$(".go_top").css("display","initial");<br />
$(".go_down").css("display","initial")<br />
<br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=274
MediaWiki:Common.css
2016-10-14T04:53:53Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
/* -pm- Go down button*/<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=273
MediaWiki:Common.css
2016-10-14T04:52:45Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
} <br />
<br />
div.go_top: hover :before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=272
MediaWiki:Common.css
2016-10-14T04:36:55Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: hover: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=271
MediaWiki:Common.css
2016-10-14T04:35:27Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
div.go_down: before: hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=270
MediaWiki:Common.css
2016-10-14T04:34:24Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
<br />
div.go_down: before {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
}<br />
<br />
div.go_down {<br />
/*content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');*/<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=269
MediaWiki:Common.css
2016-10-14T04:27:45Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 225px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=268
MediaWiki:Common.css
2016-10-14T04:26:52Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 232px;<br />
/*right: 5px;*/<br />
left: 158px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=267
MediaWiki:Common.css
2016-10-14T04:26:10Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 154px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 12px 12px 7px 7px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 232px;<br />
/*right: 5px;*/<br />
left: 154px;<br />
/*border: 3px solid grey;*/<br />
border-radius: 7px 7px 12px 12px;<br />
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=266
MediaWiki:Common.css
2016-10-14T04:23:20Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 183px;<br />
/*right: 5px;*/<br />
left: 154px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
top: 232px;<br />
/*right: 5px;*/<br />
left: 154px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=265
MediaWiki:Common.css
2016-10-14T04:06:08Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 70px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 23px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=264
MediaWiki:Common.css
2016-10-14T04:05:35Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 60px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 13px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=263
MediaWiki:Common.css
2016-10-14T04:05:02Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 50px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 3px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
div.go_down:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down_over.png');<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=262
MediaWiki:Common.css
2016-10-14T04:04:17Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 50px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
div.go_top:hover {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up_over.png');<br />
} <br />
<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 3px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=261
MediaWiki:Common.js
2016-10-14T04:02:42Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
$(".go_down").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: document.documentElement.scrollHeight<br />
}, 'slow');<br />
});<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.js&diff=260
MediaWiki:Common.js
2016-10-14T04:00:39Z
<p>Designer: </p>
<hr />
<div>/**<br />
* Slide panel with 2 buttons<br />
*/<br />
var maximumWidthText = $("#text").width();<br />
var maximumWidthTextWithWin1 = maximumWidthText - $(".block1").width() - $("#win1").width();<br />
var maximumWidthTextWithWin2 = maximumWidthText - $(".block1").width() - $("#win2").width();<br />
var maxHeightBlock = 0;<br />
var maxHeightBlockb = 0;<br />
var indent = document.body.offsetWidth - $('#aside1').offset().left - $('#aside1').width();<br />
$(function() {<br />
$("#toc").css("display",'block');<br />
$("#toc").css("overflow",'scroll'); <br />
});<br />
$(".go_top").click(function (event) {<br />
$('html, body').animate({<br />
scrollTop: 0<br />
}, 'slow');<br />
});<br />
<br />
<br />
$("#but1").click(function (event) {<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but1").removeClass( "info_but" ).addClass( "info_but_pressed" );<br />
$("#win1").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin1,<br />
});<br />
<br />
if ($("#win2").is(':visible')) {<br />
$("#win2").hide('slow');<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
}<br />
}<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
});<br />
<br />
$("#but2").click(function (event) {<br />
if ($("#win2").is(':visible')) {<br />
$("#but2").removeClass( "toc_but_pressed" ).addClass( "toc_but" );<br />
$("#win2").hide('slow');<br />
$('#text').animate({<br />
width : maximumWidthText, <br />
});<br />
<br />
} else {<br />
$("#but2").removeClass( "toc_but" ).addClass( "toc_but_pressed" );<br />
$("#win2").show('slow');<br />
$('#text').animate({<br />
width : maximumWidthTextWithWin2,<br />
});<br />
<br />
if ($("#win1").is(':visible')) {<br />
$("#but1").removeClass( "info_but_pressed" ).addClass( "info_but" );<br />
$("#win1").hide('slow');<br />
}<br />
}<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
var xx = document.body.offsetHeight -(pos+17);<br />
var xxb = document.body.offsetHeight -(pos2+26);<br />
$("#block").css("max-height",xx+'px');<br />
<br />
$("#toc").css("max-height",xxb+'px'); <br />
maxHeightBlock = xx;<br />
maxHeightBlockb = xxb;<br />
<br />
});<br />
<br />
var z = $("#aside1").offset().top;<br />
<br />
(function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными<br />
var a = document.querySelector('#aside1'), b = null; // селектор блока, который нужно закрепить<br />
<br />
window.addEventListener('scroll', Ascroll, false);<br />
document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100%<br />
function Ascroll() {<br />
if (b === null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями<br />
var Sa = getComputedStyle(a, ''), s = '';<br />
for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя<br />
if (Sa[i].indexOf('overflow') === 0 || Sa[i].indexOf('padding') === 0 || Sa[i].indexOf('border') === 0 || Sa[i].indexOf('outline') === 0 || Sa[i].indexOf('box-shadow') === 0 || Sa[i].indexOf('background') === 0) {<br />
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '<br />
}<br />
}<br />
b = document.createElement('div'); // создать потомка<br />
var kk = a.offsetWidth;<br />
b.style.cssText = s + ' box-sizing: border-box;';<br />
a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок первым<br />
var l = a.childNodes.length;<br />
for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков (итого: создан потомок-обёртка, внутри которого по прежнему работают скрипты)<br />
b.appendChild(a.childNodes[1]);<br />
}<br />
a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
//a.style.height = '950px'; // если под скользящим элементом есть другие блоки, можно своё значение<br />
<br />
a.style.padding = '0';<br />
a.style.border = '0'; // если элементу присвоен padding или border<br />
} <br />
<br />
//$("#aside1").offset({top:z});<br />
<br />
if (z - $(window).scrollTop() <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера<br />
<br />
//$("#aside1").offset({top:$(window).scrollTop()});<br />
b.className = 'sticky';<br />
<br />
b.style.right = indent + 'px';<br />
<br />
} else {<br />
//$("#aside1").offset({top:z});<br />
b.className = '';<br />
}<br />
var ff = 0;<br />
<br />
if (z - $(window).scrollTop() < 0) { <br />
pos = $("#block").position().top<br />
pos2 = $("#toc").position().top<br />
if (navigator.userAgent.search(/Firefox/) > -1) {<br />
ff= 99;<br />
} <br />
} else {<br />
pos = $("#block").offset().top<br />
pos2 = $("#toc").offset().top<br />
}<br />
maxHeightBlock = document.body.offsetHeight -(pos+17);<br />
maxHeightBlockb = document.body.offsetHeight -(pos2+26);<br />
<br />
<br />
<br />
var xx0 = z - $(window).scrollTop();<br />
if (xx0 < 0) { xx0 = z;}<br />
var xx = maxHeightBlock + z - xx0 - ff;<br />
var xxb = maxHeightBlockb + z - xx0 - ff;<br />
xx = xx + 'px';<br />
xxb = xxb + 'px';<br />
$("#block").css("max-height",xx);<br />
$("#toc").css("max-height",xxb); <br />
}<br />
})()<br />
/* slide panel with 2 buttons */<br />
<br />
/**<br />
* Slide panel with 1 button<br />
* @author mwjames<br />
*/<br />
<br />
$("#panel-tab").click( function (event) {<br />
event.stopPropagation();<br />
showIfNotVisible( "#panel-content" );<br />
} );<br />
<br />
function showIfNotVisible( element ) {<br />
var width = $( '#panel' ).find( 'table').width() + 8; <br />
if ( $(element).css( "width" ) == width + 'px' )<br />
$(element).animate( { width: 0 }, 1500);<br />
else<br />
$(element).animate( { width: width }, 1500);<br />
};<br />
<br />
$( function() {<br />
var element = $("#panel-content"),<br />
status = element.attr( 'class' ),<br />
width = element.find( 'table').width() + 8;<br />
<br />
if ( status === 'close' ){<br />
element<br />
.width( width )<br />
.animate( { width: 0 }, 1200);<br />
} else {<br />
element<br />
.width( width );<br />
}<br />
} );<br />
/* slide panel with 1 button */</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=259
MediaWiki:Common.css
2016-10-14T03:53:54Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 50px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
cursor:pointer;<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 3px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=258
MediaWiki:Common.css
2016-10-14T03:52:46Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 50px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 3px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=257
MediaWiki:Common.css
2016-10-14T03:52:19Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 60px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 3px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}</div>
Designer
http://playground.sysadminwiki.ru/w/index.php?title=MediaWiki:Common.css&diff=256
MediaWiki:Common.css
2016-10-14T03:51:57Z
<p>Designer: </p>
<hr />
<div>/* отодвигаем боковое мению для отображения кнопок соц сетей */<br />
#mw-panel {<br />
padding-left: 0.7em;<br />
}<br />
<br />
/* отодвигаем статьи справа, чтобы текст не перекрывался кнопками панели */<br />
.mw-body {<br />
margin-right: 1.7em;<br />
}<br />
<br />
/**<br />
* Slide panel with 2 buttons<br />
*/<br />
<br />
div.slideTab {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: #164EAF;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
.info_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info.png');<br />
}<br />
<br />
.info_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/info_pressed.png');<br />
}<br />
<br />
.toc_but:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc.png');<br />
}<br />
<br />
.toc_but_pressed:before{<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/toc_pressed.png');<br />
}<br />
<br />
div.slideTab2 {<br />
color: white;<br />
float: right;<br />
margin: 3px 0;<br />
padding: 0px;<br />
background: green;<br />
display: block; <br />
cursor:pointer; <br />
border: 2px solid #fff; <br />
border-right: 0;<br />
-webkit-border-top-left-radius: 5px;<br />
-webkit-border-bottom-left-radius: 5px;<br />
border-radius: 5px 0 0 5px;<br />
box-shadow: 0px 1px 5px 0px #000;<br />
filter: progid:DXImageTransform.Microsoft.DropShadow(sProperties);<br />
-webkit-box-shadow: 0px 1px 5px 0px #000;<br />
-moz-box-shadow: 0px 1px 5px 0px #000;<br />
}<br />
<br />
div.slideContent {<br />
position: relative;<br />
overflow: hidden;<br />
height: 100%;<br />
background: transparent;<br />
background: #fff;<br />
border: 0 solid #000;<br />
float:right;<br />
width: 100%;<br />
margin-left: 10px; <br />
}<br />
<br />
table.slideTable { <br />
background: #164eaf;<br />
border: 1px solid black;<br />
margin: 0 0 0 0px;<br />
padding: 3px 3px 3px 3px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
width: 100%;<br />
}<br />
<br />
table.slideTable tr {<br />
background: #fff;<br />
position: relative<br />
}<br />
<br />
table.slideTable td {<br />
padding: 5px;<br />
vertical-align: top !important;<br />
max-height:500px;<br />
}<br />
<br />
table.slideTable th {<br />
background: #164eaf;<br />
border: 0px;<br />
padding: 5px;<br />
font-size: 120%;<br />
font-weight: bold;<br />
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;<br />
color: white;<br />
vertical-align: top !important;<br />
}<br />
<br />
table.slideTable th a {<br />
color: #fff;<br />
}<br />
<br />
.sticky { /* -pm-используется в функции js*/<br />
position: fixed;<br />
top: 0px;<br />
z-index: 101; <br />
}<br />
<br />
.common {<br />
display: inline;<br />
position: relative;<br />
float: right;<br />
left:30px;<br />
margin: -17px;<br />
}<br />
<br />
.block1 {<br />
float: right;<br />
width:50px<br />
}<br />
<br />
.block2 {<br />
float: right; <br />
}<br />
<br />
<br />
/* end of slide panel with 2 buttons*/<br />
<br />
/* Убираем номер пункта в содержании */<br />
.tocnumber { display: none; }<br />
<br />
/* Свои символы перед пунктами в содержании*/<br />
.toc li.toclevel-2 {<br />
list-style: none; /* Убираем исходные маркеры */ <br />
}<br />
.toc li.toclevel-2:before{<br />
display: inline;<br />
content: "•"; /* добавляем свой */<br />
}<br />
.toc li.toclevel-3:before{<br />
content: "°";<br />
}<br />
<br />
<br />
/* -------------------------------------------- */<br />
/* -pm- Go top button*/<br />
div.go_top {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/up.png');<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 80px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 12px 12px 7px 7px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}<br />
<br />
/* -pm- Go down button*/<br />
div.go_down {<br />
content:url('http://playground.sysadminwiki.ru/w/skins/Vector/pm_add/down.png');<br />
position: fixed;<br />
z-index: 1;<br />
bottom: 3px;<br />
/*right: 5px;*/<br />
left: 130px;<br />
border: 3px solid grey;<br />
border-radius: 7px 7px 12px 12px;<br />
box-shadow: 0 0 10px rgba(0,0,0,0.5);<br />
color: grey;<br />
font-style: bold;<br />
text-shadow: 3px 3px 3px grey;<br />
font-size: 120%;<br />
text-decoration: none;<br />
}</div>
Designer