首页 > 其他分享 >css

css

时间:2023-07-20 23:34:52浏览次数:46  
标签:font color padding 0px margin css left

/此文件不需要修改/

/层级:/
/顶部菜单:98/
/顶部菜单上的列表:99/
/顶部菜单旁边的搜索框:100/
/侧边栏菜单:150/
/开启关闭侧边菜单的按钮:10000/

/隐藏/

sideBarMain{

display:none;
}

navigator{

display:none;
}

blogTitle h1,#blogTitle a{/主标题/

display:none;
}

blogTitle h2{

display:none;
}
/最底下的广告/

cnblogs_c1 #under_post_news

.c_ad_block{display:none;}

ad_t2

.recomm-block{display:none;}

opt_under_post

cnblogs_c1

under_post_card1

cnblogs_c2

under_post_card2

cnblogs_ch

/********************************************************/

/公用部分/
body{
background-color:#141312;
font-size:14px;
font-family:"微软雅黑","宋体",Arial;
overflow:auto;
margin:0px;
top:0px;
width:100%;
position:absolute !important;
//background-image: url('https://s2.loli.net/2023/07/15/vj65UNlYOW3Rmqu.jpg');
//background-repeat: repeat-x;
//background-attachment: fixed;
}
hr{
opacity:0.45;
}
/公用超链接/
a:link{color:#66a9c9;}
a:visited{color:#66a9c9;}
a:hover{
color:#12a182;
}
a{text-decoration:none;}
/图片/
img{
overflow: scroll;
}
/引用/
blockquote{
padding-right:20px;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
margin:0px;
margin-bottom:20px;
border-left:5px solid #444;
border-top:0px;
border-bottom:0px;
border-right:0px;
}

/***************************************************************/

/顶部/
/顶部除封面和菜单以外内容被隐藏,代码保留/

/博客标题与导航栏部分/

.blogStats{
color:#a41213;
}

/标题颜色/

blogTitle a

blogTitle a:link

blogTitle a:visited

blogTitle a:hover

lnkBlogLogo{

display:none;
}

/****************************/

/上方的菜单/
/菜单和标题的切换用 js 实现/

topMenu{

position:fixed;
z-index:98;
width:100%;
height:55px;
top:0px;
left:0px;
overflow:hidden;

box-shadow:2px 2px 2px #131124;
background-color:#141213;
font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,
Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
/*向上翻的变换动画*/
transition: 0.23s;
-webkit-transition: 0.23s;
-o-transition:0.23s;
-moz-transition: 0.23s;
-ms-transition: 0.23s;

}

topMenuMain{

width:70%;

/* min-width:800px;*/
height:55px;
margin-bottom:0px;
margin-top:0px;
padding:0px;
right:0px;
margin-right:auto;
margin-left:auto;
top:0px;
overflow:hidden;
word-break:break-all;
background-color:#141213;
position:relative;
}

topMenuUl{

min-width:800px;
height:100%;
margin:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:25px;
padding-right:25px;
right:0px;
top:0px;
overflow:hidden;
word-break:break-all;
background-color:#141213;
position:relative;

}

topMenu li{

display:inline-block;

}

topMenuSearch{/This is really a big shit/ /This is on the top/

position:absolute !important;
right:25px !important;
top:12.5px !important;

}

topMenuSearch2{/This is in the sidebar/

position:relative !important;
padding-top:8px;

}
.big_a_top{
outline:none;
font-size:35px;
color:#1e9eb3 !important;
font-weight:bold;
font-family:"Georgia",serif;
text-shadow:1px 1px 1px #134857;
padding-left:0px;
padding-bottom:0px;
padding-top:0px;
padding-right:20px;
margin:0px;
text-align:left;
line-height:55px;
vertical-align:middle;
}
.normal_a_top{
padding-top:0px;
padding-bottom:0px;
padding-left:20px;
padding-right:20px;
margin:0px;
color:#c6e6e8 !important;
line-height:55px;
vertical-align:middle;
}
li.others:hover{
background-color:#c6e6e8 !important;
}
li.others:hover > a{
color:#a2a212 !important;
}

/搜索框/

search{

margin:0px;
padding:0px;
float:right;
line-height:55px;

}

widget_my_google{

display:none;
}

new_widget_my_zzk{

position:relative;
top:0px;
right:0px;
margin:0px;

}
.new_input_my_zzk{
background-color:#141e1b;
color:#525288;
width:150px;
max-width:150px;
height:28px !important;
border:1px solid #1f2623;
border-radius:8px;
outline:none;
padding-left:10px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
width:180px;
}
.new_btn_my_zzk{
font-size:12px;
height:30px !important;
background-color:#0f95b0;
margin:0px;
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#F8F8F8;
outline:none;
border-radius:4px;
}
/隐藏侧边栏原有搜索框/

sidebar_search{

display:none;

}

/顶部的标题/

topTitle{

position:relative;
top:0px;
right:0px;
width:100vw;
height:55px;
min-width:800px;
padding-bottom:5px;
margin:0px;
font-family:Georgia,serif;
background-color:#141213;
overflow:hidden;
text-shadow:0.8px 0.8px 0.8px #888888;

}

topTitle_p{

text-align:center;
line-height:55px;
padding:0px;
margin:0px;
font-size:22px;
color:#FFFFFF;
font-weight:600;
overflow:hidden;

}

/*******封面/

/让它为home让出空间,来让home置顶/

page_begin_html{

position:relative;
height:0px;
overflow:visible;
font-family:"Georgia",serif;
}

titlePage{

overflow-x:hidden;
overflow-y:hidden;
display:block;
width:100%;
height:45%;
max-height:100vh;
background-image:url("http://1.s60i.faiusr.com/2/1010/APIHCAIQt9PivwUYzNaQXCCADyj0Aw.jpg");
background-repeat:no-repeat;
position:absolute;
margin-bottom:0px;
top:0px;
left:0px;
z-index:-10;
zoom:1;
background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
vertical-align:middle;

}

myTitle{

position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);   
-moz-transform: translate(-50%, -50%);   
-ms-transform: translate(-50%, -50%);   
-o-transform: translate(-50%, -50%);   
transform: translate(-50%, -50%);  
text-align:center;
padding:0px;
margin:0px;
width:100%;

}

/用户名和一言/

userName{

display:none;
font-weight:bolder;
font-family:"Georgia",'Times New Roman',Arial,'Microsoft YaHei',serif;
font-size:60px;
color:#F5F5F5;
font-style:italic;
text-shadow:4px 4px 4px #000000;
}

onePoem,#onePoemTitle{

font-weight:500;
color:#F5F5F5;
text-shadow:1.5px 1.5px 1px #000000;

/* font-family:'Long Cang',cursive;*/
font-family:Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei',Georgia, '微软雅黑', Arial, sans-serif;
}

onePoemTitle{

display:none;
font-size:1.3em;
}

onePoem{

font-style:italic;
display:none;
font-size:1.1em;
}

/*****************************************************/

/菜单公告栏/

/导航栏右边三个统计/

stats_post_count,#stats_article_count,#stats-comment_count{

font-size:0.9em;
font-weight:normal;
display:inline-block;
color:#C0C0C0;
}

