Ветка 07_11_25
This commit is contained in:
382
template/MedWait/css.php
Normal file
382
template/MedWait/css.php
Normal file
@@ -0,0 +1,382 @@
|
||||
/*- основные стили и стили для плагинов */
|
||||
|
||||
body, html{
|
||||
margin: 0px;
|
||||
margin-bottom: 30px;
|
||||
padding: 0px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
body, html, .textStyle, input, textarea, select, button {
|
||||
font-size: 17px;
|
||||
font-family: Arial, Tahoma, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
.titleBackground, .btitle, .mainBackground, .bfloat {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.borderStyle, #sslogan, #hmenu {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgb(0, 0, 0);
|
||||
border-radius: 2px;
|
||||
}
|
||||
ul, ol {
|
||||
margin-block-start: 0em;
|
||||
margin-block-end: 0em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*- тело */
|
||||
|
||||
#bcbody {
|
||||
background: #ffffff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#bibody {
|
||||
opacity: 0.3;
|
||||
background-image: url("/img/hall.jpg");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#pbody {
|
||||
width: 1800px;
|
||||
max-width: -webkit-fill-available !important;
|
||||
min-height: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
top: 13px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*- верхняя часть */
|
||||
|
||||
#head {
|
||||
height: 30px;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo {
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname {
|
||||
width: 200px;
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan {
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#hmemo {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu {
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top: 5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*- центральный блок */
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#right-float,
|
||||
#left-float {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
width: calc(60% - 40px);
|
||||
}
|
||||
|
||||
.center-float .bfloat {
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
.bfloat {
|
||||
overflow-x: hidden;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
border-radius: 0 0 10px 10px;
|
||||
padding: 10px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.cfloat {
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle {
|
||||
padding: 10px;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
line-height: 30px;
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
background-size: auto 30px;
|
||||
border-radius: 10px 10px 0 0;
|
||||
color: #000000;
|
||||
overflow-wrap: break-word;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.ctitle {
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#content {
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
#content td {
|
||||
height: 19px;
|
||||
}
|
||||
#editor a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
[contenteditable="true"]:focus {
|
||||
outline: 1px solid #000;
|
||||
outline-offset: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*- показ сообщений */
|
||||
|
||||
.messageBlock {
|
||||
width: 400px;
|
||||
height: auto;
|
||||
top: 10px;
|
||||
z-index: 1003;
|
||||
right: 0;
|
||||
position: fixed;
|
||||
display: inline-block;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
margin: 15px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
background-color: rgba(255, 255, 255, 0.92);
|
||||
max-width: -webkit-fill-available;
|
||||
}
|
||||
.messageBlock.show {
|
||||
opacity: 1;
|
||||
}
|
||||
.messageBasicText {
|
||||
padding: 10px 15px 10px 15px;
|
||||
border: none;
|
||||
border-bottom: inherit;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.messageText {
|
||||
font-size: 1.15em;
|
||||
margin: 15px;
|
||||
}
|
||||
.messageInput {
|
||||
font-size: 1.15em;
|
||||
margin: 18px 18px 3px 18px;
|
||||
padding: 2px;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
.messageButton {
|
||||
background-color: rgba(255, 255, 255, 0.92);
|
||||
padding: 8px;
|
||||
border-radius: 15px;
|
||||
float: left;
|
||||
font-size: 1.15em;
|
||||
width: 35px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*- размер окна */
|
||||
|
||||
@media (min-width: 1240px) {
|
||||
#pbody { padding-left: 40px; padding-right: 40px; }
|
||||
.center-float { width: calc(64% - 40px); }
|
||||
#left-float:not(:empty), #right-float:not(:empty) { width: 18%; }
|
||||
}
|
||||
@media (min-width: 700px) and (max-width: 1239px) {
|
||||
.center-float { width: calc(60% - 30px); }
|
||||
#left-float:not(:empty), #right-float:not(:empty) { width: 20%; }
|
||||
#left-float, #right-float, .center-float { padding: 5px !important; }
|
||||
}
|
||||
@media (min-width: 550px) and (max-width: 699px) {
|
||||
.center-float { width: calc(56% - 30px); }
|
||||
#left-float:not(:empty), #right-float:not(:empty) { width: 22%; }
|
||||
#left-float, #right-float, .center-float { padding: 5px !important; }
|
||||
}
|
||||
@media (min-width: 550px) {
|
||||
#editableArea { display: flex; }
|
||||
.center-float { order: 2; flex: 1; }
|
||||
#left-float { order: 1; }
|
||||
#right-float { order: 3; }
|
||||
#hbody { font-size: 1.3em; }
|
||||
}
|
||||
|
||||
@media only screen and (pointer: coarse) {
|
||||
#panel { border-radius: 0px !important; }
|
||||
#managerDiv, #treeDiv {
|
||||
position: fixed;
|
||||
top: 72px !important;
|
||||
left: 0 !important;
|
||||
width: 100vw !important;
|
||||
height: calc(100vh - 74px) !important;
|
||||
overflow-x: hidden !important;
|
||||
overflow-y: auto !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 0 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
#treeTableDiv {
|
||||
margin: 0px 10px 0px 10px !important; overflow-y: hidden !important; height: auto !important;
|
||||
}
|
||||
#managerTableDiv {
|
||||
margin: 0px 10px 0px 10px !important; overflow-y: overlay !important; height: -webkit-fill-available !important;
|
||||
}
|
||||
#treeTableDiv, #managerProperties { width: calc(100% - 20px) !important; }
|
||||
}
|
||||
|
||||
@media (min-width: 0px) and (max-width: 549px) {
|
||||
#hbody { font-size: 1.4em !important; }
|
||||
#treeDiv { font-size: 1.05em !important; }
|
||||
#authorizationButton {
|
||||
background: url(../../img/pict/mc_iconslyb.svg) calc(var(--autButBackX) * 1.27px) calc(var(--autButBackY) * 1.27px) !important;
|
||||
background-size: calc(1122px * 1.27) !important; width: 28px !important; height: 28px !important; margin-left: 9px;
|
||||
}
|
||||
#siteSettingsButton {
|
||||
background: url(../../img/pict/mc_iconslyb.svg) calc(-1840px * 1.27) calc(1664px * 1.27 - 1px) !important;
|
||||
background-size: calc(1122px * 1.27) !important; width: 28px !important; height: 28px !important; margin-left: 9px;
|
||||
}
|
||||
#left-float:not(:empty), #right-float:not(:empty) { width: calc(50% - 10px); }
|
||||
.center-float { width: 100%; }
|
||||
#left-float, #right-float { padding: 5px 0px !important; }
|
||||
.center-float { padding: 5px 0px 15px 0px !important; }
|
||||
.menu-btn { margin-left: 14px; }
|
||||
#slng { margin-left: 3px; }
|
||||
#authorizationDiv { width: 90% !important; }
|
||||
#BackArrow {
|
||||
background: url(../../img/pict/mc_iconslyb.svg) calc(-77px * 1.27) calc(-37px * 1.27) !important;
|
||||
background-size: calc(1122px * 1.27) !important; width: 28px !important; height: 28px !important; top: 37px !important;
|
||||
}
|
||||
.authorizationDivCloseFun {
|
||||
background: url(../../img/pict/mc_iconslyb.svg) calc(-159px * 1.27) calc(-120px * 1.27) !important;
|
||||
background-size: calc(1122px * 1.27) !important; width: 28px !important; height: 28px !important;
|
||||
}
|
||||
.butinAuto, .butin, .sele { height: 25px !important; font-size: 1em !important; }
|
||||
.cust2 { top: 247% !important; }
|
||||
}
|
||||
|
||||
27
template/MedWait/page.php
Normal file
27
template/MedWait/page.php
Normal file
@@ -0,0 +1,27 @@
|
||||
<div id="bcbody">
|
||||
<div id="bibody"></div>
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
</div>
|
||||
<div id="smap">
|
||||
%smap%
|
||||
</div>
|
||||
<div id="editableArea">
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
%left%
|
||||
%right%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
181
template/default/css.php
Normal file
181
template/default/css.php
Normal file
@@ -0,0 +1,181 @@
|
||||
<?php
|
||||
// if (!$_SESSION['access']) exit(0);
|
||||
// defined(_JEXEC) or die('Ай-яй-яй, сюда нельзя!');
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
|
||||
<?php// if (!$_SESSION['access']) die ?>
|
||||
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 95%;
|
||||
margin: 0px auto;
|
||||
background: #ffffff;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 100px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-image: url(/img/Raspberry_Pi_Logo.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
/* max-width:10%;*/
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
border: 1px solid #000000;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
top: -30px;
|
||||
border: 1px solid #000000;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom:0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap{
|
||||
/* border: 1px solid #000000;
|
||||
text-align: left;*/
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_7.jpg);
|
||||
background-size: auto 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
34
template/default/page.php
Normal file
34
template/default/page.php
Normal file
@@ -0,0 +1,34 @@
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%server%';" style="cursor:pointer" title="%server%">
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%server%';" style="cursor:pointer" title="%server%">
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div>
|
||||
<div id="smap">
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
175
template/default1/css.php
Normal file
175
template/default1/css.php
Normal file
@@ -0,0 +1,175 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 95%;
|
||||
margin: 0px auto;
|
||||
background: #ffffff;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 100px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-image: url(/img/Raspberry_Pi_Logo.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
/* max-width:10%;*/
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
border: 1px solid #000000;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
top: -30px;
|
||||
border: 1px solid #000000;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom:0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap{
|
||||
/* border: 1px solid #000000;
|
||||
text-align: left;*/
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
border-radius: 0 0 100px 10px;
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_4.jpg);
|
||||
background-size: auto 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
34
template/default1/page.php
Normal file
34
template/default1/page.php
Normal file
@@ -0,0 +1,34 @@
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%server%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%server%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div>
|
||||
<div id="smap">
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
174
template/default2/css.php
Normal file
174
template/default2/css.php
Normal file
@@ -0,0 +1,174 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 95%;
|
||||
margin: 0px auto;
|
||||
background: #ffffff;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 100px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-image: url(/img/Raspberry_Pi_Logo.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
/* max-width:10%;*/
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
border: 1px solid #000000;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
top: -30px;
|
||||
border: 1px solid #000000;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom:0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap{
|
||||
/* border: 1px solid #000000;
|
||||
text-align: left;*/
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_5.jpg);
|
||||
background-size: auto 30px ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
34
template/default2/page.php
Normal file
34
template/default2/page.php
Normal file
@@ -0,0 +1,34 @@
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div>
|
||||
<div id="smap">
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
174
template/default3/css.php
Normal file
174
template/default3/css.php
Normal file
@@ -0,0 +1,174 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 95%;
|
||||
margin: 0px auto;
|
||||
background: #ffffff;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 100px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-image: url(/img/Raspberry_Pi_Logo.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
/* max-width:10%;*/
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
border: 1px solid #000000;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
top: -30px;
|
||||
border: 1px solid #000000;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom:0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap{
|
||||
/* border: 1px solid #000000;
|
||||
text-align: left;*/
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_1.jpg);
|
||||
background-size: auto 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
34
template/default3/page.php
Normal file
34
template/default3/page.php
Normal file
@@ -0,0 +1,34 @@
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div>
|
||||
<div id="smap">
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
175
template/default4/css.php
Normal file
175
template/default4/css.php
Normal file
@@ -0,0 +1,175 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 95%;
|
||||
margin: 0px auto;
|
||||
background: #ffffff;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 100px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-image: url(/img/Raspberry_Pi_Logo.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
/* max-width:10%;*/
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
border: 1px solid #000000;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
top: -30px;
|
||||
border: 1px solid #000000;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom:0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap{
|
||||
/* border: 1px solid #000000;
|
||||
text-align: left;*/
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_5.jpg);
|
||||
background-size: auto 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
34
template/default4/page.php
Normal file
34
template/default4/page.php
Normal file
@@ -0,0 +1,34 @@
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div>
|
||||
<div id="smap">
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
29
template/error.php
Normal file
29
template/error.php
Normal file
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=%encoding%" />
|
||||
<title>%sitename%</title>
|
||||
<link rel="icon" type="image/ico" href="%icon%" />
|
||||
<link href="%server%template/default/css.php" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="hbody">
|
||||
<div id="shome">
|
||||
<a href="%server%">Home</a>
|
||||
</div>
|
||||
<div id="slng">
|
||||
%LngMenu%
|
||||
</div>
|
||||
<div id="smenu">
|
||||
%TopMenu%
|
||||
</div>
|
||||
</div>
|
||||
<div id="pbody">
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
298
template/kip/css.php
Normal file
298
template/kip/css.php
Normal file
@@ -0,0 +1,298 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
?>
|
||||
body, html{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
/* Главные контейнеры */
|
||||
#hbody {
|
||||
position: fixed;
|
||||
height: 30px;
|
||||
width: 100%;
|
||||
background: rgb(237,232,237);
|
||||
background-image: linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -moz-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -webkit-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -ms-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(194,194,194)), color-stop(0.57, rgb(237,232,237)));
|
||||
color: #666;
|
||||
/* text-shadow: -1px -1px #666, 1px 1px #FFF;*/
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
font-family: serif;
|
||||
font-size:20px;
|
||||
top:0px;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
#shome{
|
||||
position: relative;
|
||||
top: 0px;
|
||||
float: left;
|
||||
left: 0px;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
|
||||
#smenu{
|
||||
position: relative;
|
||||
margin: 0px auto;
|
||||
width:400px;
|
||||
}
|
||||
|
||||
#slng{
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
float: right;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
/*#slng {position:relative;z-index:100;}*/
|
||||
|
||||
#slng ul li a,#slng ul li a:visited {display:block;text-decoration:none;text-align:center;line-height:20px;overflow:hidden;}
|
||||
|
||||
#slng ul {padding:0;margin:0;list-style: none;}
|
||||
|
||||
#slng ul li {float:left;position:relative;width:100px;}
|
||||
|
||||
#slng ul li ul {display: none; background: rgb(237,232,237);}
|
||||
|
||||
/* specific to non IE browsers */
|
||||
#slng ul li:hover a { }
|
||||
|
||||
#slng ul li:hover ul {display:block;position:absolute;top:21px;left:0;width:50px;}
|
||||
|
||||
#slng ul li:hover ul li a.hide { }
|
||||
|
||||
#slng ul li:hover ul li:hover a.hide { }
|
||||
|
||||
#slng ul li:hover ul li ul {display: none;}
|
||||
|
||||
#slng ul li:hover ul li a {display:block;}
|
||||
|
||||
#slng ul li:hover ul li a:hover { }
|
||||
|
||||
#slng ul li:hover ul li:hover ul {display:block;position:absolute;left:50px;top:0;}
|
||||
|
||||
#slng ul li:hover ul li:hover ul.left {left:-105px;}
|
||||
|
||||
#f button{
|
||||
/**/ color:#666;
|
||||
background:none;
|
||||
cursor:pointer;
|
||||
border:0;
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
font-family: serif;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
#f, #f button{
|
||||
display:inline;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#f button:hover{
|
||||
color: rgb(153,153,153);
|
||||
text-shadow: -1px -1px #666, 1px 1px #FFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#hbody a{
|
||||
color: #666;
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
text-decoration: none;/**/
|
||||
}
|
||||
|
||||
#hbody a:hover{
|
||||
color: rgb(153,153,153);
|
||||
text-shadow: -1px -1px #666, 1px 1px #FFF;
|
||||
}
|
||||
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 95%;
|
||||
margin: 0px auto;
|
||||
background: #ffffff;
|
||||
top:50px;
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 100px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-image: url(/img/Raspberry_Pi_Logo.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
/* max-width:10%;*/
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
border: 1px solid #000000;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
top: -30px;
|
||||
border: 1px solid #000000;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom:0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap{
|
||||
/* border: 1px solid #000000;
|
||||
text-align: left;*/
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#fclear{
|
||||
clear:both;
|
||||
}
|
||||
#footer {
|
||||
height: 100px;
|
||||
position: relative;
|
||||
left: -1px;
|
||||
bottom: -1px;
|
||||
width: 100%;
|
||||
border: 1px solid #0ffff0;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_7.jpg);
|
||||
background-size: auto 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
62
template/kip/page.php
Normal file
62
template/kip/page.php
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=%encoding%" />
|
||||
<title>%sitename%</title>
|
||||
<link rel="icon" type="image/ico" href="%icon%" />
|
||||
<link href="%server%template/%template%/css.php" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="hbody">
|
||||
<div id="shome">
|
||||
<a href="%server%">Home</a>
|
||||
</div>
|
||||
<div id="slng">
|
||||
%Menu%
|
||||
</div>
|
||||
<div id="smenu">
|
||||
<a href="#">Raspberry </a>|
|
||||
<a href="#">Сайтостроение </a>|
|
||||
<a href="#">Умный дом</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%home%'" style="cursor:pointer" ><!---->
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%menu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div><!---->
|
||||
<div id="smap"><!---->
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="fclear"></div>
|
||||
<div id="footer">
|
||||
futer<br>%request_url%<br>%page_url%
|
||||
</div>
|
||||
|
||||
9
template/rpi/bootstrap-responsive.min.css
vendored
Normal file
9
template/rpi/bootstrap-responsive.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
873
template/rpi/bootstrap.min.css
vendored
Normal file
873
template/rpi/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
246
template/rpi/css.php
Normal file
246
template/rpi/css.php
Normal file
@@ -0,0 +1,246 @@
|
||||
<?php
|
||||
session_start();
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0px 0%;
|
||||
background-image:url(/img/gor.jpg);
|
||||
background-size: 430px 100%;
|
||||
background-repeat:repeat-y;
|
||||
top:0px;
|
||||
}
|
||||
|
||||
#pbody a{
|
||||
font-weight :bold;
|
||||
/*
|
||||
*/
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 150px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background-image: url(/img/head.jpg);
|
||||
background-size: 100% 150px;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 0px;
|
||||
top:0px;/*-1*/
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 450px;
|
||||
height: 150px;
|
||||
background-image: url(/img/rpi_logo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 150px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
top: 40px;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
padding-left: -55px;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
text-align :center;
|
||||
top: 50px;
|
||||
left:15%;
|
||||
position: absolute;
|
||||
width: 70%;
|
||||
height: 30px;
|
||||
/*
|
||||
font-family: serif;
|
||||
color: #666;
|
||||
*/
|
||||
font-family : Arial, Tahoma, Verdana, sans-serif;
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#hmenu a{
|
||||
color: #000;
|
||||
text-shadow: 1px 1px 3px #666,
|
||||
-1px -1px 3px #FFF,
|
||||
1px 1px #666,
|
||||
-1px -1px #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#hmenu a:hover{
|
||||
color: rgb(100,100,100);
|
||||
text-shadow: -1px -1px #666,
|
||||
1px 1px #FFF;
|
||||
}
|
||||
|
||||
#smap{
|
||||
text-align :center;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#cont{
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.bcont{
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
/*
|
||||
padding :5px;
|
||||
margin :5px;
|
||||
*/
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
-webkit-box-shadow: 5px 5px 5px #222;
|
||||
-moz-box-shadow: 5px 5px 5px #222;
|
||||
box-shadow: 0px 0px 5px #111;
|
||||
}
|
||||
*/
|
||||
|
||||
.bfloat,
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
/*
|
||||
-webkit-box-shadow: 5px 5px 5px #222;
|
||||
-moz-box-shadow: 5px 5px 5px #222;
|
||||
*/
|
||||
box-shadow: 0px 0px 5px #777;
|
||||
}
|
||||
|
||||
.bfloat a{
|
||||
text-decoration: none;
|
||||
}
|
||||
/*
|
||||
*/
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_7.jpg);
|
||||
background-size: 100% 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
37
template/rpi/page.php
Normal file
37
template/rpi/page.php
Normal file
@@ -0,0 +1,37 @@
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%home%'" style="cursor:pointer" ><!---->
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div><!---->
|
||||
<div id="cont">
|
||||
<div id="smap"><!---->
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
179
template/rpi/raspcontrol.css
Normal file
179
template/rpi/raspcontrol.css
Normal file
@@ -0,0 +1,179 @@
|
||||
/*
|
||||
* Commun style
|
||||
*/
|
||||
|
||||
.container, .navbar .container {
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
|
||||
header {
|
||||
margin: 0;
|
||||
height: 140px;
|
||||
color: #fff;
|
||||
background: #464646;
|
||||
background: -moz-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#464646),color-stop(100%,#303130));
|
||||
background: -webkit-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -o-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -ms-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: linear-gradient(to bottom,#464646 0%,#303130 100%);
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 32px 0 -10px 0;
|
||||
font-size: 40px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
header a,
|
||||
header a:hover,
|
||||
header a:focus {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
header a:hover {
|
||||
color: #ededed;
|
||||
}
|
||||
|
||||
header h2 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
header img {
|
||||
float: left;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Pages
|
||||
*/
|
||||
|
||||
.form-login {
|
||||
margin: 20px 0 60px 0;
|
||||
}
|
||||
.form-login input {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.details table {
|
||||
width: 100%;
|
||||
}
|
||||
.details tr {
|
||||
vertical-align: top;
|
||||
/*border-bottom: 1px solid #dedede;*/
|
||||
}
|
||||
.details td {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.details td.check {
|
||||
font-weight: bold;
|
||||
min-width: 100px;
|
||||
}
|
||||
.details td.icon {
|
||||
min-width: 25px;
|
||||
padding-left: 10px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.details .storage td {
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.details .progress {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.details .storage .progress {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.rapid-status div {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.infos div {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
|
||||
footer {
|
||||
margin:0;
|
||||
padding: 30px 0 0 0;
|
||||
color: #fff;
|
||||
background: #464646;
|
||||
background: -moz-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#464646),color-stop(100%,#303130));
|
||||
background: -webkit-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -o-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -ms-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: linear-gradient(to bottom,#464646 0%,#303130 100%);
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
}
|
||||
footer a {
|
||||
color: #ccc;
|
||||
}
|
||||
footer a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*
|
||||
* Mediaqueries
|
||||
*/
|
||||
@media (max-width: 770px) {
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container,
|
||||
.progress {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.navbar {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
header img {
|
||||
display: none;
|
||||
}
|
||||
header {
|
||||
padding: 0 10px 0 20px;
|
||||
height: 120px;
|
||||
}
|
||||
footer {
|
||||
padding-top: 20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Bootstrap override
|
||||
*/
|
||||
.popover {
|
||||
width: 650px;
|
||||
max-width: 650px;
|
||||
}
|
||||
.infos div .popover-content {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.popover-content table {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
99
template/start/css.php
Normal file
99
template/start/css.php
Normal file
@@ -0,0 +1,99 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
|
||||
/* Главные контейнеры */
|
||||
#head {
|
||||
background-image :url(<?php echo $path.'/img/rpi3.jpg';?>);
|
||||
background-repeat :no-repeat;
|
||||
background-size :1500px;
|
||||
background-position :center;
|
||||
height :510px;
|
||||
width :100%;
|
||||
position :relative;
|
||||
top :5px;
|
||||
}
|
||||
|
||||
#left {
|
||||
top :-150px;
|
||||
height :440px;
|
||||
position :relative;
|
||||
float :left;
|
||||
width :32%;
|
||||
margin-bottom :-100px;
|
||||
}
|
||||
|
||||
#right {
|
||||
position :relative;
|
||||
float :right;
|
||||
width :32%;
|
||||
height :300px;
|
||||
top :-10px;
|
||||
}
|
||||
|
||||
#center {
|
||||
float :none;
|
||||
width :auto;
|
||||
overflow :hidden;
|
||||
height :230px;
|
||||
position :relative;
|
||||
top :-60px;
|
||||
}
|
||||
|
||||
#basic {
|
||||
top :330px;
|
||||
float :none;
|
||||
width :100%;
|
||||
height :150px;
|
||||
position :relative;
|
||||
}
|
||||
|
||||
#main2 {
|
||||
border :1px solid #0ffff0;
|
||||
float :none;
|
||||
margin :0px auto;
|
||||
border :1px;
|
||||
height :100%;
|
||||
}
|
||||
|
||||
#left:hover::after,
|
||||
#right:hover::after,
|
||||
#center:hover::after
|
||||
{
|
||||
content :attr(data-title); /* Выводим текст */
|
||||
position :absolute; /* Абсолютное позиционирование */
|
||||
left :0;
|
||||
right :0;
|
||||
bottom :5px; /* Положение подсказки */
|
||||
z-index :1; /* Отображаем подсказку поверх других элементов */
|
||||
background :rgba(0,42,167,0.6); /* Полупрозрачный цвет фона */
|
||||
color :#fff; /* Цвет текста */
|
||||
text-align :center; /* Выравнивание текста по центру */
|
||||
font-family :Arial, /* Гарнитура шрифта */
|
||||
sans-serif;
|
||||
font-size :15px; /* Размер текста подсказки */
|
||||
padding :5px 10px; /* Поля */
|
||||
border :1px solid #333; /* Параметры рамки */
|
||||
border-radius :10px;
|
||||
}
|
||||
|
||||
#basic:hover::after
|
||||
{
|
||||
content :attr(data-title); /* Выводим текст */
|
||||
position :absolute; /* Абсолютное позиционирование */
|
||||
left :0;
|
||||
right :0;
|
||||
bottom :5px; /* Положение подсказки */
|
||||
z-index :1; /* Отображаем подсказку поверх других элементов */
|
||||
background :rgba(194,194,194,0.6); /* Полупрозрачный цвет фона */
|
||||
color :#fff; /* Цвет текста */
|
||||
text-align :center; /* Выравнивание текста по центру */
|
||||
font-family :Arial, /* Гарнитура шрифта */
|
||||
sans-serif;
|
||||
font-size :15px; /* Размер текста подсказки */
|
||||
padding :5px 10px; /* Поля */
|
||||
border :1px solid #333; /* Параметры рамки */
|
||||
border-radius :10px;
|
||||
}
|
||||
42
template/start/footercss.php
Normal file
42
template/start/footercss.php
Normal file
@@ -0,0 +1,42 @@
|
||||
#fclear{
|
||||
clear: both;
|
||||
top: -100px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
height: 20px;
|
||||
position: relative;
|
||||
width: 90%;
|
||||
border: 1px solid #0ffff0;
|
||||
margin: 0px auto;
|
||||
top: -110px;
|
||||
}
|
||||
|
||||
.left-footer,
|
||||
.right-footer,
|
||||
.center-footer {
|
||||
position: relative;
|
||||
padding: 0px;
|
||||
border: 1px solid #0ffff0;
|
||||
}
|
||||
|
||||
.left-footer {
|
||||
/*
|
||||
left:-400px;
|
||||
*/
|
||||
float: left;
|
||||
width: 30%;
|
||||
}
|
||||
.right-footer {
|
||||
float: right;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.center-footer {
|
||||
/*
|
||||
left:-400px;
|
||||
*/
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
4
template/start/page.php
Normal file
4
template/start/page.php
Normal file
@@ -0,0 +1,4 @@
|
||||
<div id="head">
|
||||
<div id="main2" >
|
||||
</div>
|
||||
</div>
|
||||
BIN
template/start/test2_.jpg
Normal file
BIN
template/start/test2_.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 574 KiB |
298
template/temp/new/css.php
Normal file
298
template/temp/new/css.php
Normal file
@@ -0,0 +1,298 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
?>
|
||||
body, html{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
/* Главные контейнеры */
|
||||
#hbody {
|
||||
position: fixed;
|
||||
height: 30px;
|
||||
width: 100%;
|
||||
background: rgb(237,232,237);
|
||||
background-image: linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -moz-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -webkit-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -ms-linear-gradient(bottom, rgb(194,194,194) 15%, rgb(237,232,237) 57%);
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(194,194,194)), color-stop(0.57, rgb(237,232,237)));
|
||||
color: #666;
|
||||
/* text-shadow: -1px -1px #666, 1px 1px #FFF;*/
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
font-family: serif;
|
||||
font-size:20px;
|
||||
top:0px;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
#shome{
|
||||
position: relative;
|
||||
top: 0px;
|
||||
float: left;
|
||||
left: 0px;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
|
||||
#smenu{
|
||||
position: relative;
|
||||
margin: 0px auto;
|
||||
width:400px;
|
||||
}
|
||||
|
||||
#slng{
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
float: right;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
/*#slng {position:relative;z-index:100;}*/
|
||||
|
||||
#slng ul li a,#slng ul li a:visited {display:block;text-decoration:none;text-align:center;line-height:20px;overflow:hidden;}
|
||||
|
||||
#slng ul {padding:0;margin:0;list-style: none;}
|
||||
|
||||
#slng ul li {float:left;position:relative;width:100px;}
|
||||
|
||||
#slng ul li ul {display: none; background: rgb(237,232,237);}
|
||||
|
||||
/* specific to non IE browsers */
|
||||
#slng ul li:hover a { }
|
||||
|
||||
#slng ul li:hover ul {display:block;position:absolute;top:21px;left:0;width:50px;}
|
||||
|
||||
#slng ul li:hover ul li a.hide { }
|
||||
|
||||
#slng ul li:hover ul li:hover a.hide { }
|
||||
|
||||
#slng ul li:hover ul li ul {display: none;}
|
||||
|
||||
#slng ul li:hover ul li a {display:block;}
|
||||
|
||||
#slng ul li:hover ul li a:hover { }
|
||||
|
||||
#slng ul li:hover ul li:hover ul {display:block;position:absolute;left:50px;top:0;}
|
||||
|
||||
#slng ul li:hover ul li:hover ul.left {left:-105px;}
|
||||
|
||||
#f button{
|
||||
/**/ color:#666;
|
||||
background:none;
|
||||
cursor:pointer;
|
||||
border:0;
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
font-family: serif;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
#f, #f button{
|
||||
display:inline;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#f button:hover{
|
||||
color: rgb(153,153,153);
|
||||
text-shadow: -1px -1px #666, 1px 1px #FFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#hbody a{
|
||||
color: #666;
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
text-decoration: none;/**/
|
||||
}
|
||||
|
||||
#hbody a:hover{
|
||||
color: rgb(153,153,153);
|
||||
text-shadow: -1px -1px #666, 1px 1px #FFF;
|
||||
}
|
||||
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 95%;
|
||||
margin: 0px auto;
|
||||
background: #ffffff;
|
||||
top:50px;
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 100px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 5px;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 99px;
|
||||
background-image: url(/img/Raspberry_Pi_Logo.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
/* max-width:10%;*/
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-image: url(/img/rpi.svg);
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
border: 1px solid #000000;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
top: -30px;
|
||||
border: 1px solid #000000;
|
||||
position: relative;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
margin-bottom:0px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smap{
|
||||
/* border: 1px solid #000000;
|
||||
text-align: left;*/
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#fclear{
|
||||
clear:both;
|
||||
}
|
||||
#footer {
|
||||
height: 100px;
|
||||
position: relative;
|
||||
left: -1px;
|
||||
bottom: -1px;
|
||||
width: 100%;
|
||||
border: 1px solid #0ffff0;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_7.jpg);
|
||||
background-size: auto 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
62
template/temp/new/page.php
Normal file
62
template/temp/new/page.php
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=%encoding%" />
|
||||
<title>%sitename%</title>
|
||||
<link rel="icon" type="image/ico" href="%icon%" />
|
||||
<link href="%server%template/%template%/css.php" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="hbody">
|
||||
<div id="shome">
|
||||
<a href="%server%">Home</a>
|
||||
</div>
|
||||
<div id="slng">
|
||||
%Menu%
|
||||
</div>
|
||||
<div id="smenu">
|
||||
<a href="#">Raspberry </a>|
|
||||
<a href="#">Сайтостроение </a>|
|
||||
<a href="#">Умный дом</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%home%'" style="cursor:pointer" ><!---->
|
||||
|
||||
</div>
|
||||
<div id="hmemo">
|
||||
|
||||
</div>
|
||||
<div id="sname" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%menu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div><!---->
|
||||
<div id="smap"><!---->
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="fclear"></div>
|
||||
<div id="footer">
|
||||
futer<br>%request_url%<br>%page_url%
|
||||
</div>
|
||||
|
||||
9
template/test/bootstrap-responsive.min.css
vendored
Normal file
9
template/test/bootstrap-responsive.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
873
template/test/bootstrap.min.css
vendored
Normal file
873
template/test/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
246
template/test/css.php
Normal file
246
template/test/css.php
Normal file
@@ -0,0 +1,246 @@
|
||||
<?php
|
||||
session_start();
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
include_once '../../data/footer.css.php';
|
||||
include_once '../../data/top.css.php';
|
||||
?>
|
||||
|
||||
#pbody {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0px 0%;
|
||||
background-image:url(/img/gor.jpg);
|
||||
background-size: 430px 100%;
|
||||
background-repeat:repeat-y;
|
||||
top:0px;
|
||||
}
|
||||
|
||||
#pbody a{
|
||||
font-weight :bold;
|
||||
/*
|
||||
*/
|
||||
}
|
||||
|
||||
|
||||
#head {
|
||||
height: 150px;
|
||||
left:-1px;
|
||||
top:-1px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background-image: url(/img/head.jpg);
|
||||
background-size: 100% 150px;
|
||||
}
|
||||
|
||||
#slogo{
|
||||
left: 0px;
|
||||
top:0px;/*-1*/
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 450px;
|
||||
height: 150px;
|
||||
background-image: url(/img/rpi_logo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 150px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
#sname{
|
||||
width:200px;
|
||||
height: 37px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-repeat: no-repeat;
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
#sslogan{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
#hmemo{
|
||||
position: relative;
|
||||
top: 40px;
|
||||
width: 150px;
|
||||
height: 99px;
|
||||
float: right;
|
||||
padding-left: -55px;
|
||||
background-image: url(/img/rpi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
#hmenu{
|
||||
text-align :center;
|
||||
top: 50px;
|
||||
left:15%;
|
||||
position: absolute;
|
||||
width: 70%;
|
||||
height: 30px;
|
||||
/*
|
||||
font-family: serif;
|
||||
color: #666;
|
||||
*/
|
||||
font-family : Arial, Tahoma, Verdana, sans-serif;
|
||||
text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#hmenu a{
|
||||
color: #000;
|
||||
text-shadow: 1px 1px 3px #666,
|
||||
-1px -1px 3px #FFF,
|
||||
1px 1px #666,
|
||||
-1px -1px #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#hmenu a:hover{
|
||||
color: rgb(100,100,100);
|
||||
text-shadow: -1px -1px #666,
|
||||
1px 1px #FFF;
|
||||
}
|
||||
|
||||
#smap{
|
||||
text-align :center;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top:5px;
|
||||
width: 99%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#smap a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#cont{
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.bcont{
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#left-float,
|
||||
#right-float,
|
||||
.center-float {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#left-float {
|
||||
float: left;
|
||||
}
|
||||
#right-float {
|
||||
float: right;
|
||||
}
|
||||
#left-float:empty,
|
||||
#right-float:empty {
|
||||
width: 0px;
|
||||
}
|
||||
#left-float:not(:empty),
|
||||
#right-float:not(:empty) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.center-float {
|
||||
float: none;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bfloat{
|
||||
overflow-x: hidden;
|
||||
/*
|
||||
padding :5px;
|
||||
margin :5px;
|
||||
*/
|
||||
border: 1px solid #f44180;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
-webkit-box-shadow: 5px 5px 5px #222;
|
||||
-moz-box-shadow: 5px 5px 5px #222;
|
||||
box-shadow: 0px 0px 5px #111;
|
||||
}
|
||||
*/
|
||||
|
||||
.bfloat,
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
/*
|
||||
-webkit-box-shadow: 5px 5px 5px #222;
|
||||
-moz-box-shadow: 5px 5px 5px #222;
|
||||
*/
|
||||
box-shadow: 0px 0px 5px #777;
|
||||
}
|
||||
|
||||
.bfloat a{
|
||||
text-decoration: none;
|
||||
}
|
||||
/*
|
||||
*/
|
||||
|
||||
.cfloat{
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.btitle{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: calc(100% + 2px);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
background-image: url(/img/menu_7.jpg);
|
||||
background-size: 100% 100% ;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.ctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cctitle{
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
margin-top: -4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
line-height: 00px;
|
||||
}
|
||||
.youtubef{
|
||||
max-width:100%;
|
||||
width:650px;
|
||||
height:360px;
|
||||
{
|
||||
|
||||
35
template/test/page.php
Normal file
35
template/test/page.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<div id="pbody">
|
||||
<div id="head">
|
||||
<div id="slogo" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
|
||||
<div id="sname" onClick="window.location='%home%'" style="cursor:pointer" >
|
||||
|
||||
</div>
|
||||
<div id="hmenu">
|
||||
%SiteMenu%
|
||||
</div>
|
||||
<div id="sslogan">
|
||||
Ваш ник: %User%; Ваш язык: %lng%
|
||||
</div>
|
||||
</div><!---->
|
||||
<div id="cont">
|
||||
<div id="smap"><!---->
|
||||
%smap%
|
||||
</div>
|
||||
|
||||
<div id="editableArea">
|
||||
%left%
|
||||
%right%
|
||||
<div class="center-float">
|
||||
<div class="%ctitle%" id="mainTitle">
|
||||
%title%
|
||||
</div>
|
||||
<div class="%cfloat%">
|
||||
<div id="content">%content%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
179
template/test/raspcontrol.css
Normal file
179
template/test/raspcontrol.css
Normal file
@@ -0,0 +1,179 @@
|
||||
/*
|
||||
* Commun style
|
||||
*/
|
||||
|
||||
.container, .navbar .container {
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
|
||||
header {
|
||||
margin: 0;
|
||||
height: 140px;
|
||||
color: #fff;
|
||||
background: #464646;
|
||||
background: -moz-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#464646),color-stop(100%,#303130));
|
||||
background: -webkit-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -o-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -ms-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: linear-gradient(to bottom,#464646 0%,#303130 100%);
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 32px 0 -10px 0;
|
||||
font-size: 40px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
header a,
|
||||
header a:hover,
|
||||
header a:focus {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
header a:hover {
|
||||
color: #ededed;
|
||||
}
|
||||
|
||||
header h2 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
header img {
|
||||
float: left;
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Pages
|
||||
*/
|
||||
|
||||
.form-login {
|
||||
margin: 20px 0 60px 0;
|
||||
}
|
||||
.form-login input {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.details table {
|
||||
width: 100%;
|
||||
}
|
||||
.details tr {
|
||||
vertical-align: top;
|
||||
/*border-bottom: 1px solid #dedede;*/
|
||||
}
|
||||
.details td {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.details td.check {
|
||||
font-weight: bold;
|
||||
min-width: 100px;
|
||||
}
|
||||
.details td.icon {
|
||||
min-width: 25px;
|
||||
padding-left: 10px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.details .storage td {
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.details .progress {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.details .storage .progress {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.rapid-status div {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.infos div {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
|
||||
footer {
|
||||
margin:0;
|
||||
padding: 30px 0 0 0;
|
||||
color: #fff;
|
||||
background: #464646;
|
||||
background: -moz-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#464646),color-stop(100%,#303130));
|
||||
background: -webkit-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -o-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: -ms-linear-gradient(top,#464646 0%,#303130 100%);
|
||||
background: linear-gradient(to bottom,#464646 0%,#303130 100%);
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
}
|
||||
footer a {
|
||||
color: #ccc;
|
||||
}
|
||||
footer a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*
|
||||
* Mediaqueries
|
||||
*/
|
||||
@media (max-width: 770px) {
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container,
|
||||
.progress {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.navbar {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
header img {
|
||||
display: none;
|
||||
}
|
||||
header {
|
||||
padding: 0 10px 0 20px;
|
||||
height: 120px;
|
||||
}
|
||||
footer {
|
||||
padding-top: 20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Bootstrap override
|
||||
*/
|
||||
.popover {
|
||||
width: 650px;
|
||||
max-width: 650px;
|
||||
}
|
||||
.infos div .popover-content {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.popover-content table {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
Reference in New Issue
Block a user