Добавляем все файлы
This commit is contained in:
9
template/rpi/bootstrap-responsive.min.css
vendored
Executable file
9
template/rpi/bootstrap-responsive.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
873
template/rpi/bootstrap.min.css
vendored
Executable file
873
template/rpi/bootstrap.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
246
template/rpi/css.php
Executable file
246
template/rpi/css.php
Executable 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
Executable file
37
template/rpi/page.php
Executable 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
Executable file
179
template/rpi/raspcontrol.css
Executable 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