mirror of
https://github.com/placeAtlas/atlas.git
synced 2024-10-01 06:59:16 +02:00
Use button class instead of referring IDs
This commit is contained in:
parent
a996899814
commit
9c4aea3c3b
3 changed files with 8 additions and 10 deletions
|
@ -78,9 +78,7 @@ a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
button,
|
button,
|
||||||
#exportDirectPost,
|
.button, {
|
||||||
#aboutBackButton,
|
|
||||||
#drawBackButton {
|
|
||||||
background-image: linear-gradient(to bottom, #888, #666);
|
background-image: linear-gradient(to bottom, #888, #666);
|
||||||
border: 1px #000 solid;
|
border: 1px #000 solid;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
|
@ -96,7 +94,9 @@ button::-moz-focus-inner {
|
||||||
}
|
}
|
||||||
|
|
||||||
button:disabled,
|
button:disabled,
|
||||||
button:disabled:hover {
|
button:disabled:hover,
|
||||||
|
.button:disabled,
|
||||||
|
.button:disabled:hover {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: #666;
|
background-color: #666;
|
||||||
color: #AAA;
|
color: #AAA;
|
||||||
|
@ -104,9 +104,7 @@ button:disabled:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
button:hover,
|
button:hover,
|
||||||
#exportDirectPost:hover,
|
.button:hover {
|
||||||
#aboutBackButton:hover,
|
|
||||||
#drawBackButton:hover {
|
|
||||||
background-image: linear-gradient(to bottom, #999, #777);
|
background-image: linear-gradient(to bottom, #999, #777);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -56,7 +56,7 @@ <h1>The 2022 /r/place Atlas</h1>
|
||||||
|
|
||||||
|
|
||||||
<div id="aboutContainer">
|
<div id="aboutContainer">
|
||||||
<a id="aboutBackButton" href="./">< Back to the Atlas</a>
|
<a id="aboutBackButton" class="button" href="./">< Back to the Atlas</a>
|
||||||
<div id="about">
|
<div id="about">
|
||||||
<a href="https://www.netlify.com">
|
<a href="https://www.netlify.com">
|
||||||
<img src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg" alt="Deploys by Netlify" />
|
<img src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg" alt="Deploys by Netlify" />
|
||||||
|
|
|
@ -162,7 +162,7 @@ <h1 id="title">The 2022 /r/place Atlas</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="drawControlsContainer">
|
<div id="drawControlsContainer">
|
||||||
<a id="drawBackButton" href="./">< Back to the Atlas</a>
|
<a id="drawBackButton" class="button" href="./">< Back to the Atlas</a>
|
||||||
<div id="drawControls">
|
<div id="drawControls">
|
||||||
<div>
|
<div>
|
||||||
<button id="undoButton" disabled>Undo</button>
|
<button id="undoButton" disabled>Undo</button>
|
||||||
|
@ -209,7 +209,7 @@ <h1 id="title">The 2022 /r/place Atlas</h1>
|
||||||
<div id="exportWindow">
|
<div id="exportWindow">
|
||||||
<p><b>Recommended:</b> Post directly after clicking this button. Don't forget to flair it with the "New Entry" tag. </p>
|
<p><b>Recommended:</b> Post directly after clicking this button. Don't forget to flair it with the "New Entry" tag. </p>
|
||||||
<div style="display:flex; flex-direction:column;align-items:center">
|
<div style="display:flex; flex-direction:column;align-items:center">
|
||||||
<a href="_blank" id="exportDirectPost">Post Direct to Reddit</a>
|
<a href="_blank" id="exportDirectPost" class="button">Post Direct to Reddit</a>
|
||||||
</div>
|
</div>
|
||||||
<hr style="border-bottom: solid black 1px"/>
|
<hr style="border-bottom: solid black 1px"/>
|
||||||
<i>or...</i>
|
<i>or...</i>
|
||||||
|
|
Loading…
Reference in a new issue