ul.linkbox-list { max-width:70em; margin-left:auto; margin-right:auto; } ul.linkbox-list > li { margin-bottom:0px; } ul.linkbox-list > li:first-child a.linkbox { border-top-left-radius:$box-border-radius; border-top-right-radius:$box-border-radius; border: $box-border; } ul.linkbox-list > li:last-child a.linkbox { border-bottom-left-radius:$box-border-radius; border-bottom-right-radius:$box-border-radius; } ul.linkbox-list > li a.linkbox { border-radius: 0; border-top: none; } ul.linkbox-list > li a.linkbox:hover { z-index:2000 } a.linkbox, div.contentbox { display:block; padding:5px; border-radius:$box-border-radius; border: $box-border; background: $box-background; } a.linkbox:hover{ box-shadow: 1px 1px 2px 2px lightgray; } a.linkbox.color-1 { color:$color_schema_1; } a.linkbox.color-2 { color:$color_schema_2; } a.linkbox.color-3 { color:$color_schema_3; } a.linkbox.color-4 { color:$color_schema_4;} a.linkbox.color-5 { color:$color_schema_5;} a.color-1-dark { color:$color_schema_1_dark; } a.color-2-dark { color:$color_schema_2_dark; } a.color-3-dark { color:$color_schema_3_dark;} a.color-4-dark { color:$color_schema_4_dark;} a.color-5-dark { color:$color_schema_5_dark;} a.color-1-dark:hover { color:$color_schema_1; } a.color-2-dark:hover { color:$color_schema_2; } a.color-3-dark:hover { color:$color_schema_3; } a.color-4-dark:hover { color:$color_schema_4; } a.color-5-dark:hover { color:$color_schema_5; } a.linkbox li { } ul.linklist { max-width:100%; padding:0; margin:5px; } ul.linklist li { list-style:none; } ul.linklist li a i{ vertical-align:middle; margin-right:6px; font-size:2em;} ul.linklist > li a.linkbox { border-radius: 0; border: $box-border; /* border-color:white;*/ padding-top: 7px; margin-bottom:0px; margin-top:0px; /* border-bottom: $box-border; border-top: $box-border; */ border-color:white; /* border-bottom-color:white; */ } ul.linklist > li a.linkbox:hover { border: $box-border; border-top: $box-border; box-shadow: none; border-color: black; background: #FCFCFC; /* margin: 0; margin-bottom:0px;*/ } ul.linklist > li:first-child a.linkbox {} ul.linklist > li:last-child a.linkbox { } ul.linklist > li:first-child a.linkbox { border-top-left-radius:$box-border-radius; border-top-right-radius:$box-border-radius; /* border-top:$box-border; */ margin-top:0px; } ul.linklist > li:last-child a.linkbox { border-bottom-left-radius:$box-border-radius; border-bottom-right-radius:$box-border-radius; /* border-bottom:$box-border;*/ margin-bottom:0px; } ul.linklist { border-radius: $box-border-radius; border: $box-border; /* box-shadow: 0px 0px 1px 1px lightgray;*/ } span.linklist li a { padding:5px; border: $box-border; background: $box-background; display:block; float:left; }