interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Beispiel-Datei strukturiert

Browse source
This commit is contained in:
Stephan Hagedorn 2017-08-17 19:47:06 +02:00
parent 9c03fb44cc
commit e7ca01dd40
12 changed files with 5023 additions and 170 deletions
Download patch file Download diff file Expand all files Collapse all files

108
example.css
View file

@ -59,7 +59,7 @@
margin-right: 0;
margin-left: 0; }
.viewport-full-body, .viewport-hover-body {
.viewport-full-body {
position: absolute;
top: 0;
left: 0;
@ -78,10 +78,10 @@
.viewport-full-body {
background-color: rgba(250, 216, 3, 0.5); }
.viewport-hover-body {
.hover_background_change {
background-color: #4d4d4d;
transition: background-color .2s ease-in-out; }
.viewport-hover-body:hover {
.hover_background_change:hover {
background-color: gray; }
.space_box {
@ -160,7 +160,7 @@ h5 {
.span_solo {
color: black; }
.table_link .cell_text .shorten {
.table-link_list .cell_text .shorten {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis; }
@ -178,9 +178,9 @@ html {
height: 100%; }
body {
box-sizing: border-box;
box-sizing: box-sizing;
font-family: Roboto, Trebuchet MS, Helvetica, Source Sans, Arial, sans-serif, sans;
font-size: 15px;
font-size: 16px;
line-height: 1;
color: black;
background-color: gray; }
@ -428,46 +428,6 @@ caption {
border: 1px dotted black;
text-align: center; }
.table_link {
width: 100%;
border: 0;
table-layout: auto; }
.table_link tbody {
border-bottom: 1px solid #666666; }
.table_link tbody:hover {
background-color: #8c8c8c; }
.table_link th, .table_link td {
border: 0; }
.table_link .cell_icon {
width: 48px;
text-align: center; }
.table_link .cell_icon img {
vertical-align: text-top; }
.table_link .cell_link {
padding-right: 8px;
padding-left: 8px; }
.table_link .cell_link:hover {
background-color: #0c85ff; }
.table_link .cell_link a {
display: block; }
.table_link .cell_link .link_url {
display: none; }
.table_link .cell_link:hover .link_url {
display: block;
color: white; }
.table_link .cell_link:hover .link_text {
display: none; }
.table_link .cell_date {
width: 12%;
text-align: center; }
.table_link .cell_text {
padding-right: 8px;
padding-left: 8px; }
.table_link .cell_text div {
width: 100%; }
.table_link .cell_text .shorten {
max-height: 44px; }
fieldset {
margin: 8px 0;
border: 1px solid black; }
@ -490,6 +450,46 @@ legend {
background-color: black;
color: white; }
.table-link_list {
width: 100%;
border: 0;
table-layout: auto; }
.table-link_list tbody {
border-bottom: 1px solid #666666; }
.table-link_list tbody:hover {
background-color: #8c8c8c; }
.table-link_list th, .table-link_list td {
border: 0; }
.table-link_list .cell_icon {
width: 48px;
text-align: center; }
.table-link_list .cell_icon img {
vertical-align: text-top; }
.table-link_list .cell_link {
padding-right: 8px;
padding-left: 8px; }
.table-link_list .cell_link:hover {
background-color: #0c85ff; }
.table-link_list .cell_link a {
display: block; }
.table-link_list .cell_link .link_url {
display: none; }
.table-link_list .cell_link:hover .link_url {
display: block;
color: white; }
.table-link_list .cell_link:hover .link_text {
display: none; }
.table-link_list .cell_date {
width: 12%;
text-align: center; }
.table-link_list .cell_text {
padding-right: 8px;
padding-left: 8px; }
.table-link_list .cell_text div {
width: 100%; }
.table-link_list .cell_text .shorten {
max-height: 44px; }
.card_body .bkg_box {
position: absolute;
top: 0;
@ -617,19 +617,19 @@ legend {
.exp_marker_pop {
position: absolute;
top: -11.25px;
right: -7.5px;
width: 15px;
height: 15px;
top: -12px;
right: -8px;
width: 16px;
height: 16px;
border: 1px solid white;
border-radius: 15px;
border-radius: 16px;
color: white;
background-color: black; }
.exp_overlay_btn {
position: fixed;
width: 60px;
height: 60px;
width: 64px;
height: 64px;
cursor: pointer; }
.exp_help_btn {
@ -804,4 +804,6 @@ legend {
.label_1, .label_2, .label_3 {
padding: 0 4px; }
/*# sourceMappingURL=example.css.map */