Calculate
tags which hold the display screen and buttons of the calculator.
Calculator Rows
CSS Code
Open the styles.css file and paste the following CSS code for the calculator:
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
.calculator {
padding: 10px;
border-radius: 1em;
height: 380px;
width: 400px;
margin: auto;
background-color: #191b28;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.display-box {
font-family: 'Orbitron', sans-serif;
background-color: #dcdbe1;
border: solid black 0.5px;
color: black;
border-radius: 5px;
width: 100%;
height: 65%;
}
#btn {
background-color: #fb0066;
}
input[type=button] {
font-family: 'Orbitron', sans-serif;
background-color: #64278f;
color: white;
border: solid black 0.5px;
width: 100%;
border-radius: 5px;
height: 70%;
outline: none;
}
input:active[type=button] {
background: #e5e5e5;
-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
-moz-box-shadow: inset 0px 0px 5px #c1c1c1;
box-shadow: inset 0px 0px 5px #c1c1c1;
}
Popular posts from this blogHosting list
Hosting refers to the process of storing and serving data or applications on a server, which can be accessed by users over the internet. This can include websites, web applications, databases, and other online resources. There are several types of hosting available, including shared hosting, virtual private servers (VPS), dedicated servers, cloud hosting, and more. Each type has its own advantages and disadvantages, depending on the specific needs of the user. Shared hosting is the most common type of hosting and is usually the most affordable. It involves sharing server resources with other websites or applications, which can sometimes result in slower performance or limited resources. VPS hosting provides users with their own virtual server environment, allowing them to have more control over their resources and configurations. Dedicated hosting involves having an entire physical server dedicated to one user or organization, providing the most control and performance but also being t...
BEST BROKERS FOR TRADING IN 2023
BEST BROKERS FOR TRADING IN 2023 Trading is one of the therapeutic elements in life where traders feel great about their lives when profits earned are in good numbers. However, the assistance of a financial broker is pivotal here. It is brokers that provide opportunities, accounts, and platforms for trading and allow the market player to live a dream of investment. If we look at the foreign exchange market alone, it accounts for an average daily transaction of USD 6.6 trillion, more than the GDP of several countries of the world combined. Likewise, markets of indices, Cryptocurrencies, stocks, metals, commodities, energies, and others have great significance. But for trading, best brokers are as important as oxygen. Best brokers for trading in 2023 Scert gift for you There are thousands of markets globally for making transactions and investing funds. But without a broker’s help, you cannot choose and trade. Thus, you need to pick a trader that knows your requirements and offers yo...
How to make money plant Bushy
How To Make Money Plant Bushy? How To Make Money Plant Bushy? Indian Money Plant is a loved house plant. With its heart-shaped leaves in green colour, it is a live beauty to behold. Keeping a Money plant at home is considered auspicious for wealth and fortune. Money plant is a creeper, thus ideal for decorating your balconies, walls, trellis, windows. Though Money Plants can thrive in any climatic conditions, here are tips to grow a bushy money plant. How To Make Money Plant Bushy How To Grow Bushy Money Plant? Prune Them Well: Pruning will make your Money Plant look bushier. If you don't, the stems will keep trailing, looking thinner. As Money plants can grow in areas with low light, they can develop sparse leaves and a non-sculpted look. With the help of pruning shears, prune the leaves and stems of the Money Plant. - If you want a fuller Money Plant from the top, prune the leaves and stems growing in an outward direction. - Always cut below the leaf node. - You can trim your ste...
|
Comments
Post a Comment