Bugzilla – View All Attachments for
Bug 28319
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
Attachment #120842
Code use in news under Mainblock.
text/html
2021-05-11 13:40:00 UTC
3.92 KB
no flags
Details
<!DOCTYPE html> <html> <head> <style> body {font-family: "Lato", sans-serif;} /* Style the tab */ div.tab { overflow: hidden; border: 1px solid #ccc; background-color: #0179a5 ; } /* Style the buttons inside the tab */ div.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ div.tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ div.tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } /* Style the close button */ .topright { float: right; cursor: pointer; font-size: 20px; } .topright:hover {color: red;} </style> </head> <body> <div class="tab"> <button class="tablinks" onclick="openCity(event, 'About')" id="defaultOpen">About</button> <button class="tablinks" onclick="openCity(event, 'Rules')">General Rules</button> <button class="tablinks" onclick="openCity(event, 'Services')">Services</button> </div> <div id="About" class="tabcontent"> <span onclick="this.parentElement.style.display='none'" class="topright">x</span> <h3>About</h3> <p>The Madras Club Library is the oldest private library in Chennai. Originally started as a reading room with books, news papers and journals, the formation of a proper library was authorised by the Committee in 1848 with the Secretary being asked to buy books at local auctions. In 1850, a separate room was built for library and in 1910, a Library Committee was formed and the management of the library was handed over to this Committee. In the present Club, the library was housed in a small room till 1998 when it was shifted to the present premises in the Office block. The Library houses a collection of over 15,000 books,magazines and movies and has a very eclectic selection.</p> </div> <div id="Rules" class="tabcontent"> <span onclick="this.parentElement.style.display='none'" class="topright">x</span> <h3>General Rules</h3> <p>1.Only Club Members and dependants can access the Library.<br> 2.A Member can retain the items for 14 days.<br> 3.Renewal is not possible if the item has been hold by another Member.<br> 4.Otherwise 2 Renewals are permitted for the same period.<br> 5.Renewal 1 can be made either over phone or by sending an email.<br> 6.Renewal 2 should be done in person along with the item.<br> 7.The renewals should be made within the due date in order to avoid overdue charges.<br> 8.The overdue charges for each item will be as follows:-<br> a. Books <b>Rs 2.00</b> per day <br> b. Magazines <b>0.50 paise</b> per day<br> c. DVDs <b>Rs 20.00</b> per day<br> </p> </div> <div id="Services" class="tabcontent"> <span onclick="this.parentElement.style.display='none'" class="topright">x</span> <h3>Services</h3> <p>Internet facility per hour <b> Rs 25 </b> <br> Printout charge per page <b> Rs 5.00</b> <br> Photocopying charge per page<b> Rs 1.00</b> <br> .</p> </div> <script> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); </script> </body> </html>