[CSS樣式] 彩莓加工【Re:從零開始的異世界生活_(雷姆/レム)】藍色1款

http://an826411.pixnet.net/blog/post/347868181

點圖放大預覽或[點我]

/*--可右鍵全選--*/
/*--css語法開始--*/
 
#footer #bottom:before{
padding: 0px 0px;
display: block;
text-align: center;
content: "Copyright © CSS designed by 彩莓RS http://an826411.pixnet.net/blog";
font-size:11px;
}
#footer #bottom{
padding: 0px 0px;
text-align: center;
font-size:11px;
opacity:0.5;transition-duration:1.5s;}
#footer #bottom:hover{
opacity:0.8;transition-duration:1.5s;}
 
/*--刪除文章留言處廣告(第四則留言後方) --*/
#comment-text>div{display:none;}
#article-main .page {display:block!important}
 
#ad-full-page{display: none !important;}
 
{隱藏目錄欄廣告}
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child { margin-top: -999em !important; position:absolute; z-index:0; }
 
/*--閒置視窗美化--*/
.modal-footer{display: none;}
.idle-adsense{display: none;}
.idle-related-posts{display: none;}
.modal-dialog{top: 50% !important; margin-top: -100px !important;}
 
/*--整體設定--*/
html {
margin-top: -50px !important;
margin-left: 0px !important;
padding: 0px !important;
margin-right: 0px !important;}
 
/*--部落格上方功能列表(部落格後台)--*/
.topbar__announce, .topbar__search, .topbar__search-container, .topbar__logo, .topbar__related-article__block .topbar__related-article__cat-name, .topbar__lang .topbar__lang__switcher{display: none;}
.topbar--fixed{position: absolute;}
.topbar{
text-shadow:none;
position:fixed;
width:150px;
height:50px;
min-width: 100px !important;
left: 80% !important;
opacity:0.7;transition-duration:1.5s;}
.topbar:hover{
opacity:1.0;transition-duration:1.5s;}
 
/*--游標--*/
body{cursor:default;}a:hover{cursor:ne-resize}
 
/*--隱藏個人分類--*/
.broadcast-photo,#login-bar,#banner .skiplink,#banner #blog-category,.bookmark span,.pixnet-user,.hidden-message,.user-ip,li.reply-text p,li.reply-text p a,#archive .box-more a,#send-message,#latest-comment .box-text span,#visitor .box-more a,#crumb .box-more a {
display:none;
}
 
/*--繼續閱讀--*/
.more a {
margin-right:3px;
float:right;
}
.more a:hover {
opacity: 0.4;
transition-duration: 1.5s;
}
 
{隱藏你可能會有興趣的文章}
.recommended-posts3 {display:none;}
 
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,fieldset,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
 
table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}
 
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
 
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
 
q:before,q:after {
content:'';
}
 
pre {
font-size:1em;
}
 
ol,ul {
margin-left:2em;
padding:0;
}
 
ol li {
list-style:decimal outside;
}
 
ul li {
list-style:disc outside;
}
 
/*文章+列表區塊之標題*/
.article-area-title,#view-mode {
float:left;
width:68%;
height:20px;
overflow:hidden;
font-size:12px;
color:#657bb6;
border-bottom:1px solid #bac5e2;
margin:0 0 15px;
padding:0 1% 5px;
}
 
/*文章內文*/
.article-content {
width:650px;
overflow:hidden;
line-height:100%;
padding:0 0 10px;
}
 
.article-content p {
margin-bottom:1em;
}
 
/*文章內容區*/
.article-body {
padding:10px 10px 0;
}
 
#toolbar-box ul,#toolbar-box li {
list-style:none;
margin:0;
}
 
/*所有內容區塊3*/
#container3 {
overflow:hidden;
position:relative;
width:950px;
background:#fff;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-moz-box-shadow:1px 1px 2px #bac5e2;
-webkit-box-shadow:1px 1px 2px #bac5e2;
box-shadow:1px 1px 2px #bac5e2;
margin:15px auto 30px;
padding:25px 0 10px;
}
 
 
/*--自訂欄位靠左邊(隱藏文章分類的豆豆)--*/
.article-head,.article-head li,.recommended-posts ul,.recommended-posts li,.article-footer ul,.article-footer li,.user-post-text ul,.user-post-text li,.box-text ul,.box-text li {
list-style:none;
margin:0;
padding:0;
}
 
