improve css

This commit is contained in:
2015-07-09 13:40:57 +03:00
parent d84d380c6a
commit fa83799292
3 changed files with 7 additions and 58 deletions

View File

@@ -11,9 +11,10 @@
<h1>Account Administration Panel</h1>
<h4>You have following options:</h4>
<
<div id="gallery">
<p><strong>Email accounts</strong></p>
<!-- ADDUSER - Add a new email account -->
<b class="switch"><span class="turn_on">&#187;</span><span class="turn_off">&#171;</span> Add a new email</b>
<div class="hide">

View File

@@ -15,6 +15,7 @@ label {
button {
margin-top: 5px;
cursor:pointer;
}
.boxed {
@@ -24,66 +25,13 @@ button {
}
/* New click/hide */
#gallery {position:relative; line-height:20px; width:705px; padding: 50px 0 0 10px; background:url(pointer.jpg) no-repeat left top; height:450px;}
#gallery {position:relative; line-height:20px; width:705px; padding-left:10px; margin-bottom:100px; height:450px;}
#gallery .switch {display:block; cursor:pointer; color:#000; font-weight:normal;}
#gallery .switch .turn_off {display:none;}
#gallery .off {color:#c00;}
#gallery .off .turn_off {display:inline;}
#gallery .off .turn_on {display:none;}
#gallery .hide {display:none;}
#gallery .show {position:absolute; top:0; left:380px; display:block; width:370px; background:#fff; z-index:200;}
/* Click Toogle */
/* always visible */
#outer .holder {
padding:1em;
border:1px solid #ddd;
margin:0 20px 10px 0;
}
#outer .holder p {
padding:5px 0 0 0;
margin:0;
}
#outer .holder p.bold {
font-weight:bold;
}
#outer .holder h2 {
margin:0;
padding:0;
}
/* unclicked style div.more */
#outer div.more i {
float:left;
margin-right:-10px 10px 0 0;
cursor:pointer;
color:#c00;
font-weight:bold;
}
#outer div.more button.hide {
display:none;
}
#outer div.more p {
display:none;
}
#outer div.more form {
display:none;
}
/* clicked style div.click */
#outer div.click button.show {
display:none;
}
#outer div.click button.hide {
display:block;
}
#outer div.click p {
display:block;
}
#outer div.click form {
display:block;
}
#gallery .show {position:absolute; top:0; left:400px; padding-bottom: 30px; display:block; width:370px; z-index:200;}

View File

@@ -2,11 +2,11 @@
<head>
<meta charset="utf-8">
<title>UAAP | Results</title>
<link rel='stylesheet' href='/style.css' type='text/css' media='all' />
<link rel='stylesheet' href='/static/style.css' type='text/css' media='all' />
</head>
<body>
<p><a href="/">&lt; GO BACK</a> to main administration page</p>
<p><a href="/">&#171; GO BACK</a> to main administration page</p>
<h1>Results</h1>