centered girds
This commit is contained in:
parent
4bca887447
commit
fa2bb58e90
@ -1,7 +1,16 @@
|
||||
.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 > * {
|
||||
margin: 0 auto;
|
||||
-webkit-transition: height .4s;
|
||||
@ -14,6 +23,10 @@
|
||||
.gridster .gs_w{
|
||||
z-index: 2;
|
||||
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) {
|
||||
@ -54,6 +67,45 @@
|
||||
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 */
|
||||
/*.gridster .player {
|
||||
opacity:0;
|
||||
|
||||
@ -29,32 +29,4 @@ h3 {
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
if ($headvisible > "0") {
|
||||
$configs['services']["$headname"] = $headport;
|
||||
}
|
||||
|
||||
if ($ftpvisible > "0") {
|
||||
$configs['services']["$ftpname"] = $ftpport;
|
||||
}
|
||||
|
||||
@ -8,11 +8,6 @@
|
||||
}
|
||||
|
||||
#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*/
|
||||
background-color: <?php echo $custombackground; ?>;
|
||||
color: white; #000000;
|
||||
@ -28,10 +23,6 @@ overflow: auto;
|
||||
background:
|
||||
}
|
||||
|
||||
.innertube{
|
||||
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
|
||||
color: black;
|
||||
}
|
||||
|
||||
* html body{ /*IE6 hack*/
|
||||
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
|
||||
|
||||
32
main.php
32
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/styles.css">
|
||||
<script type="text/javascript" src="assets/jquery.js"></script>
|
||||
<script type="text/javascript" src="assets/jquery.gridster.js" charster="utf-8"></script>
|
||||
|
||||
@ -90,8 +89,7 @@ $('.window').hide();
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
<div id="style">
|
||||
<div class="innertube">
|
||||
<div id="style" >
|
||||
|
||||
<?php include 'config.php';?>
|
||||
<?php include 'http://home.k-world.me.uk/version.txt';?>
|
||||
@ -103,10 +101,10 @@ $('.window').hide();
|
||||
<p style="text-align: center;">
|
||||
<?php echo "<a href=\"#test-popup2\" class=\"open-popup-link\"><img src=\"$myurl/Pic/KWorld.png\"/></a>"; ?>
|
||||
</p>
|
||||
<section class="demo">
|
||||
|
||||
<div class="gridster">
|
||||
<ul id="hello">
|
||||
<div class="gridWrapper">
|
||||
|
||||
<div class="gridster">
|
||||
<ul id="hello">
|
||||
|
||||
<?php
|
||||
if ($jdownloadervisible > "0") {
|
||||
@ -175,9 +173,17 @@ if ($headvisible > "0") {
|
||||
}
|
||||
?>
|
||||
</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">
|
||||
<p style="text-align: center;">
|
||||
@ -201,7 +207,11 @@ if ($headvisible > "0") {
|
||||
|
||||
<script src="js/index.js"></script>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
if ($konvoschat > "0") {
|
||||
require "konvoschat.php";
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user