You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.5 KiB
68 lines
1.5 KiB
/*******************************
|
|
Page Segments
|
|
*******************************/
|
|
|
|
.ui.segment {
|
|
position: relative;
|
|
background-color: #FFFFFF;
|
|
|
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
|
|
padding: 1em;
|
|
|
|
-webkit-border-radius: 5px 5px 5px 5px;
|
|
-moz-border-radius: 5px 5px 5px 5px;
|
|
border-radius: 5px 5px 5px 5px;
|
|
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Label at the top of a segment */
|
|
.ui.segment div:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
.ui.segment .attached.label:first-child + * {
|
|
margin-top: 2em;
|
|
}
|
|
.ui.segment .bottom.attached.label:first-child + * {
|
|
margin-top: 0em;
|
|
}
|
|
|
|
/* Compatability with Grid */
|
|
.ui.fitted.elements .ui.segment.element:first-child {
|
|
border-radius: 5px 0px 0px 5px;
|
|
}
|
|
|
|
.ui.segment.attached {
|
|
top: -1px;
|
|
bottom: -1px;
|
|
|
|
-moz-border-radius: 0px;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
|
|
-moz-box-shadow: 0px 0px 0px 1px #DDDDDD;
|
|
-webkit-box-shadow: 0px 0px 0px 1px #DDDDDD;
|
|
box-shadow: 0px 0px 0px 1px #DDDDDD;
|
|
}
|
|
.ui.top.attached.segment {
|
|
top: 0px;
|
|
bottom: -1px;
|
|
-moz-border-radius: 5px 5px 0px 0px;
|
|
-webkit-border-radius: 5px 5px 0px 0px;
|
|
border-radius: 5px 5px 0px 0px;
|
|
}
|
|
.ui.segment.bottom.attached {
|
|
top: -1px;
|
|
bottom: 0px;
|
|
-moz-border-radius: 0px 0px 5px 5px;
|
|
-webkit-border-radius: 0px 0px 5px 5px;
|
|
border-radius: 0px 0px 5px 5px;
|
|
}
|
|
|
|
/* Common Views */
|
|
.ui.segment .list li {
|
|
padding: 10px 25px;
|
|
}
|