/*--自訂欄位誰來我家置中--*/
#visitor .box-text ul, #crumb .box-text ul {
position: relative;
padding-left: 20px;
margin: 5px 0px 5px 0px;
overflow: hidden;}
 
/*--部落格標題字--*/
#banner h1 {
position:absolute;
top:3px;
left:10px;
width:900px;
line-height:30px;
height:30px;
overflow:hidden;
font-size:15px;
padding:0 20px;
}
 
/*--部落格副標題字--*/
#banner h2 {
position:absolute;
top:325px;
left:40px;
width:800px;
height:30px;
line-height:30px;
overflow:hidden;
padding-top:10px;
}
 
/*--標題圖--*/
#banner {
height:300px;
background:url(https://upload.cc/i1/2018/06/14/wlpYno.gif);
opacity:0.7;transition-duration:1.5s;
}
#banner:hover{
opacity:1.0;transition-duration:1.5s;}
#header {
position:relative;
height:335px;
background-image:url(none);
background-position:undefined;
padding:35px 0 0;
margin:-15px 0 0;
}
 
/*--功能表(部落格留言板相簿明片)--*/
#navigation {
position:absolute;
top:335px;
right:5px;
width:270px;
height:35px;
background:#fff url(https://upload.cc/i1/2018/06/14/aLmgOu.png);
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
margin:0;
padding:0 0 0 10px;
}
#navigation li {
float:left;
list-style:none;
margin:0;
}
#navigation li a {
display:block;
width:100%;
height:35px;
font-size:0;
text-indent:15px;
}
#navigation li#link-album {
width:60px;
}
#navigation li#link-blog {
width:65px;
}
#navigation li#link-guestbook {
width:65px;
}
#navigation li#link-profile {
width:60px;
}
 
#main {
_height:1%;
overflow:hidden;
_overflow:none;
padding:17px;
}
 
/*主要內容區*/
#content {
float:left;
width:670px;
}
 
.article {
clear:both;
_height:1%;
position:relative;
margin:0 auto 20px;
}
 
/*--文章標題底圖--*/
.article-head {
overflow:visible;
height:40px;
line-height:32px;
padding:0 0 3px 10px;
padding-left: -10px;
}
 
/*--文章發表時間--*/
.publish{
font-size:10px;
width:80px;
height:28px;
float:right;
}
.day {display:none;}
 
/*--文章標題字--*/
.title {
line-height:25px;
text-align:left; 
text-indent:10px;
font-size: 15px;
background:#dee2ee;
padding: 5px;
margin-bottom: 5px;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
 
.bookmark {
font-size:11px;
color:#657bb6;
margin:5px auto;
}
 
/*--文章底下的虛線--*/
.article-footer {
font-size:11px;
color:#657bb6;
border-top:1px dashed #bac5e2;
margin:0px 0 0;
padding:10px 10px;
}
 
.refer,.history {
float:left;
width:50%;
}
 
.back-to-top a {
display:none;
}
 
/*留言列表樣式*/
.user-post-title {
text-align: center;
background: #d7eeff;
color: #fff;
font-size: 13px;
margin-bottom: 20px;
padding: 8px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 10px;
}
 
/*單一引用+單一回應*/
ul.single-post {
position:relative;
margin-top:15px;
margin-left:50px;
margin-bottom:20px;
padding:10px 10px 10px 110px;
}
.single-post {
border:1px dashed;
border-radius: 8px;
width:500px;
_height:50%;
overflow:hidden;
_overflow:none;
padding:5px;
}
 
/*--格友留言內容與文字顏色--*/
.post-text {
line-height:150%;
background-color:#dee2ee;
border-radius: 4px;
color: #657bb6;
font-size:12px;
padding: 10px;
width: 400px;
margin-top:10px; 
margin-left:0px; 
margin-right:hidden; 
margin-bottom:10px; 
}
 
/*--版主回覆內容--*/
.reply-text {
font-size:12px;
text-align: left;
clear: both;
float: right;
padding: 5px;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
 
/*引用列表標題+回應列表標題*/;
.user-post-title {
height:25px;
line-height:25px;
background:url(http://pic.pimg.tw/pixnetvisual/92032e3d3dcabdb7bc9d6a769184f8a4.jpg?v=1288345368) no-repeat 15px 0;
}
.user-post-title img {
margin:7px 0 0;
}
 
/*留下回響*/
.post-comment {
text-align:right;
padding: 30px;
}
 
.post-comment a {
border-right:1px solid #bac5e2;
border-bottom:1px solid #bac5e2;
background:#fofofo;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:5px 10px;
}
 
.post-comment a:hover {
color:#fff;
border:1px solid #bac5e2;
background:#fofofo;
text-decoration:none;
}
 
/*悄悄話*/
ul.secret {
border:1px solid #657bb6;
min-height:20px;
_height:20px;
padding:10px;
}
 
/*回應者頭貼*/
.post-photo img {
position:absolute;
top:10px;
left:10px;
right:10px;
}
 
.post-photo img {
width:50px;
height:50px;
border:1px solid #fff;
border-right:1px solid #bac5e2;
border-bottom:1px solid #bac5e2;
background:#fff;
padding:3px;
}
 
li.post-info {
height:20px;
overflow:hidden;
font-size:12px;
color:#657bb6;
padding-right:30px;
}
 
.floor {
position:absolute;
top:10px;
right:10px;
width:auto;
display:block;
font-size:1.4em;
color:#657bb6;
}
 
#view-mode {
width:28%;
text-align:right;
font-size:11px;
}
 
#view-mode a {
background:#fofofo;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 2px;
padding:1px 4px;
}
 
/*標題模式的文章列表*/
.main-list th,.main-list td {
background:#fofofo;
padding:7px 10px;
}
 
.main-list td {
border-bottom:1px dashed #bac5e2;
background:none;
}
 
/*發表時間標題*/
td.list-date {
width:15%;
font-size:11px;
}
 
td.list-visit,td.list-comment {
width:10%;
font-size:11px;
color:#657bb6;
}
 
/*頁數*/
.page {
font-size:11px;
text-align:center;
margin:20px auto;
padding:5px 0;
}
 
.page a,.page span {
color:#657bb6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 3px 0 0;
padding:1px 5px;
}
 
.page a:hover {
background:#f0f0f0;
}
 
.page span {
color:#657bb6;
background:#f0f0f0;
}
 
#links {
float:right;
width:220px;
overflow:hidden;
}
 
