Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .left {
- box-shadow: 5px 5px 5px #DEDEDE;
- float:left;
- width:20%;
- line-height:1.7em;
- padding:0px 0px 50px 0px;
- background: #1bacfa;
- background-image: -webkit-linear-gradient(top, #1bacfa, #1bacfa);
- background-image: -moz-linear-gradient(top, #1bacfa, #1bacfa);
- background-image: -ms-linear-gradient(top, #1bacfa, #1bacfa);
- background-image: -o-linear-gradient(top, #1bacfa, #1bacfa);
- background-image: linear-gradient(to bottom, #1bacfa, #1bacfa);
- -webkit-border-radius: 28;
- -moz-border-radius: 28;
- border-radius: 28px;
- font-family: Arial;
- color: #ffffff;
- font-size: 80%;
- padding: 17px 17px 17px 17px;
- border: solid #fcfcfc 0px;
- text-decoration: none;
- margin-top: 10px;
- margin-bottom: 10px;
- margin-right: 10px;
- margin-left: 10px;
- }
- .left:hover {
- background: #4bc4fc;
- background-image: -webkit-linear-gradient(top, #4bc4fc, #3fbffa);
- background-image: -moz-linear-gradient(top, #4bc4fc, #3fbffa);
- background-image: -ms-linear-gradient(top, #4bc4fc, #3fbffa);
- background-image: -o-linear-gradient(top, #4bc4fc, #3fbffa);
- background-image: linear-gradient(to bottom, #4bc4fc, #3fbffa);
- text-decoration: none;
- }
- <div class="left">
- <h1 style="display: block;">ADAL459</h1>
- <span class="info" style="display: none;">
- <b>Account Name: </b>
- null
- <br>
- <b>Application Name: </b>
- CPS
- <br>
- <b>Server Subtype: </b>
- null
- <br>
- <b>Server Type: </b>
- null
- <br>
- <i onclick="wasClicked(0)" style="color:#b6e4fd;">Click to choose</i>
- </span>
- <br style="display: inline-block;">
- <br style="display: inline-block;">
- <span class="info" style="display: none;">
- <b>Account Name: </b>
- null
- <br>
- <b>Application Name: </b>
- CPS
- <br>
- <b>Server Subtype: </b>
- null
- <br>
- <b>Server Type: </b>
- null
- <br>
- <i onclick="wasClicked(1)" style="color:#b6e4fd;">Click to choose</i>
- </span>
- <br style="display: inline-block;">
- <br style="display: inline-block;">
- <span class="info" style="display: none;">
- <b>Account Name: </b>
- null
- <br>
- <b>Application Name: </b>
- CPS
- <br>
- <b>Server Subtype: </b>
- null
- <br>
- <b>Server Type: </b>
- null
- <br>
- <i onclick="wasClicked(2)" style="color:#b6e4fd;">Click to choose</i>
- </span>
- <br style="display: inline-block;">
- <br style="display: inline-block;">
- <span class="info" style="display: none;">
- <b>Account Name: </b>
- null
- <br>
- <b>Application Name: </b>
- CPS
- <br>
- <b>Server Subtype: </b>
- null
- <br>
- <b>Server Type: </b>
- null
- <br>
- <i onclick="wasClicked(3)" style="color:#b6e4fd;">Click to choose</i>
- </span>
- <br style="display: inline-block;">
- <br style="display: inline-block;">
- <span class="info" style="display: none;">
- <b>Account Name: </b>
- null
- <br>
- <b>Application Name: </b>
- CPS
- <br>
- <b>Server Subtype: </b>
- null
- <br>
- <b>Server Type: </b>
- null
- <br>
- <i onclick="wasClicked(4)" style="color:#b6e4fd;">Click to choose</i>
- </span>
- <br style="display: inline-block;">
- <br style="display: inline-block;">
- <span class="info" style="display: none;">
- <b>Account Name: </b>
- null
- <br>
- <b>Application Name: </b>
- CPS
- <br>
- <b>Server Subtype: </b>
- null
- <br>
- <b>Server Type: </b>
- null
- <br>
- <i onclick="wasClicked(5)" style="color:#b6e4fd;">Click to choose</i>
- </span>
- <br style="display: inline-block;">
- <br style="display: inline-block;">
- </div>
- <div class="left">
- <h1>ADAL460</h1><span class="info" style="display: none;"><b>Account Name: </b>null<br><b>Application Name: </b>CPS<br><b>Server Subtype: </b>null<br><b>Server Type: </b>null<br><i onclick="wasClicked(6)" style="color:#b6e4fd;">Click to choose</i></span>
- <br>
- <br><span class="info" style="display: none;"><b>Account Name: </b>null<br><b>Application Name: </b>CPS<br><b>Server Subtype: </b>null<br><b>Server Type: </b>null<br><i onclick="wasClicked(7)" style="color:#b6e4fd;">Click to choose</i></span>
- <br>
- <br><span class="info" style="display: none;"><b>Account Name: </b>null<br><b>Application Name: </b>CPS<br><b>Server Subtype: </b>null<br><b>Server Type: </b>null<br><i onclick="wasClicked(8)" style="color:#b6e4fd;">Click to choose</i></span>
- <br>
- <br><span class="info" style="display: none;"><b>Account Name: </b>null<br><b>Application Name: </b>CPS<br><b>Server Subtype: </b>null<br><b>Server Type: </b>null<br><i onclick="wasClicked(9)" style="color:#b6e4fd;">Click to choose</i></span>
- <br>
- <br>
- </div>
- $(".info").hide();
- $(".left").click(function () {
- $(this).children().slideToggle();
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement