Add visual feedback to control buttons in design

feature/node-rewrite
Sven Slootweg 12 years ago
parent 641b4b90ed
commit 7efd395cc1

@ -236,6 +236,13 @@ table.vpsinfo td
background-color: #CDD0E1; background-color: #CDD0E1;
} }
.controlbutton.disabled, .constrolbutton.disabled:hover
{
border: 2px solid #737379;
background-color: #9B9B9B;
cursor: default;
}
.online .online
{ {
color: #078812; color: #078812;

@ -4,6 +4,7 @@
<title>CVM</title> <title>CVM</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/cvm.css" type="text/css"> <link rel="stylesheet" href="css/cvm.css" type="text/css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/cvm.js"></script> <script type="text/javascript" src="js/cvm.js"></script>
</head> </head>
<body> <body>
@ -51,16 +52,16 @@
</div> </div>
<div class="controlbox"> <div class="controlbox">
<a class="controlbutton" href="#"> <a class="controlbutton button-loader" href="#">
<img src="images/button_start.png"> <img src="images/button_start.png" class="button-icon">
Start VPS Start VPS
</a> </a>
<a class="controlbutton" href="#"> <a class="controlbutton button-loader" href="#">
<img src="images/button_restart.png"> <img src="images/button_restart.png" class="button-icon">
Restart VPS Restart VPS
</a> </a>
<a class="controlbutton last" href="#"> <a class="controlbutton button-loader last" href="#">
<img src="images/button_stop.png"> <img src="images/button_stop.png" class="button-icon">
Stop VPS Stop VPS
</a> </a>
<div class="clear"></div> <div class="clear"></div>

Loading…
Cancel
Save