.box {
margin:0 auto 10px;
margin-bottom:20px;
}
 
/*--自訂欄位標題底圖--*/
.box-title {
text-align: center;
height:20px;
line-height:20px;
overflow:hidden;
background:#dee2ee;
padding:3px 0px 3px 0px;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
 
.box-text {
font-size:12px;
padding:2px;
}
 
.inner-box ul {
margin:0 0 0 1.3em;
}
 
.box-more {
text-align:center;
margin:5px auto;
}
 
.box-more a {
font-size:11px;
color:#657bb6;
background:#f0f0f0;
border:1px solid #fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:1px 4px;
}
 
.box-more a:hover {
color:#657bb6;
text-decoration:NONE;
background:#f0f0f0;
border:1px solid #bac5e2;
}
 
 
#friendbox ul.friendlist li img {
width:36px;
height:36px;
}
 
#user-info .box-text {
padding:10px;
}
 
#user-info dl {
margin:10px 0 0;
padding:10px 0 0;
}
 
#user-info dl dd {
margin:0;
}
 
body #newsfeed ul li,body #followed-murmurs ul li {
font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
border-bottom:1px dashed #bac5e2;
}
 
body #followed-murmurs .murmurs-photo img {
height:30px;
width:30px;
border:1px solid;
background:none repeat scroll 0 0 #FFF;
padding:1px;
}
 
body #newsfeed ul li .newsfeed-content .newsfeed-author a,body #followed-murmurs .murmurs-content a.murmurs-author {
color:#657bb6;
font-weight:normal;
}
 
#visitor ul,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none;
}
 
#visitor ul li,#crumb ul li {
float:left;
margin:0 5px 5px 0;
}
 
#visitor ul li a img,#crumb ul li a img {
width:26px;
height:26px;
background:#FFF;
border:1px solid;
vertical-align:top;
padding:1px;
}
 
#calendar th,#calendar td {
text-align:center;
font-size:11px;
line-height:24px;
border:1px solid #bac5e2;
}
 
#calendar th a {
display:block;
text-decoration:underline;
}
 
#calendar td a {
display:block;
color:#657bb6;
background:#f0f0f0;
}
 
#comment-form td,#comment-form th {
vertical-align:top;
padding:2px;
}
 
#comment-form th {
width:100px;
text-align:right;
}
 
#comment-form input.radio {
width:auto;
background:NONE;
border:NONE;
}
 
input#send-comment {
width:10%;
}
 
