https://www.prismparty.net/history/Template:Calculator/Job/styles.css?feed=atom 2026-07-11T16:35:26Z Revision history for this page on the wiki MediaWiki 1.39.8 https://www.prismparty.net/index.php?title=Template:Calculator/Job/styles.css&diff=3592&oldid=prev 2023-10-25T04:39:03Z

<p>Created page with &quot; #simple-calc__seed { display: none; } .simple-calc__label { font-size: 0.875rem; color: var(--color-base); } #simple-calc__input1, #simple-calc__input2, #simple-calc__input3 { padding: 6px 8px; line-height: var(--line-height-xs); color: var(--color-base--emphasized); background-color: var(--color-surface-0); border-color: var(--border-color-base--darker); border-radius: var(--border-radius--small); font-size: var(--font-size-h6); } #simple-calc__in...&quot;</p> <p><b>New page</b></p><div><br /> #simple-calc__seed {<br /> display: none;<br /> }<br /> <br /> .simple-calc__label {<br /> font-size: 0.875rem;<br /> color: var(--color-base);<br /> }<br /> <br /> #simple-calc__input1, #simple-calc__input2, #simple-calc__input3 {<br /> padding: 6px 8px;<br /> line-height: var(--line-height-xs);<br /> color: var(--color-base--emphasized);<br /> background-color: var(--color-surface-0);<br /> border-color: var(--border-color-base--darker);<br /> border-radius: var(--border-radius--small);<br /> font-size: var(--font-size-h6);<br /> }<br /> #simple-calc__input1:hover, #simple-calc__input2:hover, #simple-calc__input3:hover {<br /> background-color: var(--color-surface-0);<br /> border-color: var(--color-primary--hover);<br /> }<br /> #simple-calc__input1:focus, #simple-calc__input2:focus, #simple-calc__input3:focus {<br /> background-color: var(--color-surface-0);<br /> border-color: var(--color-primary);<br /> box-shadow: inset 0 0 0 1px #3968c5;<br /> }<br /> <br /> #simple-calc__input1:not(:disabled), #simple-calc__input2:not(:disabled), #simple-calc__input3:not(:disabled) {<br /> transition: color 100ms,border-color 100ms,box-shadow 100ms;<br /> }<br /> .simple-calc__group {<br /> margin-bottom: 1rem;<br /> }<br /> <br /> #calculate-btn {<br /> background-color: var(--color-primary);<br /> border-color: var(--color-primary);<br /> color: #fff;<br /> border-style: none;<br /> line-height: 1.42857143em;<br /> padding: 5px 10px 5px 10px;<br /> border-radius: var(--border-radius--small);<br /> font-weight: var(--font-weight-medium); <br /> font-size: var(--font-size-h6);<br /> cursor: pointer;<br /> }<br /> #calculate-btn:hover {<br /> background-color: var(--color-primary--hover);<br /> border-color: var(--color-primary--hover);<br /> }<br /> #calculate-btn:active {<br /> background-color: var(--color-primary--active);<br /> }<br /> #simple-calc__answer {<br /> /*border-bottom: 2px dotted var(--color-base--subtle);*/<br /> width: 5.6rem;<br /> display: inline-block;<br /> text-align: center;<br /> margin-left: 3rem;<br /> background-color: var(--color-surface-2);<br /> border-radius: var(--border-radius--small);<br /> }<br /> .simple-calc__group2 {<br /> width: fit-content;<br /> background-color: var(--color-surface-2);<br /> border-radius: var(--border-radius--small);<br /> border: 2px solid var(--border-color-input);<br /> }<br /> <br /> /* Center it */<br /> #simple-calc__container{<br /> width: 70%;<br /> padding: 15px;<br /> background: var(--color-surface-1);<br /> border-radius: 8px;<br /> box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br /> }<br /> .simple-calc__center {<br /> justify-content:center;<br /> display: flex;<br /> }<br /> #simple-calc__input1, #simple-calc__input2, #simple-calc__input3 {<br /> width: 100%;<br /> }<br /> .simple-cald__cardtitle {<br /> color: var(--color-base--subtle);<br /> font-size: 0.8125rem;<br /> letter-spacing: 0.75px;<br /> margin-bottom: 1rem;<br /> }</div>

BakiDance