mirror of https://github.com/IoTcat/ushio-img.git
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.
91 lines
3.5 KiB
91 lines
3.5 KiB
4 years ago
|
<style type="text/css">
|
||
|
<?php if($this->options->noticeColor): ?>
|
||
|
.notice-top {
|
||
|
color: <?php $this->options->noticeColor(); ?>;
|
||
|
border-color: <?php $this->options->noticeColor(); ?>;
|
||
|
}
|
||
|
<?php endif; ?>
|
||
|
<?php if(!empty($this->options->coverTitleBorder) && in_array('ctb_t', $this->options->coverTitleBorder) && $this->options->coverOrn == 'co_cat'): ?>
|
||
|
.item-link-text::before {
|
||
|
content: '';
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
top: -36px;
|
||
|
left: -2px;
|
||
|
background-image: url("<?php $this->options->themeUrl('/src/miao.svg'); ?>");
|
||
|
background-size: cover;
|
||
|
width: 40px;
|
||
|
height: 45px;
|
||
|
}
|
||
|
<?php endif; ?>
|
||
|
.item-title {
|
||
|
opacity: <?php echo $this->options->coverTitle ?>;
|
||
|
}
|
||
|
.item-link-text {
|
||
|
<?php if (empty($this->options->coverTitleBorder)): ?>
|
||
|
border: none;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleBorder) && in_array('ctb_t', $this->options->coverTitleBorder)): ?>
|
||
|
border-top: solid 2px white;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleBorder) && in_array('ctb_r', $this->options->coverTitleBorder)): ?>
|
||
|
border-right: solid 2px white;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleBorder) && in_array('ctb_b', $this->options->coverTitleBorder)): ?>
|
||
|
border-bottom: solid 2px white;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleBorder) && in_array('ctb_l', $this->options->coverTitleBorder)): ?>
|
||
|
border-left: solid 2px white;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleRadius) && in_array('ctr_tl', $this->options->coverTitleRadius)): ?>
|
||
|
border-top-left-radius: 10px;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleRadius) && in_array('ctr_tr', $this->options->coverTitleRadius)): ?>
|
||
|
border-top-right-radius: 10px;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleRadius) && in_array('ctr_br', $this->options->coverTitleRadius)): ?>
|
||
|
border-bottom-right-radius: 10px;
|
||
|
<?php endif; ?>
|
||
|
<?php if (!empty($this->options->coverTitleRadius) && in_array('ctr_bl', $this->options->coverTitleRadius)): ?>
|
||
|
border-bottom-left-radius: 10px;
|
||
|
<?php endif; ?>
|
||
|
}
|
||
|
.item {
|
||
|
height: <?php echo (($this->options->coverHeightTimes ? $this->options->coverHeightTimes : 1) * ($this->options->colLg == 3 ? 23 : 16)); ?>vw;
|
||
|
}
|
||
|
@media screen and (max-width: 1199px) {
|
||
|
.item {
|
||
|
height: <?php echo (($this->options->coverHeightTimes ? $this->options->coverHeightTimes : 1) * ($this->options->colMd == 4 ? 32 : 23)); ?>vw;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 991px) {
|
||
|
.item {
|
||
|
height: <?php echo (($this->options->coverHeightTimes ? $this->options->coverHeightTimes : 1) * ($this->options->colSm == 6 ? 45 : 32)); ?>vw;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 767px) {
|
||
|
.item {
|
||
|
height: <?php echo (($this->options->coverHeightTimes ? $this->options->coverHeightTimes : 1) * ($this->options->colXs == 12 ? 95 : 45)); ?>vw;
|
||
|
}
|
||
|
}
|
||
|
<?php if($this->options->sideButton == 1): ?>
|
||
|
#side-button {opacity: 1;}
|
||
|
#side-button li {border-radius: 3px;}
|
||
|
<?php endif; ?>
|
||
|
<?php if($this->options->sideButton == 2): ?>
|
||
|
#side-button {opacity: .7;}
|
||
|
#side-button li {border-radius: 3px;}
|
||
|
<?php endif; ?>
|
||
|
<?php if($this->options->sideButton == 3): ?>
|
||
|
#side-button {opacity: 1;}
|
||
|
#side-button li {border-radius: 20px;}
|
||
|
<?php endif; ?>
|
||
|
<?php if($this->options->sideButton == 4): ?>
|
||
|
#side-button {opacity: .7;}
|
||
|
#side-button li {border-radius: 20px;}
|
||
|
<?php endif; ?>
|
||
|
/** diyCSS Start **/
|
||
|
<?php if ($this->options->diyCss): $this->options->diyCss(); endif; ?>
|
||
|
<?php if ($this->options->firstVisitingCss): $this->options->firstVisitingCss(); endif; ?>
|
||
|
/** diyCSS End **/
|
||
|
</style>
|