Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #addpoints {
- background-color: red;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #addpoints:hover {
- background-color: #f30000;
- }
- #btn_multiply {
- background-color: purple;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #btn_multiply:hover {
- background-color: #69007e;
- }
- #multiply2 {
- background-color: purple;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #multiply2:hover {
- background-color: #69007e;
- }
- #multiply3 {
- background-color: purple;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #multiply3:hover {
- background-color:#69007e;
- }
- #firstbuild {
- background-color: orange;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #firstbuild:hover {
- background-color: #ff8100;
- }
- #secondbuild {
- background-color: yellow;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #secondbuild:hover {
- background-color: #ffed00;
- }
- #thirdbuild {
- background-color: lime;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #thirdbuild:hover {
- background-color: #00f300;
- }
- #fourthbuild {
- background-color: aqua;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #fourthbuild:hover {
- background-color: #00f1ff;
- }
- #fifthbuild {
- background-color: #0033cc;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #fifthbuild:hover {
- background-color:#0033aa;
- }
- #sixthbuild {
- background-color: #cc33ff;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #sixthbuild:hover {
- background-color: #cc33d1;
- }
- #seventhbuild {
- background-color: #a1194b;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #seventhbuild:hover {
- background-color: #85194b;
- }
- #firstbuildmulti1 {
- background-color: #ff6666;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #firstbuildmulti1:hover {
- background-color: #ff4264;
- }
- #secondbuildmulti1 {
- background-color: #99ff33;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #secondbuildmulti1:hover {
- background-color: #99e633;
- }
- #thirdbuildmulti1 {
- background-color: #b4ffff;
- border: none;
- font-size: 14px;
- padding: 12px 18px;
- border-radius: 8px;
- font: Verdana;
- }
- #thirdbuildmulti1:hover {
- background-color: #b4e4ff;
- }
- div.tab {
- overflow: hidden;
- /*border: 1px solid #ccc;*/
- }
- /* Style the buttons inside the tab */
- div.tab button {
- background-color: #ffcc00;
- float: left;
- /*border: solid 5px;*/
- border-radius: 8px;
- 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: #ff5050;
- }
- /* Create an active/current tablink class */
- div.tab .active {
- background-color: #ccc;
- }
- /* Style the tab content */
- .tabcontent {
- display: none;
- padding: 6px 12px;
- /*border: 1px solid #ccc;
- border-top: none;*/
- }
- .tooltip {
- position: relative;
- display: inline-block;
- border-bottom: 1px dotted black;
- }
- .tip1 {
- visibility: hidden;
- width: 120px;
- background-color: black;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 5px 0;
- /* Position the tooltip */
- position: absolute;
- z-index: 1;
- }
- .tooltip:hover + .tip1 {
- visibility: visible;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement