improve css
This commit is contained in:
@@ -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">»</span><span class="turn_off">«</span> Add a new email</b>
|
||||
<div class="hide">
|
||||
|
||||
@@ -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;}
|
||||
|
||||
|
||||
|
||||
@@ -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="/">< GO BACK</a> to main administration page</p>
|
||||
<p><a href="/">« GO BACK</a> to main administration page</p>
|
||||
|
||||
<h1>Results</h1>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user