centered girds
This commit is contained in:
parent
4bca887447
commit
fa2bb58e90
@ -1,7 +1,16 @@
|
|||||||
.gridster {
|
.gridster {
|
||||||
position:relative;
|
width: 730px;
|
||||||
|
background: #004756;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
opacity: .8;
|
||||||
|
-webkit-transition: opacity .6s;
|
||||||
|
-moz-transition: opacity .6s;
|
||||||
|
-o-transition: opacity .6s;
|
||||||
|
-ms-transition: opacity .6s;
|
||||||
|
transition: opacity .6s;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gridster > * {
|
.gridster > * {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
-webkit-transition: height .4s;
|
-webkit-transition: height .4s;
|
||||||
@ -14,6 +23,10 @@
|
|||||||
.gridster .gs_w{
|
.gridster .gs_w{
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
background: #FFF;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
|
||||||
|
box-shadow: 0 0 5px rgba(0,0,0,0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ready .gs_w:not(.preview-holder) {
|
.ready .gs_w:not(.preview-holder) {
|
||||||
@ -54,6 +67,45 @@
|
|||||||
transition: all 0s !important;
|
transition: all 0s !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gridWrapper {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #EEEEEE;
|
||||||
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
font-size: x-small;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
list-style: none;
|
||||||
|
margin:0 auto;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 25px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
/* Uncomment this if you set helper : "clone" in draggable options */
|
/* Uncomment this if you set helper : "clone" in draggable options */
|
||||||
/*.gridster .player {
|
/*.gridster .player {
|
||||||
opacity:0;
|
opacity:0;
|
||||||
|
|||||||
@ -29,32 +29,4 @@ h3 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Gridster styles */
|
/* Gridster styles */
|
||||||
.demo {
|
|
||||||
margin: 3em 0;
|
|
||||||
padding: 7.5em 0 5.5em;
|
|
||||||
background: #004756;
|
|
||||||
}
|
|
||||||
|
|
||||||
.demo:hover .gridster {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gridster {
|
|
||||||
width: 940px;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
opacity: .8;
|
|
||||||
|
|
||||||
-webkit-transition: opacity .6s;
|
|
||||||
-moz-transition: opacity .6s;
|
|
||||||
-o-transition: opacity .6s;
|
|
||||||
-ms-transition: opacity .6s;
|
|
||||||
transition: opacity .6s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gridster .gs_w {
|
|
||||||
background: #FFF;
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
|
|
||||||
box-shadow: 0 0 5px rgba(0,0,0,0.3);
|
|
||||||
}
|
|
||||||
@ -44,6 +44,10 @@ if ($cpkidsvisible > "0") {
|
|||||||
$configs['services']["$cpkidsname"] = $cpkids;
|
$configs['services']["$cpkidsname"] = $cpkids;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if ($headvisible > "0") {
|
||||||
|
$configs['services']["$headname"] = $headport;
|
||||||
|
}
|
||||||
|
|
||||||
if ($ftpvisible > "0") {
|
if ($ftpvisible > "0") {
|
||||||
$configs['services']["$ftpname"] = $ftpport;
|
$configs['services']["$ftpname"] = $ftpport;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,11 +8,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#style{
|
#style{
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%; /*Width of left frame div*/
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
|
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
|
||||||
background-color: <?php echo $custombackground; ?>;
|
background-color: <?php echo $custombackground; ?>;
|
||||||
color: white; #000000;
|
color: white; #000000;
|
||||||
@ -28,10 +23,6 @@ overflow: auto;
|
|||||||
background:
|
background:
|
||||||
}
|
}
|
||||||
|
|
||||||
.innertube{
|
|
||||||
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
* html body{ /*IE6 hack*/
|
* html body{ /*IE6 hack*/
|
||||||
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
|
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
|
||||||
|
|||||||
28
main.php
28
main.php
@ -31,7 +31,6 @@ indicateSelected(formref.switchcontrol)
|
|||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="assets/css/jquery.gridster.css">
|
<link rel="stylesheet" type="text/css" href="assets/css/jquery.gridster.css">
|
||||||
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
|
|
||||||
<script type="text/javascript" src="assets/jquery.js"></script>
|
<script type="text/javascript" src="assets/jquery.js"></script>
|
||||||
<script type="text/javascript" src="assets/jquery.gridster.js" charster="utf-8"></script>
|
<script type="text/javascript" src="assets/jquery.gridster.js" charster="utf-8"></script>
|
||||||
|
|
||||||
@ -90,8 +89,7 @@ $('.window').hide();
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<body>
|
<body>
|
||||||
<div id="style">
|
<div id="style" >
|
||||||
<div class="innertube">
|
|
||||||
|
|
||||||
<?php include 'config.php';?>
|
<?php include 'config.php';?>
|
||||||
<?php include 'http://home.k-world.me.uk/version.txt';?>
|
<?php include 'http://home.k-world.me.uk/version.txt';?>
|
||||||
@ -103,10 +101,10 @@ $('.window').hide();
|
|||||||
<p style="text-align: center;">
|
<p style="text-align: center;">
|
||||||
<?php echo "<a href=\"#test-popup2\" class=\"open-popup-link\"><img src=\"$myurl/Pic/KWorld.png\"/></a>"; ?>
|
<?php echo "<a href=\"#test-popup2\" class=\"open-popup-link\"><img src=\"$myurl/Pic/KWorld.png\"/></a>"; ?>
|
||||||
</p>
|
</p>
|
||||||
<section class="demo">
|
<div class="gridWrapper">
|
||||||
|
|
||||||
<div class="gridster">
|
<div class="gridster">
|
||||||
<ul id="hello">
|
<ul id="hello">
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
if ($jdownloadervisible > "0") {
|
if ($jdownloadervisible > "0") {
|
||||||
@ -175,9 +173,17 @@ if ($headvisible > "0") {
|
|||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="version">
|
||||||
|
<?php
|
||||||
|
if ($showversion > "0") {
|
||||||
|
echo "<p style=\" text-align: center;\">Version - $localversion</p>";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
<div id="test-popup" class="white-popup mfp-hide">
|
<div id="test-popup" class="white-popup mfp-hide">
|
||||||
<p style="text-align: center;">
|
<p style="text-align: center;">
|
||||||
@ -201,7 +207,11 @@ if ($headvisible > "0") {
|
|||||||
|
|
||||||
<script src="js/index.js"></script>
|
<script src="js/index.js"></script>
|
||||||
</div>
|
</div>
|
||||||
|
<?php
|
||||||
|
if ($konvoschat > "0") {
|
||||||
|
require "konvoschat.php";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user