sidebar_news h3{

display:none;
}

menuList::-webkit-scrollbar{

width:12px;
height:100vh;
}

menuList::-webkit-scrollbar-button{

display:none;
}

menuList::-webkit-scrollbar-track{

background-color:#232323;
border-radius: 10px;
}

menuList::-webkit-scrollbar-thumb{

border-radius:10px;
background-color: #292929;
}

/弹出和关闭menu的竖条/
/向上向下/

menus{

z-index:10000;
position:fixed;
display:block;
left:0px;
top:50%;
margin:0px;
padding:0px;
width:35px;
height:105px;
-webkit-transform: translate(0, -50%);   
-moz-transform: translate(0, -50%);   
-ms-transform: translate(0, -50%);   
-o-transform: translate(0, -50%);   
transform: translate(0, -50%);  

}

menus2{

z-index:10000;
position:fixed;
display:none;
left:260px;
top:50%;
margin:0px;
padding:0px;
width:35px;
height:105px;
-webkit-transform: translate(0, -50%);   
-moz-transform: translate(0, -50%);   
-ms-transform: translate(0, -50%);   
-o-transform: translate(0, -50%);   
transform: translate(0, -50%);  

}

menus button{

background-color:#202020;

}

menus2 button{

background-color:#202020;

}

menus p{

color:#FFFFFF;
    margin:auto;

}

