将css内置到html中

This commit is contained in:
sunxiyuan 2020-04-10 14:20:24 +08:00
parent bd065d5949
commit 314e12636b
2 changed files with 3 additions and 85 deletions

View file

@ -1,84 +0,0 @@
.sponsor-item-logo {
width: 70px;
height: 60px;
}
.sponsor-item-container {
height: 70px;
display: flex;
min-width: 350px;
line-height: 24px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
}
.sponsor-item-synopsis {
margin-left: 10px;
}
.sponsor-item-title {
color: #000;
cursor: pointer;
text-decoration:none;
}
.sponsor-item-title:hover{
opacity: 0.5;
}
.sponsor-item-title-icon{
width: 16px;
margin-right: 8px;
}
.sponsor-item-content {
height: 24px;
padding: 0 10px;
line-height: 20px;
font-size: 12px;
margin: 3px 8px 0 0;
color: #409eff;
border-radius: 4px;
white-space: nowrap;
display: inline-block;
box-sizing: border-box;
background-color: #ecf5ff;
border: 1px solid #d9ecff;
}
#sponsor-container {
height: 300px;
overflow: auto;
overflow-x: hidden;
}
#sponsor-container::-webkit-scrollbar {
width: 5px;
}
#sponsor-container::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d1d2;
box-shadow: inset 0 0 5px #fff;
}
#sponsor-container::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 5px #fff;
}
.url-container{
padding: 10px 0 0;
}
.url-item{
margin: 10px;
text-decoration:none;
}
.close{
float: right;
cursor: pointer;
}
.sponsor-tag-container{
white-space: nowrap;
}

View file

@ -7,7 +7,9 @@
*/ */
$plugin_url = plugin_dir_url(__FILE__); $plugin_url = plugin_dir_url(__FILE__);
echo <<<ETO echo <<<ETO
<link rel="stylesheet" type="text/css" href="{$plugin_url}css/global.css"/> <style>
.sponsor-item-logo{width:70px;height:60px;}.sponsor-item-container{height:70px;display:flex;min-width:350px;line-height:24px;margin-bottom:10px;border-bottom:1px solid #eee;}.sponsor-item-synopsis{margin-left:10px;}.sponsor-item-title{color:#000;cursor:pointer;text-decoration:none;}.sponsor-item-title:hover{opacity:0.5;}.sponsor-item-title-icon{width:16px;margin-right:8px;}.sponsor-item-content{height:24px;padding:0 10px;line-height:20px;font-size:12px;margin:3px 8px 0 0;color:#409eff;border-radius:4px;white-space:nowrap;display:inline-block;box-sizing:border-box;background-color:#ecf5ff;border:1px solid #d9ecff;}#sponsor-container{height:300px;overflow:auto;overflow-x:hidden;}#sponsor-container::-webkit-scrollbar{width:5px;}#sponsor-container::-webkit-scrollbar-thumb{border-radius:10px;background:#d0d1d2;box-shadow:inset 0 0 5px #fff;}#sponsor-container::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 5px #fff;}.url-container{padding:10px 0 0;}.url-item{margin:10px;text-decoration:none;}.close{float:right;cursor:pointer;}.sponsor-tag-container{white-space:nowrap;}
</style>
<div id="sponsor-container"></div> <div id="sponsor-container"></div>
<div class="url-container"> <div class="url-container">