forked from bofh/fetsite
143 lines
2.8 KiB
SCSS
143 lines
2.8 KiB
SCSS
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;
|
|
|
|
}
|
|
|