menus2 p{

color:#FFFFFF;
    margin:auto;

}

.gotoTop{
position:absolute;
top:0px;
left:0px;
width:35px;
height:35px;
border-top-right-radius:30%;
border:0px;
margin:0px;
padding:0px;
border-bottom:1px solid rgba(256,256,256,0.7);
outline:none;
}
.gotoBottom{
position:absolute;
bottom:0px;
left:0px;
width:35px;
height:35px;
border-bottom-right-radius:30%;
border:0px;
margin:0px;
padding:0px;
border-top:1px solid rgba(256,256,256,0.7);
outline:none;
}
.menu{
position:absolute;
top:35px;
left:0px;
padding:0px;
margin:0px;
width:35px;
height:35px;
display:block;
border:0px;
outline:none;
}

.menu_button{
box-sizing:bord-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.menu_button:hover{
border:1.4px #FFFFFF solid;
}

menuList{

top:100px;
font-size:14px;
font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
overflow-x:hidden;
overflow-y:scroll;
z-index:150;
color:#C0C0C0;
position:fixed;
background-color:#111111;
height:100vh;
width:0px;
padding-right:0px;
padding-left:0px;
left:0px;
top:0px;
}
.in_menuList{
margin:0px;
margin-right:2px;
}

/menu里的标题/
.catListTitle{
width:100%;
text-align:center;
}

menuList a{

text-decoration:none;
}

menuList a:link

menuList a:visited

menuList a:hover{

color:#FFFFFF;
font-wight:bolder;
}

menuList li{

list-style-position:inside;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
-o-text-overflow: ellipsis;
}

menuList ul{

padding:0px;
}

myNavigator{

display:block;
font-weight:normal;
text-align:left;
line-height:28px;
}

myMenu{

font-weight:normal;
text-align:left;
line-height:28px;
}

/日历/

blog-calendar{

margin-top:20px;
padding:10px;
border:1.8px #444444 solid;
border-radius:14px;
width:210px;
color:#A9A9A9;
font-weight:200;
}

blog-calendar td{

width:30px;
height:30px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

blog-calendar a{

text-decoration:none;
font-weight:700;
}
/当前天/
.CalTodayDay{
background-color:#3671a5;
border-radius:100%;
font-wight:bold;
margin:0px;
padding:0px;
}

/最新评论/

leftcontentcontainer{/评论整体/

padding:0px;
margin:0px;
padding-right:3px;

}
.recent_comment_body p{
line-height:20px;
margin:0px;
white-space:normal;
overflow:hidden;
}
li.recent_comment_body,li.recent_comment_author{
list-style-position:outside !important;
}
li.recent_comment_author{
margin:0px;
padding-bottom:13px;
border-bottom:1px solid rgba(192,192,192,0.5);/#C0C0C0/
margin-bottom:13px;
}

/*************************************************************/

/主页面/
/home公用/

home{

font-size:14px;
width:1000px;/*will be changed in js*/
padding:0px;
right:0px;
margin-right:auto;
margin-left:auto; 
padding-bottom:30px;
top:0px;
overflow-x:auto;
overflow-y:auto;
word-break:break-all;
background-color:#0f1423;
box-shadow:7px 7px  7px #131824;

}

mainContent {

min-height: 200px;
width:100%;
padding-left:25px !important;
padding-right:25px !important;
padding-top:30px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
float: left;
margin:0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;

}
.post{
word-break:keep-all;
}

/hiden**/
.hiden{
border:2px solid black;
border-radius:10px;
padding-left:5px;
padding-right:5px;
}

/文章列表/
.dayTitle{
display:none;
}

/标题,分别是主页面、摘要、标签列表、分类列表/
.postTitle{
line-height:35px;
padding-left:10px;
margin-top:0px;
margin-bottom:35px;
border-left:2.5px solid #1ba784;
font-size:1.8em;
font-weight:500;
transition:padding-left 0.3s;
-moz-transition:padding-left 0.3s;
-webkit-transition:padding-left 0.3s;
-o-transition:padding-left 0.3s;
-ms-transition:padding-left 0.3s;
}
.postCon{
color: #FAFFFA
}
.postTitl2{
line-height:35px;
padding-left:10px;
margin-top:20px;
margin-bottom:8px;
border-left:2.5px solid #1ba784;
font-size:1.8em;
font-weight:500;
transition:padding-left 0.3s;
-moz-transition:padding-left 0.3s;
-webkit-transition:padding-left 0.3s;
-o-transition:padding-left 0.3s;
-ms-transition:padding-left 0.3s;
}
.entrylistPosttitle{
line-height:35px;
padding-left:10px;
margin-top:0px;
margin-bottom:35px;
border-left:2.5px solid #1ba784;
font-size:1.8em;
font-weight:500;
transition:padding-left 0.3s;
-moz-transition:padding-left 0.3s;
-webkit-transition:padding-left 0.3s;
-o-transition:padding-left 0.3s;
-ms-transition:padding-left 0.3s;
}
.postDesc{
color: #EEEEEE
}
.post-view-count{
color: #EEEEEE
}
.post-comment-count{
color: #EEEEEE
}
.post-digg-count{
color: #EEEEEE
}
.footer{
color: #EEEEDD
}

cb_post_title_url{

font-size:38px;
}

/标题向外移动的特效/
.postTitle:hover{
padding-left:50px;
}
.postTitl2:hover{
padding-left:50px;
}
.entrylistPosttitle:hover{
padding-left:50px;
}

a.postTitle2:link{color:#1ba784}
a.postTitle2:visited{color:#1ba784}
a.postTitle2:hover{color:#1ba784;}

a.vertical-middle:link{color:#1ba784}
a.vertical-middle:visited{color:#1ba784}
a.vertical-middle:hover{color:#1ba784;}

a.entrylistItemTitle:link{color:#1ba784}
a.entrylistItemTitle:visited{color:#1ba784}
a.entrylistItemTitle:hover{color:#1ba784;}

.postDesc{
color: #DDDDEE
line-height:100%;
font-size:0.8em;
text-align:right;
border-bottom:1px solid #D3D3D3;
margin-bottom:30px;
padding-bottom:25px;
}
a.postDesc:link{color:#FFFFFF;}
a.postDesc:visited{color:#FFFFFF;}
a.postDesc:hover{color:#0055F4;}
a.postDesc{text-decoration:none;}

.entrylistItemPostDesc{
color:#FFFFFF;
line-height:100%;
font-size:0.8em;
text-align:right;
border-bottom:1px solid #D3D3D3;
margin-bottom:30px;
padding-bottom:25px;
}
a.entrylistItemPostDesc:link{color:#FFFFFF;}
a.entrylistItemPostDesc:visited{color:#FFFFFF;}
a.entrylistItemPostDesc:hover{color:#0055F4;}
a.entrylistItemPostDesc{text-decoration:none;}

/阅读全文/
.c_b_p_desc_readmore{
font-size:14px;
display:block;
border-radius:10px;
padding-top:4px;
padding-bottom:4px;
font-weight:500;
width:84px;
text-align:center;
margin:3px;
border:1px solid #2c9678;
transition:border 0s;
}
a.c_b_p_desc_readmore:after{
content:">>";
}
a.c_b_p_desc_readmore{color:#2c9678;}
a.c_b_p_desc_readmore:hover{
color:#0eb0c9;
border:1px solid #0eb0c9;
}
a.c_b_p_desc_readmore{text-decoration:none;}

/**文章内/

cnblogs_post_body{

font-size:15px;
line-height:25px;
}

/文章内文字/

mainContent p{

font-size:14px;
color:#F7F7F7 !important;
}

/文章的大标题/

mainContent h1{

line-height:35px;
padding-left:10px;
margin-top:0px;
margin-bottom:22px;
border-left:2.5px solid #2bae85;
font-size:2.2em;
font-weight:700;
color:#2bae85 !important;
transition:padding-left 0.3s;
-moz-transition:padding-left 0.3s;
-webkit-transition:padding-left 0.3s;
-o-transition:padding-left 0.3s;
}

mainContent h1:hover{

padding-left:50px;
}

/各级标题/

cnblogs_post_body h2 {

font-family: Consolas, "Microsoft YaHei", monospace;
font-size: 26px;
font-weight: bold;
line-height: 1.5;
color:#add5a2 !important;
margin: 12px 0;

}

cnblogs_post_body h3 {

font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
color:#D1EED1 !important;
margin: 10px 0;

}

cnblogs_post_body h4 {

font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
font-size: 18px;
font-weight: bold;
color:#DAEEDA !important;
margin: 10px 0;

}

cnblogs_post_body h5 {

font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
font-size: 14px;
font-weight: bold;
color:#DDEEDD !important;
margin: 10px 0;

}

cnblogs_post_body h6 {

font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
font-size: 12px;
font-weight: bold;
color:#DDEEDD !important;
margin: 10px 0;

}

/* 无序列表 */

cnblogs_post_body ul li {

font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
color: #DEE;
font-size: 15px;
list-style-type: disc;

}

/* 有序列表 */

cnblogs_post_body ol li {

font-family: Georgia,Times New Roman,Times,sans-serif, monospace;
color: #DEE;
font-size: 15px;
list-style-type: decimal;

}

/隐藏代码/

cnblogs_post_body summary {

color: #EEF;

}

/文末信息/

BlogPostCategory {

color: #EEEEEE

}

EntryTag {

color: #EEEEEE

}

post_next_prev {

color: #EEEEEE

}

/独立公式/
.MathJax_Display{
text-align: center;
margin: 1em 0em;
position: relative;
display: block !important;
text-indent: 0;
max-width: none;
max-height: none;
min-width: 0;
min-height: 0;
width: 100%;
color: white;
}

/**********文章尾部/

/评论区/
.commentbox_main{
background-color:#1E3B7A;
}
.comment_textarea{
background-color:#1E3B7A;
}

tbCommentBody{

background-color:#1E3B7A;
color:#CA462F;
font-family:"楷体","宋体",Arial;
font-weight:300;
font-size:larger;
}

comment_form_container{

color:#228AC1;
font-family:"黑体","宋体",Arial;
font-weight:900;
}

btn_edit_comment{

color:#6699FF;
}

btn_preview_comment{

color:#6699FF;
}

ubb_auto_completion{

color:#6699FF;
}

/评论上方的一块/

blog_post_info_block a{

text-decoration:none;
}

blog_post_info_block a:hover{

text-decoration:none;
}

/评论内容/
.feedback_area_title{
padding:10px;
margin:10px;
width:58px;
background-color:#1E3B7A;
color:#6699FF;
font-weight: 500;
border:4px solid #1E3B7A;
outline-style: ridge;
font-family: "黑体","宋体","隶书","Arial";
}
.comment-order-tab{
color: #1E3B7A;
font-size: 3.95px;
}
.blog_comment_body{
font-family: "楷体","宋体","Arial";
}

blog-comments-placeholder a

blog-comments-placeholder{

padding-left:0px;
}

.feedbackItem{
padding:10px;
margin:10px;
border:2px solid #1661ab;
box-shadow:3px 3px 3px #11659a;
display:block;
position:relative;
font-family: "Brush Script MT","楷体","宋体",Arial;
}
.feedbackListSubtitle{
width:auto;
margin-bottom:7px;0
margin-top:7px;
color: #495c69;
font-family: "Brush Script MT","楷体","宋体",Arial;
font-style: italic;
}
.comment_vote{
font-style: italic;
}
.feedbackManage {
position: absolute;
right:10px;
top:7px;
}
.layer{
background-color:#4169E1;
color:#8abcd1;
padding:5px;
}
.layer:active, .layer:hover, .layer:link, .layer:visited {
color: #8abcd1 !important;
}
.feedbackManage a:link{color:#4169E1;}
.feedbackManage a:visited{color:#4169E1;}
.feedbackManage a:hover{
color:#F8F8F8;
background-color:#4169E1;
}
.feedbackManage a{
text-align:center;
padding:7px;
}
.comment_digg a:link{color:#4169E1;}
.comment_digg a:visited{color:#4169E1;}
.comment_digg:hover{
color:#F8F8F8;
background-color:#4169E1;
}
.comment_digg{
text-align:center;
padding:7px;
}
.comment_burry a:link{color:#4169E1;}
.comment_burry a:visited{color:#4169E1;}
.comment_burry:hover{
color:#F8F8F8;
background-color:#4169E1;
}
.comment_burry{
text-align:center;
padding:7px;
}

.commentform{
margin-top:40px;
margin-left:10px;
color: #AAAAAA
}
.comment_btn{
padding:10px;
margin:10px;
border:0px;
border-radius:10%;
width:88px;
height:38px;
background-color:#4169E1;
color:#F5F5F5;
}
.comment_btn:hover{
color:#F5F5F5;
background-color:#40E0D0;
}

/推荐,实际位置在右下角/

div_digg{

position:fixed;
bottom:50px;
right:10px;
width:50px;
margin:0px;
}
.diggword{
word-wrap:break-word;
}
.buryit{
display:none;
}

/*************************************/

/底部/

/翻页/

nav_next_page a{

float:right;
font-size:14px;
display:block;
border-radius:10px;
padding-top:4px;
padding-bottom:4px;
font-weight:500;
width:84px;
text-align:center;
margin:3px;
border:1px solid white;
transition:border 0s;
color:#FFFFFF;
}

nav_next_page a:after{

content:">>";
}

nav_next_page a:hover{

color:#0055F4;
border:1px solid #0055F4;
}

nav_next_page a

/翻页/
.pager a{
border:1px solid #FFFFFF;
border-radius:0px;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
transition:border 0s;
color:#FFFFFF;
text-align:center;
}
.pager a:hover{
color:#0055F4;
border:1px solid #0055F4;
}
.pager p{color:#FFFFFF;}

/上面的翻页/

homepage_top_pager{

margin-bottom:35px;
border-bottom:1px #888888 solid;
}
/下面的翻页/

homepage_bottom_pager{

padding-bottom:25px;
border-bottom:1px solid #D3D3D3;
margin-bottom:30px;
}

/********************************************************/

/页脚/

footer{

padding:20px;
margin-left:30px;
float:left;
color: #d8e3e7
}

bottom{

padding-bottom:30px;
margin-top:30px;
padding-top:20px;
border-top:1px #C0C0C0 solid;
margin-left:0px;
margin-right:0px;
font-weight:300 !important;
font-size:7px;
line-height:13px;
}

/博客时间/

date{

text-align:center;
font-weight:lighter;
color: #d8e3e7
}

myBlogStyle{

text-align:center;
}
.myBlogStyleClass{
display:inline-block;
}

/***************************************************/

/右下角功能/

followMe{

position:fixed;
right:15px;
bottom:25px;
background-color:#45b787;
width:41px;
height:20px;
border:0px;
border-radius:30%;
color:#F5F5F5;
text-align:center;
padding:2.5px;
z-index:100;
font-size:10px !important;
}

followMe

followMe:hover{

background-color: #45cb4a;
}

/*****************************/

/*****展开、隐藏内容按钮/

.ShowAndHideButton{

padding-right:8px;
padding-left:8px;
padding-top:4px;
padding-bottom:4px;
margin-right:0px;
margin-left:0px;
margin-top:4px;
margin-bottom:4px;
border:0px;
border-radius:15%;
width:58px;
height:25px;
background-color:#1E90FF;
color: #F5F5F5;
box-shadow: 2px 2px grey;
outline: none !important;
transition: .2s;
}
.ShowAndHideButton:hover{
width:70px;
height:40px;
background-color:orangered;
}

.AlwaysHideButton{

padding-right:8px;
padding-left:8px;
padding-top:4px;
padding-bottom:4px;
margin-right:0px;
margin-left:0px;
margin-top:4px;
margin-bottom:4px;
border:0px;
border-radius:15%;
width:58px;
height:25px;
background-color:#9E9FFF;
color: #F5F5F5;
box-shadow: 2px 2px grey;
outline: none !important;
transition: .2s;
}
.AlwaysHideButton:hover{
width:70px;
height:40px;
background-color:orangered;
}

.jump_OJ {
width: 141px;
background-color: #ffffffba;
}
.jump_ID {
width: 136px;
background-color: #ffffffba;
}
.jump_goto {
background-color: #ffffffba;
font-family: "Comic Sans MS", cursive, sans-serif;
width: 70px;
}/跳题/

/*******************************************/

/end********/

标签:font,color,padding,0px,margin,css,left
From: https://www.cnblogs.com/Gokix/p/There_are_not_many_tiles_that_can_not_be_discard.html

相关文章

  • CSSS属性overflow(溢出) 、CSS定位、JavaScript
    overflow溢出属性overflow(水平和垂直均设置)overflow-x(设置水平方向)overflow-y(设置垂直方向<title>溢出</title><style>div{text-indent:32px;border:5pxsolidred;height:400px;width:400px;/*overflow:hidden;*/......
  • 如何使用Apache服务器加载JS和CSS文件
    Apache服务器是一款常见的网页服务器软件,可以运行在多个操作系统下,如Linux、Unix、Windows等。对于网站开发者而言,如何使用Apache服务器来加载JS和CSS文件是一项非常重要的技能。在本文中,我们将为你介绍如何使用Apache服务器来加载JS和CSS文件。一、什么是JS和CSS文件JS文件是......
  • CSS3雪碧图 | 精灵图
    雪碧/精灵图CSSSprite也叫CSS精灵图、CSS雪碧图,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去为什么需要精灵图如果一个网页有很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求......
  • Gridea 搭建的博客无法加载 CSS、网页图标、头像配置
    前阵子发现了用来写静态博客的软件Gridea,配置使用后发现,网页和软件预览的完全不同,打开DevTools一看,CSS压根就没加载出来,同样的,其他静态资源也都没有正确加载。目前的Gridea版本号是0.0.3仔细观察后发现,多了一个/,如图再回到软件配置上,可能是因为多打了这一个尾部的/,导......
  • CSS
    目录css介绍css语法css引入方式选择器基本选择器组合选择器属性选择器分组和嵌套伪类选择器伪元素选择器选择器的优先级CSS属性相关宽和高字体属性背景属性边框display属性CSS盒子模型css介绍css介绍:当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。css实......
  • CSS进阶之3D相册
    之前讲解了css的入门篇,今天将要使用css技术实现动态的样式,本次以旋转3D相册为例进行学习和讲解。效果图如下:首先需要准备7张自己喜欢的图片,并定义一个div,我这里把class类名设置成album,将7张图片使用img标签引入,在选择一张作为中间图片的img中设置class类名为mid,为后面的css设置样......
  • 自学前端-HTML5+CSS-综合案例一-热词
    综合案例一-热词目录综合案例一-热词1、设计需求2、设计所需标签和CSS样式3、设计具体步骤4、遇到的问题设计图如下1、设计需求①需要鼠标放上去有显示透明②需要点击后跳转到相应页面且保留原页面2、设计所需标签和CSS样式所需标签:divCSS样式:伪类hover,颜色color,字大小fo......
  • CSS
    CSSCSS:层叠样式表#就是给HTML增加样式的,让其变得更加美观选择器的语法结构选择器{ 属性名1:属性值1 属性名2:属性值2 属性名3:属性值3 属性名4:属性值4}CSS的注释语法/*内容*/#快捷键:ctrl+?css的引入方式1.在html文档中直接写在style标签中2.单独写一个CS......
  • 要在HTML中让文字居中,可以使用CSS样式来设置文本的对齐方式
    以下是几种常见的居中文本的方法:使用text-align:center;CSS样式:这个方法适用于将文本居中对齐在其父元素内。可以将text-align:center;应用于父元素,这将使其内部的所有文本内容都居中对齐。示例代码:<style>.container{text-align:center;}</style>......
  • html 学习 day3 css 的层叠 父子size 的继承
    今天遇到一个问题,css的父子继承关系在一种case下不生效。:子节点无法继承父节点的 width和height的设定下面代码的原始版本img无法继承div的宽和高的设定。当 img的css设定为:img{height:100%;width:100%;margin-right:1......