154 lines
2.7 KiB
SCSS
154 lines
2.7 KiB
SCSS
/*
|
|
* General Styles - Original
|
|
*/
|
|
|
|
& {
|
|
// Stress and Trauma
|
|
|
|
|
|
//#character-stress {
|
|
// label {
|
|
// &[for$="-0"] {
|
|
// margin-right: 0px;
|
|
// }
|
|
// }
|
|
//}
|
|
|
|
//Abilities and loadout
|
|
|
|
// Abilities
|
|
//#abilities {
|
|
// .label-stripe {
|
|
// p:first-child {
|
|
// margin-right: 10px;
|
|
// }
|
|
// }
|
|
//}
|
|
|
|
// Loadout
|
|
//#loadout {
|
|
// .item-add-popup {
|
|
// margin-left: 10px;
|
|
// }
|
|
//}
|
|
|
|
// Experience teeth
|
|
//.teeth-experience {
|
|
// @include toothradio(10px, 30px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png");
|
|
// position: absolute;
|
|
// top: 0px;
|
|
// right: 10px;
|
|
//}
|
|
|
|
//#harm-armor {
|
|
//
|
|
// display: flex;
|
|
//
|
|
// // Harm
|
|
// #character-harm {
|
|
//
|
|
// width: 100%;
|
|
//
|
|
// table {
|
|
// width: 100%;
|
|
//
|
|
// th {
|
|
// background-color: $almost_black;
|
|
// color: $almost_white;
|
|
// }
|
|
//
|
|
// input[type="text"] {
|
|
// width: 100%;
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// // Clock
|
|
// #character-health-clock {
|
|
// margin: 0 auto;
|
|
// @include clock(4, 88);
|
|
// }
|
|
//
|
|
// #character-armor-uses {
|
|
//
|
|
// div {
|
|
// display: flex;
|
|
// flex-direction: row;
|
|
// justify-content: space-between;
|
|
// }
|
|
// }
|
|
//}
|
|
|
|
|
|
//#attributes {
|
|
//
|
|
// display: flex;
|
|
// flex-direction: column;
|
|
// width: 200px;
|
|
//
|
|
// .stripe {
|
|
// background-color: $almost_black;
|
|
// color: $almost_white;
|
|
// font-size: 17px;
|
|
// padding-left: 5px;
|
|
// }
|
|
//
|
|
// .attribute-label,
|
|
// .attribute-skill-label {
|
|
// font-weight: bold;
|
|
// text-transform: uppercase;
|
|
// }
|
|
// .attribute-skill-label {
|
|
// letter-spacing: 1px;
|
|
// }
|
|
// .attributes-exp {
|
|
//
|
|
// position: relative;
|
|
// margin-bottom: 10px;
|
|
//
|
|
// .stripe-tooth-body {
|
|
// @include toothradio(10px, 30px, "assets/teeth/xptooth-white.png", "assets/teeth/xptooth-red.png");
|
|
// position: absolute;
|
|
// top: 0px;
|
|
// right: 0px;
|
|
// }
|
|
// }
|
|
//
|
|
// .attributes-container {
|
|
// display: flex;
|
|
// margin: 3px 0px;
|
|
// @include custom_radio(15px, 15px);
|
|
//
|
|
// * {
|
|
// margin-right: 5px;
|
|
// }
|
|
// }
|
|
//}
|
|
|
|
|
|
//// Tooltip.
|
|
//.tooltip {
|
|
//
|
|
// .tooltiptext {
|
|
// visibility: hidden;
|
|
// width: 200px;
|
|
// background-color: $almost_black;
|
|
// color: $almost_white;
|
|
// text-align: center;
|
|
// padding: 5px;
|
|
// border-radius: 6px;
|
|
//
|
|
// // Position
|
|
// position: absolute;
|
|
// z-index: 9999;
|
|
// }
|
|
//
|
|
// &:hover .tooltiptext {
|
|
// visibility: visible;
|
|
// }
|
|
//}
|
|
|
|
|
|
|
|
|
|
}
|