TA的每日心情 | 擦汗
2022-3-25 11:07 |
|---|
签到天数: 66 天 [LV.6]常住居民II
贡士
 
- 积分
- 3585
  
|
本帖最后由 yunhailin123 于 2020-8-27 13:58 编辑
2020/02/27 18:37 完成牛津九css改版，此版只适合欧路夜晚模式下，其余看着很糟糕，因为说白了，就是自用的
鄙人对于英语词典，要求不多，不能容忍有二：背景色（在欧路上用夜晚模式相当糟糕，且很迷）；字体非Times New Roman 楷体
本着自己用着方便的原则,特将成果图（大的问题均以解决，只留一些小问题且待我再摸索一下）和css放上来，以便大家交流学习，同时也把HTML对应css的名称也放上来（反之我是一个一个试着搞得，很麻烦，但没法，只能自己摸索，且走且摸，且摸且走，反之问题不大，只是时间问题，好，废话不多说，直接上图。
大家可自行与原版对比
take词条
这是展示的状况，不过由于是自己摸索的，还有一些待解决的问题
以下是css中的（未解决，需要碰运气，找不同的词条去碰，去试）
pron-g-blkbrelabel{
padding-left:4px;
font-family: "Times NewRoman",Segoe UI, Lucida Sans Unicode , Arial, sans-serif ;
font-weight: 600;
color: #045fb4;
font-size: 85%;
display:none;}
pron-g-blknamelabel{
padding-left:4px;
font-family: "Times NewRoman",Segoe UI, Lucida Sans Unicode , Arial, sans-serif ;
font-weight: 600;
color: brown;
font-size: 85%;
display:none;}
phon-blk:after{
content:'???? ';
color:inherent;
font-family:"Times New Roman",'Optima',"Palatino Linotype", "Book Antiqua",Palatino, Microsoft Yahei, "Microsoft Yahei UI",'oalecd9', Helvetica,"方正黑体",sans-serif;
}
phon{font-weight:600;}
vpform{display:none;color:#9b9b9b;font-style:italic}
/*x-g-blk[resource="recx"]:before{
content: "\021D2\020";
color:#1171B2;
font-size:0.7em;
padding-right:0.35em;
position: relative;
top:-0.1em;
font-style:normal;
width:1em;
line-height:1em;
display:table-cell;
}
x-g-blk[resource="recx"]{
display:table;
}*/
x-wr{
color: #36363c;
font-family:"Times New Roman";'Optima',Georgia,Palatino,"Palatino Linotype", "Book Antiqua", 'oalecd9',Helvetica, serif;
font-weight: italic;
margin-right:0.2em;
display:table;
}
最上面的help后的文字需要调一下margin-bottom
unbox[type=grammar]::before{border:1pxsolid;border-radius:6px;position:relative;top:-0.60em;font-size:13px;color:green;font-weight:400;content:'GRAMMAR语法';padding:5px7px}
unbox[type=grammar]{
clear:both;
display: block;
margin: 0.5em 0;
padding: 1.5em .8em 0.6em .8em;
line-height: 1.5em;
}
unbox[type=grammar]:after{
content: "";
visibility: hidden;
display: block;
height: 0;
clear: left;
}
unbox[type=grammar]x-gs{padding-left:0;margin-left:0}
unbox[type=grammar]und{color:#620;}
unbox[type="wordfinder"]::before{font-family:"Times New Roman",'Optima',"Palatino Linotype", "BookAntiqua", Palatino, Microsoft Yahei, "Microsoft YaheiUI",'oalecd9', Helvetica, "方正黑体",sans-serif;border:1px solid;border-radius:5px;position:relative;font-size:14px;color:#af1919;font-weight:400;content:'WordFinder';padding:1px2px;display:inline;}
unbox[type="wordfinder"]{display:block;clear:both;padding:0.7em0;}
unbox[type="wordfinder"]:after{
content: "";
visibility: hidden;
display: block;
height: 0;
clear: left;
unbox[type="wordfinder"]p{padding:0px;margin:0px;display:inline;}
unbox[type="wordfinder"]p xr-gs{display:inline}
unbox[type="wordfinder"]a:link{color:#555;}
unbox[type="wordfinder"]xr-gs xr-g xh{color:yellow;font-size:13px;}
/*unbox[type=wordfinder]xr-gs[xt='see'] a:link{color:#004fce;}
unbox[type=wordfinder]xr-gs[xt='wordfinder'] a:link{color:#af1919;}
unbox[type=wordfinder]xr-gs[xt='collocat'] a:link{color:#0088DD;}*/
unbox_wordfinderxr-gs xr-g xh{color:#a52a2a;}
/*unbox[type=wordfinder]xr-gs[xt='see'] a:link{color:#004fce;}
unbox[type=wordfinder]xr-gs[xt='wordfinder'] a:link{color:#af1919;}
unbox[type=wordfinder]xr-gs[xt='collocat'] a:link{color:#0088DD;}*/
unbox_wordfinder[name]:after{
content:"";
color:#af1919;
font-weight:600;
display:inline;
text-transform: uppercase;
}
unbox[type=wordfamily]{
float:right;
clear:both;
display:block;
position: relative;
top:-.365em;
padding: .5em .4em .25em .4em;
border: 2px solid #0088DD;}
/*@mediascreen and (max-width: 500px){
unbox[type=wordfamily]{float:none;}
}*/
cf-blk{font-size:13px;color:orangered;font-family:"Times NewRoman";font-weight:400;padding-right:4px;clear:left;display:inline-block;vertical-align:top;}
xr-g-blk{clear:left;}
xr-gs{display:inline-block;margin:0.16em0;}
xr-g-blka:link{text-decoration:none;color:orangered;font-weight: 400;font-size:13px;}
xr-gsxh-blk xh a:link{text-decoration:none;color:brown;font-weight:400;font-size:13px;}
unbox[type=wordfamily]wfw-g wfw-blk{color:#0088DD;font-weight:600;font-size:105%;}
unbox[type=wordfamily]wfw-g wfp-blk wfp{
color: #fff;
background: #0088DD;
padding: 0 .40em .18em .25em;
*padding-top: 0.18em !important; /* IE 7 IE 6 */
_padding-top: 0.18em !important; /* IE 6 */
padding-top: 0.18em\0/ !important; /* IE 8-9 */
display: inline-block;
line-height: 0.9em;
font-variant: small-caps;
font-weight: bold;
font-family: sans-serif;
position: relative;
bottom: 0.15em;
border-top-right-radius: 8px;
font-style:normal;
font-size:85%}
dr-gs{display:block;margin-top:0.5em;}
dr-gsdr-g-blk dr-g{display:block;clear:left;}
drtri{display:none}
dr-blk{
color: #004fce;
font-weight: 700;
font-size: 120%;
padding-right:0.1em;}
dr-blk::before{content:'▸ ';color: #004fce;}
.seealso{clear:left;display:block}
.seealsoa:link{text-decoration:none;color:#004fce;font-weight:600;font-size:105%;font-variant:small-caps;}
xhm{font-size:70%;vertical-align:super;}
hhm{font-size:70%;vertical-align: super;}
pos-g{
font-weight:500;
display:block;
margin:0.25em 0 0.25em 0;
line-height:100%;
position: relative;
color:darkmagenta;
}
dr-gpos-g, und pos-g{
font-weight:500;
display:inline-block;
margin:0.35em 0 0.15em 0;
border-bottom: 0px solid #0088DD;
}
sn-gpos{
border-bottom: 0px solid #0088DD;
}
然后呢，这是我目前排版常用的颜色和使用条件：
英文为 Teal
中文为 sienna
词组为 orangered
音标为darkmagenta
单词显示为 red（第一行单独显示的单词）
topic为 green
小标题（犹指那种补充的单个单词）一般用 brown
字符大小：13px（标题15px，其余均是13px）
font-family: "Times New Roman";
#999比#555 #666666 #454545 #545454 要浅的多
border-bottom: 3px solid yellowgreen; 往topic下面添加下划线
.body:{
font-family:"楷体";}
.body:{
font-family:"楷体","Times New Roman";}
测试css中的代码对应地方的颜色：用yellow去试，一般没人用这个颜色
由于论坛附件出现故障，奉上css文件，仅供学习讨论之用 。
蓝奏云链接：https://www.lanzoux.com/iCarjemkdla
|
评分
-
2
查看全部评分
-
|
发表于 2020-2-26 23:21:06
楼主
