GravTheme/css/text.css

654 lines
11 KiB
CSS

#imGoToCont {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / 2;
}
#imPageRow_1 {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 24;
grid-column: 2 / 26;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2 / 3;
}
#imPageRow_2 {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 24;
grid-column: 2 / 26;
-ms-grid-row: 3;
-ms-grid-row-span: 5;
grid-row: 3 / 8;
}
#page-title-container {
position: relative;
-ms-grid-row-align: start;
align-self: start;
-ms-grid-column-align: center;
justify-self: center;
max-width: 100%;
box-sizing: border-box;
z-index: 3;
width: 100%;
font-style: normal;
font-weight: normal;
line-height: 28px;
}
#imCellStyleGraphics_1 {
position: absolute;
top: 10px;
bottom: 10px;
background-color: transparent;
}
#imCellStyleBorders_1 {
position: absolute;
top: 10px;
bottom: 10px;
}
#page-title-wrapper .text-inner {
text-align: center;
font-family: 'Marcellus SC', sans-serif;
vertical-align: baseline;
font-size: 36pt;
line-height: 72px;
}
#page-title-wrapper div {
line-height: 28px;
}
#page-title-wrapper p {
margin: 0;
padding: 0;
}
#page-title-wrapper sup {
vertical-align: super;
font-size: smaller;
}
#page-title-wrapper sub {
vertical-align: sub;
font-size: smaller;
}
#page-title-wrapper img {
border: none;
margin: 0;
vertical-align: text-bottom;
}
#page-title-wrapper hr {
border-width: 1px 0 0 0;
border-style: solid;
}
#page-title-container .text-container {
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
display: -ms-grid;
display: grid;
-ms-grid-template-rows: 1fr;
grid-template-rows: 1fr;
-ms-grid-template-columns: 1fr;
grid-template-columns: 1fr;
background-color: rgba(255, 255, 255, 1);
border-style: solid;
border-color: rgba(169, 169, 169, 1);
}
#page-title-container .text-container .grid-prop.current-tab {
z-index: 1;
opacity: 1;
}
#page-title-container .text-container .grid-prop {
-ms-grid-column: 1;
-ms-grid-row: 1;
grid-column: 1;
grid-row: 1;
grid-area: 1 / 1 / 2 / 2;
opacity: 0;
box-sizing: border-box;
position: relative;
}
#page-title-container .text-container .text-tab-content.detach {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: none;
}
.page-content-wrapper {
position: relative;
-ms-grid-row-align: start;
align-self: start;
-ms-grid-column-align: center;
justify-self: center;
max-width: 100%;
box-sizing: border-box;
z-index: 3;
width: 100%;
font-style: normal;
font-weight: normal;
line-height: 28px;
}
#imCellStyleGraphics_2 {
position: absolute;
top: 10px;
bottom: 10px;
background-color: transparent;
}
#imCellStyleBorders_2 {
position: absolute;
top: 10px;
bottom: 10px;
}
.page-text-wrapper {
line-height: 28px;
}
.page-text-wrapper .text-inner {
color: rgb(67, 67, 67);
vertical-align: baseline;
font-size: 12pt;
line-height: 24px;
font-family: "Open Sans", sans-serif;
}
.page-text-wrapper .text-inner h2 {
font-size: 14pt;
line-height: 28px;
font-weight: 400;
}
.page-text-wrapper .text-inner strong {
font-weight: 700;
font-family: "Unica One", sans-serif;
color: #000000;
}
.page-text-wrapper ul {
list-style: disc;
margin: 0;
padding: 0;
overflow: hidden;
}
.page-text-wrapper ul ul {
list-style: square;
padding: 0 0 0 20px;
}
.page-text-wrapper ul ul ul {
list-style: circle;
}
.page-text-wrapper ul li {
margin: 0 0 0 40px;
padding: 0px;
}
.page-text-wrapper ol {
list-style: decimal;
margin: 0;
padding: 0;
}
.page-text-wrapper ol ol {
list-style: lower-alpha;
padding: 0 0 0 20px;
}
.page-text-wrapper ol li {
margin: 0 0 0 40px;
padding: 0px;
}
.page-text-wrapper blockquote {
margin: 0 0 0 15px;
padding: 0;
border: none;
}
.page-text-wrapper table {
border: none;
padding: 0;
border-collapse: collapse;
}
.page-text-wrapper table td {
border: 1px solid black;
word-wrap: break-word;
padding: 4px 3px 4px 3px;
margin: 0;
vertical-align: middle;
}
.page-text-wrapper p {
margin: 0;
padding: 0;
}
.page-text-wrapper sup {
vertical-align: super;
font-size: smaller;
}
.page-text-wrapper sub {
vertical-align: sub;
font-size: smaller;
}
.page-text-wrapper img {
border: none;
margin: 0;
vertical-align: text-bottom;
}
.page-text-wrapper hr {
border-width: 1px 0 0 0;
border-style: solid;
}
.page-text-wrapper .cf1 {
color: rgb(67, 67, 67);
}
.page-text-wrapper a:link, .page-text-wrapper a { background-color: transparent; color: rgba(255, 0, 0, 1); text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear;}
.page-text-wrapper a:visited { color: rgba(61, 40, 17, 1); }
.page-text-wrapper a:hover, .page-text-wrapper a:active { background-color: transparent; color: rgba(193, 203, 206, 1); text-decoration: underline; }
@media (min-width: 1150.0px) {
.imPageRow {
margin-left: -5px;
margin-right: -5px;
}
#imPgTitle {
width: 1134px;
margin-left: 2px;
margin-right: 2px;
}
#page-title-container {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_1 {
left: 10px;
right: 10px;
}
#imCellStyleBorders_1 {
left: 10px;
right: 10px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
#page-title-container .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
#imCell_2 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.page-content-wrapper {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_2, .textbg-image {
left: 10px;
right: 10px;
}
#imCellStyleBorders_2 {
left: 10px;
right: 10px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.page-content-wrapper .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
}
@media (max-width: 1149.9px) and (min-width: 720.0px) {
#imGoToCont {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / 2;
}
#imPageRow_2 {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 24;
grid-column: 2 / 26;
-ms-grid-row: 3;
-ms-grid-row-span: 5;
grid-row: 3 / 8;
}
.imPageRow {
margin-left: -5px;
margin-right: -5px;
}
#imPgTitle {
width: 704px;
margin-left: 2px;
margin-right: 2px;
}
#page-title-container {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_1 {
left: 6px;
right: 6px;
}
#imCellStyleBorders_1 {
left: 6px;
right: 6px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
#page-title-container .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
#imCell_2 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 6px;
padding-right: 6px;
}
.page-content-wrapper {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_2, .textbg-image {
left: 6px;
right: 6px;
}
#imCellStyleBorders_2 {
left: 6px;
right: 6px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.page-content-wrapper .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
#imGoToCont {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / 2;
}
#imPageRow_2 {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 24;
grid-column: 2 / 26;
-ms-grid-row: 3;
-ms-grid-row-span: 5;
grid-row: 3 / 8;
}
#imContent {
padding-left: 5px;
padding-right: 5px;
}
.imPageRow {
margin-left: -5px;
margin-right: -5px;
}
#imPgTitle {
width: 464px;
margin-left: 2px;
margin-right: 2px;
}
#page-title-container {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_1 {
left: 4px;
right: 4px;
}
#imCellStyleBorders_1 {
left: 4px;
right: 4px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
#page-title-container .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
#imCell_2 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4px;
padding-right: 4px;
}
.page-content-wrapper {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_2, .textbg-image {
left: 4px;
right: 4px;
}
#imCellStyleBorders_2 {
left: 4px;
right: 4px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.page-content-wrapper .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
}
@media (max-width: 479.9px) {
#imContent {
display: -ms-grid;
display: grid;
-ms-grid-columns: 5px minmax(0, 1fr) 5px;
grid-template-columns: 5px minmax(0, 1fr) 5px;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
#imContent>header {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 24;
grid-column: 2 / 26;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / 2;
}
#imGoToCont {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / 2;
}
#imCell_2 {
display: -ms-grid;
display: grid;
-ms-grid-column: 2;
-ms-grid-column-span: 24;
grid-column: 2 / 26;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3 / 4;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
#imPageRow_2 {
display: block;
-ms-grid-column: 2;
-ms-grid-column-span: 24;
grid-column: 2 / 26;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3 / 4;
}
#imPgTitle {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
#page-title-container {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_1 {
top: 10px;
bottom: 10px;
left: 5px;
right: 5px;
box-sizing: border-box;
}
#page-title-container .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
#page-title-wrapper .text-inner {
font-size: 26pt;
text-align: center;
}
.page-content-wrapper {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#imCellStyleGraphics_2, .textbg-image {
top: 10px;
bottom: 10px;
left: 5px;
right: 5px;
box-sizing: border-box;
}
.page-content-wrapper .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
}