Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* CSS Reset */{}
- .charsheet .sheet-wrapper div,
- .charsheet .sheet-wrapper span,
- .charsheet .sheet-wrapper label,
- .charsheet .sheet-wrapper h1,
- .charsheet .sheet-wrapper h2,
- .charsheet .sheet-wrapper h3,
- .charsheet .sheet-wrapper h4,
- .charsheet .sheet-wrapper h5,
- .charsheet .sheet-wrapper h6,
- .charsheet .sheet-wrapper p,
- .charsheet .sheet-wrapper table,
- .charsheet .sheet-wrapper caption,
- .charsheet .sheet-wrapper tbody,
- .charsheet .sheet-wrapper tfoot,
- .charsheet .sheet-wrapper thead,
- .charsheet .sheet-wrapper tr,
- .charsheet .sheet-wrapper th,
- .charsheet .sheet-wrapper td {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- color: #404040;
- vertical-align: baseline;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
- -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
- box-shadow: inset 0 0px 0px rgba(0,0,0,0);
- -webkit-transition: border linear .2s,box-shadow linear .2s;
- -moz-transition: border linear .2s,box-shadow linear .2s;
- -ms-transition: border linear .2s,box-shadow linear .2s;
- -o-transition: border linear .2s,box-shadow linear .2s;
- transition: border linear .2s,box-shadow linear .2s;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
- .charsheet {
- background-color: white;
- }
- .sheet-red {
- color: red !important;
- }
- .charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h3 {
- margin: 0 auto;
- border: 2px solid #000000;
- background-color: #848482;
- text-align: center;
- color: #ffffff;
- font-size: 15pt;
- }
- .charsheet .sheet-wrapper h3 {
- margin-top: 10px;
- margin-bottom: 10px;
- text-align: left;
- font-size: 15px;
- }
- /* Rows */
- .charsheet .sheet-wrapper .sheet-skills .sheet-row,
- .charsheet .sheet-wrapper div.sheet-gear-cyberware,
- .charsheet .sheet-wrapper .sheet-stats div,
- .charsheet .sheet-wrapper .sheet-gear div {
- min-height: 30px;
- }
- .charsheet .sheet-wrapper .sheet-skills .sheet-row:nth-child(even) {
- background-color: #d3d3d3;
- }
- /* Cols */
- .sheet-col-whitespace {
- width: 30px;
- }
- .charsheet .sheet-wrapper .sheet-stats div.sheet-stats-label {
- width: 90px;
- }
- .charsheet .sheet-wrapper .sheet-stats div.sheet-attribute-label {
- width: 50px;
- }
- .charsheet .sheet-wrapper .sheet-stats div.sheet-attribute-ext-label {
- width: 100px;
- }
- .charsheet .sheet-wrapper .sheet-saves .sheet-col {
- width: 150px;
- }
- .charsheet .sheet-wrapper .sheet-gear div.sheet-gear-name {
- width: 180px;
- }
- .charsheet .sheet-wrapper .sheet-gear div.sheet-gear-readied {
- width: 55px;
- text-align: center;
- }
- .charsheet .sheet-wrapper .sheet-gear div.sheet-gear-encumbrance {
- width: 100px;
- }
- .charsheet .sheet-wrapper div.sheet-gear-weapon {
- width: 252px;
- }
- .charsheet .sheet-wrapper div.sheet-gear-weapon-attribute {
- width: 100px;
- }
- .charsheet .sheet-wrapper div.sheet-gear-weapon-damage {
- width: 100px;
- }
- .charsheet .sheet-wrapper div.sheet-gear-weapon-range {
- width: 100px;
- }
- .charsheet .sheet-wrapper div.sheet-gear-weapon-ammo {
- width: 100px;
- }
- .charsheet .sheet-wrapper div.sheet-psionics-level {
- width: 300px;
- }
- .charsheet .sheet-wrapper div.sheet-psionics-pp {
- width: 380px;
- }
- .charsheet .sheet-wrapper div.sheet-psionics-pp .sheet-col {
- width: 50px;
- }
- .charsheet .sheet-wrapper div.sheet-misc-goal,
- .charsheet .sheet-wrapper div.sheet-misc-goal-xp {
- width: 380px;
- }
- /* Labels */
- .charsheet .sheet-wrapper label {
- font-weight: bold;
- }
- .charsheet .sheet-wrapper .sheet-skills label {
- display: inline-block;
- width: 175px;
- }
- .charsheet .sheet-wrapper .sheet-skills label.sheet-skill-points-unspent {
- background: #000000;
- color: #ffffff;
- }
- /* Input fields */
- .charsheet .sheet-wrapper textarea {
- resize: none;
- }
- .charsheet .sheet-wrapper .sheet-stats input {
- width: 243px;
- }
- .charsheet .sheet-wrapper .sheet-stats input.sheet-stats-half {
- width: 75px;
- }
- .charsheet .sheet-wrapper .sheet-skills input {
- width: 50px;
- }
- input.sheet-skills-custom {
- width: 75px;
- }
- .charsheet .sheet-wrapper input.sheet-gear-credits {
- width: 100px;
- }
- .charsheet .sheet-wrapper .sheet-gear-cyberware input {
- width: 340px;
- }
- .charsheet .sheet-wrapper .sheet-gear-other textarea {
- width: 330px;
- min-height: 164px;
- }
- .charsheet .sheet-wrapper .sheet-gear-weapon input {
- width: 252px;
- }
- .charsheet .sheet-wrapper .sheet-gear-weapon-attribute input,
- .charsheet .sheet-wrapper .sheet-gear-weapon-damage input,
- .charsheet .sheet-wrapper .sheet-gear-weapon-range input,
- .charsheet .sheet-wrapper .sheet-gear-weapon-ammo input
- {
- width: 100px;
- }
- .charsheet .sheet-wrapper .sheet-psionics-discipline input {
- width: 340px;
- }
- .charsheet .sheet-wrapper .sheet-psionics-discipline-level input {
- width: 50px;
- }
- .charsheet .sheet-wrapper .sheet-psionics-power input,
- .charsheet .sheet-wrapper .sheet-psionics-mastered input {
- width: 340px;
- }
- .charsheet .sheet-wrapper .sheet-psionics-pp input {
- width: 50px;
- }
- .charsheet .sheet-wrapper .sheet-misc-goal input {
- width: 400px;
- }
- .charsheet .sheet-wrapper .sheet-misc-goal-xp input
- {
- width: 380px;
- }
- /* [:|ยท] */
- .sheet-neg-ten {
- margin-bottom: 0px;
- }
- .sheet-space {
- margin-right: 30px;
- }
- .sheet-extra-space {
- margin-right: 60px;
- }
- .sheet-zebra {
- background-color: #ececec;
- margin-bottom: 0px;
- padding-bottom: 10px;
- }
- .sheet-zebra-special {
- background-color: #ececec;
- margin-bottom: 0px;
- padding-bottom: 0px;
- }
- .sheet-fake-h3 {
- margin: 20px auto !important;
- border: 2px solid #000000 !important;
- background-color: #848482;
- text-align: center;
- color: #ffffff;
- font-size: 15pt;
- }
- .sheet-fake-h1 {
- margin: 20px auto !important;
- text-align: center;
- color: #ffffff;
- font-size: 15pt;
- }
- .sheet-seventy-five {
- width: 145px !important;
- margin: 5px;
- }
- .sheet-save-block {
- text-align: center !important;
- width: 19%;
- }
- .sheet-middle {
- text-align: center;
- }
- .sheet-seventy-five-nomargin {
- width: 145px !important;
- }
- .sheet-dark-bg {
- background-color: #ececec;
- padding: 15px;
- }
- /* End [:|ยท] */
- /* tooltips */
- .sheet-tip-wrapper {
- cursor: help;
- -webkit-transform: translateZ(0); /* webkit flicker fix */
- -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
- }
- .sheet-tip-wrapper .sheet-tip-tooltip {
- background: #333;
- min-width: 250px;
- bottom: 100%;
- color: #eee;
- display: block;
- left: -25px;
- margin-bottom: 15px;
- opacity: 0;
- padding: 20px;
- pointer-events: none;
- position: absolute;
- text-align: center;
- font-weight: 400;
- width: 100%;
- -webkit-transform: translateY(10px);
- -moz-transform: translateY(10px);
- -ms-transform: translateY(10px);
- -o-transform: translateY(10px);
- transform: translateY(10px);
- -webkit-transition: all .25s ease-out;
- -moz-transition: all .25s ease-out;
- -ms-transition: all .25s ease-out;
- -o-transition: all .25s ease-out;
- transition: all .25s ease-out;
- -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
- -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
- -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
- -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
- box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
- }
- .sheet-narrow-tip {
- min-width: 150px !important;
- }
- /* This bridges the gap so you can mouse into the tooltip without it disappearing
- .sheet-tip-wrapper .sheet-tip-tooltip:before {
- bottom: -20px;
- content: " ";
- display: block;
- height: 20px;
- left: 0;
- position: absolute;
- width: 100%;
- }
- */
- .sheet-tip-wrapper:hover .sheet-tip-tooltip {
- opacity: 1;
- pointer-events: auto;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
- transform: translateY(0px);
- }
- /* IE can just show/hide with no transition */
- .sheet-tip-lte8 .sheet-tip-wrapper .sheet-tip-tooltip {
- display: none;
- }
- .sheet-tip-lte8 .sheet-tip-wrapper:hover .sheet-tip-tooltip {
- display: block;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement