diff --git a/css/global.css b/css/global.css new file mode 100644 index 0000000..e318bde --- /dev/null +++ b/css/global.css @@ -0,0 +1,84 @@ +.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; +} \ No newline at end of file diff --git a/donors_widgets.php b/donors_widgets.php index 91d38f0..d0e7916 100644 --- a/donors_widgets.php +++ b/donors_widgets.php @@ -1,4 +1,86 @@ +
+ + +