fieldset,img,abbr,acronym {
border:0;
}
 
caption,th,body #followed-murmurs .murmurs-content {
text-align:left;
}
 
.article-content ul,.article-content ol,.author,.main-list {
clear:both;
}
 
#login-bar a,.skiplink a,#blog-category a {
color:#657bb6;
}
 
.time,.user-post-title span,.weekday {
display:none;
}
 
.title img,.forward img,li.post-text img,#recent-article li img {
vertical-align:middle;
}
 
{文章下排留言人氣那一行字的顏色及靠右}
.author,.forward,#friendbox .friends-all a,body #newsfeed a.show-all-newsfeed,body #followed-murmurs a.show-all-murmurs {
font-size:11px;
color:#657bb6;
text-align:right;
margin-top:5px;
}
.author a,.forward a,.article-footer a,#footer a {
color:#657bb6;
}
 
{文章下排email轉寄隱藏}
.forward,body #newsfeed a.show-all-newsfeed { 
display: none;
}
 
#trackback-url input#trackback-input,input#blogcommenttext_name {
width:50%;
}
 
.list-visit,.list-comment,#search .box-text {
text-align:center;
}
 
body #newsfeed ul li .newsfeed-photo a,body #followed-murmurs ul li .murmurs-photo a,#friendbox ul.friendlist li a,#visitor ul li a,#crumb ul li a {
color:#657bb6;
}
 
#comment-form input,#comment-form textarea {
width:100%;
}
 
#comment-title {display: none;}
 
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child { margin-top: -999em !important; position:absolute; z-index:0; }
#blog468x60Banner {display:none !important;}
div.article-keyword {display: none;}
#ad-full-page{display: none !important;}
#header { background-image: url(url("none"));; }
#content a:hover { color: #657bb6; }
#header { background-image: url(url("none"));; }
 
/*--按鈕--*/
input,textarea {
background-color: #fff;
border:1px solid #657bb6;
border-radius: 4px;
padding:2px 5px;
text-decoration: none;
display: inline-block;
font-size: 11px;
color:#657bb6;
vertical-align:middle;
}
input:active {
background: none;
background-color: #dee2ee;
color:#657bb6;
border:1px solid #fff;
top: 1px;
position: relative;
}
 
/*--搜尋--*/
#search-target{
background: #ffffff;
}
#search-submit{
background: #ffffff;
color: #657bb6;
}
#search li {
display:inline;
}
#search input#search-target {
width:110px;
}
 
#comment-text.user-post-text{
position: relative;
left:-23px;
}
 
#user-post{
background: #fff;
}
 
/*--自訂欄位文章標題底線--*/
#recent-article li {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 17px;
line-height: 15px;
border-bottom: 0.8px dashed #bac5e2;
background:url(http://i1383.photobucket.com/albums/ah282/an826411/9_zpsbffwznll.gif)no-repeat ;}
 
/*--超連結顏色--*/
a {
color:#5e6e98;/*改版要改顏色1*/
text-decoration: none;
transition: 1.8s all; }
 
/*--滑鼠移動到超連結上時--*/
a:hover {
color: #bac5e2;/*改版要改顏色3*/
text-decoration: none; }
 
/*--整體文字和背景圖設定--*/
body {
color:#657bb6; /*改版要改顏色2*/
background:#dee2ee; /*改版要改顏色4*/
background-color:#dee2ee;
background-attachment: fixed;
  background-image: url("https://upload.cc/i1/2018/06/14/N8FAfK.png"); 
  background-repeat: no-repeat; 
  background-position: center center; 
font-size:13px;
font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
line-height:154%;
margin:0;
}
 
/*--css語法結束--*/

 

配件(可自行加字):

 

 

 

加工者:      

彩莓代製區:   帶走、轉載請回應

創作者介紹
創作者 彩莓RS 的頭像
彩莓RS

彩莓動漫館RS圖片加工區

 

 

創作者介紹
創作者 ღ♥紫玫瑰淯嵐♥ღ 的頭像
ღ♥紫玫瑰淯嵐♥ღ

☸ڿڰۣ¸.•*¨`◕。◕♡Ƹ̴Ӂ̴Ʒ紫玫瑰淯嵐主格部落Ƹ̴Ӂ̴Ʒ¸.•*¨`♡◕。◕☸ڿڰۣ

ღ♥紫玫瑰淯嵐♥ღ 發表在 痞客邦 留言(0) 人氣()