Blog
2005/06/16のBlog
[ 17:52 ]
[ └ Template:Only ]
この記事で
miki☆さんのBlogデザインをしてみるお約束をしました。
miki☆さんのご希望が
『海・空・青・黒』のイメージをとのことでしたので
「黒」のイメージカラーはうまく使えてないまま
お試し案を作ってお伺いしてみたところ、
「そのままで、イメージにかなり近いです。」と、ありがたいコメントをいただきましたので
ちょこっとだけ仕上げをして、いよいよプレゼントです。
どうもありがとうございます(^^*
miki☆さんのBlogデザインをしてみるお約束をしました。
miki☆さんのご希望が
『海・空・青・黒』のイメージをとのことでしたので
「黒」のイメージカラーはうまく使えてないまま
お試し案を作ってお伺いしてみたところ、
「そのままで、イメージにかなり近いです。」と、ありがたいコメントをいただきましたので
ちょこっとだけ仕上げをして、いよいよプレゼントです。
どうもありがとうございます(^^*
素材は、コチラの記事でご紹介しています。
テンプレをご使用の際は、できれば
『海の素材屋』さんにLINKをお願いしますね。
お気に召したら、ご参考くださいませ。
素人仕事なので、不手際が多いかと思います。
不具合等ございましたら、ご遠慮なくコメントなどで教えてくださいね。
/* '050615 quyu's Recustomization ----------------*/
/* http://www.doblog.com/weblog/myblog/34647 -----*/
/* Base Doblog CSS Simple ------------------------*/
/* 全体 */
/*------------------------------------------------*/
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #ffffff ;
text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
scrollbar-face-color: #B2DBEF ;
scrollbar-highlight-color: #0B72AE ;
scrollbar-shadow-color: #0B72AE ;
scrollbar-3dlight-color: #B2DBEF ;
scrollbar-arrow-color: #0B72AE ;
scrollbar-track-color: #0B72AE ;
scrollbar-darkshadow-color: #B2DBEF ;
}
.mydoblog-position {
text-align : left ;
width : 760px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -380px ;
border : ;
background-color : #B2DBEF ;
}
.mydoblog-contents {
margin : 25px 0px 0px 0px ;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size : 8pt ;
border : ;
width : 100% ;
background-color : #B2DBEF !important ;
}
/*---------------------------------------------*/
/* リンク */
/*---------------------------------------------*/
a:link {
color : #003366 ;
}
a:active {
color : #003366 ;
}
a:visited {
color : #003366 ;
}
a:hover {
color : #0000ff ;
text-decoration : none ;
border-bottom : dotted 1px #003366 ;
}
.blog-scene img {
border : solid 1px #003366 ;
}
/*---------------------------------------------*/
/* フォーム */
/*---------------------------------------------*/
form {
margin : 0px ;
}
input {
color : #003366 ;
background-color : #ffffff ;
border : solid 1px #ffffff ;
margin : 0px 10px 5px 0px ;
}
textarea {
}
/*---------------------------------------------*/
/* Doblogヘッダー */
/*---------------------------------------------*/
.mydoblog-position form table {
color : #0B72AE ;
width : 760px ;
height : 100px ;
padding : ;
border : ;
background-image : none ;
background-color : #0B72AE ;
}
.mydoblog-position form td {
padding-left : 10px ;
text-align : left ;
}
.mydoblog-position A.portalbar:link {
color : #ffffff ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:active {
color : #ffffff ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:visited {
color : #ffffff ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:hover {
color: #0000ff ;
background-color : #ccccff ;
text-decoration : none ;
}
/*---------------------------------------------*/
/* ページタイトル */
/*---------------------------------------------*/
.mydoblog-header {
width : ;
height : 100px ;
padding : 25px 10px 0px 20px ;
margin : 0px 0px 25px 0px ;
background-image :
url(http://img.doblog.com/35000/u34647/1000/FI1453651_1E.jpg) ;
background-color : #B2DBEF ;
}
.mydoblog-header-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size: 20px ;
font-weight : bold ;
line-height : ;
color : #ffffff ;
}
.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}
/*---------------------------------------------*/
/* メニュー */
/*---------------------------------------------*/
.menu {
width : 180px ;
float : left ;
background-color : ;
}
.menu a:link {
color : #003366 ;
text-decoration : none ;
}
.menu a:active {
color : #003366 ;
text-decoration : none ;
}
.menu a:visited {
color : #003366 ;
text-decoration : none ;
}
.menu a:hover {
color : #0000ff ;
text-decoration : none ;
border-bottom : dotted 1px #003366 ;
}
.menu-header {
font-family: "MS Pゴシック", Osaka, sans-serif ;
font-size : ;
font-weight : bold ;
line-height : 125% ;
color : #333333;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 10px ;
border-bottom : 1px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;
}
.menu-contents {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 0px 0px ;
margin : 0px 0px 20px 10px ;
word-break : break-all ;
}
.menu-contents p {
margin : 0px 0px 3px 0px ;
}
.menu-contents hr {
color : #999999 ;
background-color : #999999 ;
width : 95% ;
height : 1px ;
border : none ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.menu input {
width : ;
}
.menu table {
text-align : center ;
font-size : 12px ;
color : #333333 ;
width : 170px ;
}
/*---------------------------------------------*/
/* カレンダー */
/*---------------------------------------------*/
.calender {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
}
.calender-focus {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 150% ;
color : #0066cc ;
}
テンプレをご使用の際は、できれば
『海の素材屋』さんにLINKをお願いしますね。
お気に召したら、ご参考くださいませ。
素人仕事なので、不手際が多いかと思います。
不具合等ございましたら、ご遠慮なくコメントなどで教えてくださいね。
/* '050615 quyu's Recustomization ----------------*/
/* http://www.doblog.com/weblog/myblog/34647 -----*/
/* Base Doblog CSS Simple ------------------------*/
/* 全体 */
/*------------------------------------------------*/
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
color : #000000 ;
background-color : #ffffff ;
text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
scrollbar-face-color: #B2DBEF ;
scrollbar-highlight-color: #0B72AE ;
scrollbar-shadow-color: #0B72AE ;
scrollbar-3dlight-color: #B2DBEF ;
scrollbar-arrow-color: #0B72AE ;
scrollbar-track-color: #0B72AE ;
scrollbar-darkshadow-color: #B2DBEF ;
}
.mydoblog-position {
text-align : left ;
width : 760px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -380px ;
border : ;
background-color : #B2DBEF ;
}
.mydoblog-contents {
margin : 25px 0px 0px 0px ;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size : 8pt ;
border : ;
width : 100% ;
background-color : #B2DBEF !important ;
}
/*---------------------------------------------*/
/* リンク */
/*---------------------------------------------*/
a:link {
color : #003366 ;
}
a:active {
color : #003366 ;
}
a:visited {
color : #003366 ;
}
a:hover {
color : #0000ff ;
text-decoration : none ;
border-bottom : dotted 1px #003366 ;
}
.blog-scene img {
border : solid 1px #003366 ;
}
/*---------------------------------------------*/
/* フォーム */
/*---------------------------------------------*/
form {
margin : 0px ;
}
input {
color : #003366 ;
background-color : #ffffff ;
border : solid 1px #ffffff ;
margin : 0px 10px 5px 0px ;
}
textarea {
}
/*---------------------------------------------*/
/* Doblogヘッダー */
/*---------------------------------------------*/
.mydoblog-position form table {
color : #0B72AE ;
width : 760px ;
height : 100px ;
padding : ;
border : ;
background-image : none ;
background-color : #0B72AE ;
}
.mydoblog-position form td {
padding-left : 10px ;
text-align : left ;
}
.mydoblog-position A.portalbar:link {
color : #ffffff ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:active {
color : #ffffff ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:visited {
color : #ffffff ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:hover {
color: #0000ff ;
background-color : #ccccff ;
text-decoration : none ;
}
/*---------------------------------------------*/
/* ページタイトル */
/*---------------------------------------------*/
.mydoblog-header {
width : ;
height : 100px ;
padding : 25px 10px 0px 20px ;
margin : 0px 0px 25px 0px ;
background-image :
url(http://img.doblog.com/35000/u34647/1000/FI1453651_1E.jpg) ;
background-color : #B2DBEF ;
}
.mydoblog-header-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size: 20px ;
font-weight : bold ;
line-height : ;
color : #ffffff ;
}
.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}
/*---------------------------------------------*/
/* メニュー */
/*---------------------------------------------*/
.menu {
width : 180px ;
float : left ;
background-color : ;
}
.menu a:link {
color : #003366 ;
text-decoration : none ;
}
.menu a:active {
color : #003366 ;
text-decoration : none ;
}
.menu a:visited {
color : #003366 ;
text-decoration : none ;
}
.menu a:hover {
color : #0000ff ;
text-decoration : none ;
border-bottom : dotted 1px #003366 ;
}
.menu-header {
font-family: "MS Pゴシック", Osaka, sans-serif ;
font-size : ;
font-weight : bold ;
line-height : 125% ;
color : #333333;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 10px ;
border-bottom : 1px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;
}
.menu-contents {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 0px 0px ;
margin : 0px 0px 20px 10px ;
word-break : break-all ;
}
.menu-contents p {
margin : 0px 0px 3px 0px ;
}
.menu-contents hr {
color : #999999 ;
background-color : #999999 ;
width : 95% ;
height : 1px ;
border : none ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.menu input {
width : ;
}
.menu table {
text-align : center ;
font-size : 12px ;
color : #333333 ;
width : 170px ;
}
/*---------------------------------------------*/
/* カレンダー */
/*---------------------------------------------*/
.calender {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
}
.calender-focus {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 150% ;
color : #0066cc ;
}
/*---------------------------------------------*/
/* 記事 */
/*---------------------------------------------*/
.blog {
width : 560px ;
background-color : ;
border : none ;
float : right ;
voice-family : "\"}\"";
voice-family : inherit;
}
.blog-header {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
font-weight : bold ;
color: #333333 ;
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
border-bottom : 1px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;
}
.blog-contents {
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
voice-family : "\"}\"";
voice-family : inherit;
}
.blog-number {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 0px 0px 0px ;
}
.blog-category {
}
.blog-genre {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}
.blog-search {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}
.blog-pageselect {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}
.blog-date {
font-size : 75% ;
padding : 5px 0px ;
margin : 10px 0px 0px 0px ;
clear : both ;
}
.blog-entry {
margin : 0px 0px 40px 0px ;
}
.blog-title {
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.blog-scene {
margin : 5px 0px ;
overflow : visible ;
width : 100% ;
}
.blog-title-time {
font-size : 75% ;
color : #666666 ;
float : left;
}
.docolog-icon {
background-image : url("/image/mypage/icon_gps001.gif") ;
width : 64px ;
height : 16px ;
text-align : right ;
cursor : hand ;
float : right ;
}
.blog-title-title {
font-weight: bold;
font-size : ;
color : #000000 ;
padding : 0px 0px 2px 0px ;
margin : 0px 0px 5px 0px ;
border-bottom : 1px dotted #999999 ;
}
.blog-title-title a:hover {
color : #000000 ;
border-bottom : none ;
}
.blog-title-slide {
font-size : 75% ;
text-align : right ;
}
.blog-image {
overflow : visible ;
margin : 0px 0px 10px 10px ;
float : right ;
}
.blog-text {
padding : 0px 0px 0px 0px ;
font-size : 75% ;
line-height : 150% ;
word-break : break-all ;
}
.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}
.blog-entry-footer {
font-size : 70% ;
line-height : 150% ;
padding-bottom : 2px ;
padding-top : 2px ;
}
.blog-update {
text-align : right ;
margin-bottom : 5px ;
clear : both ;
}
.blog-showmap {
margin : 10px 0px ;
}
.blog-showmap-text {
/* font-size : 75%;
line-height : 125%;*/
font-family : "MS Pゴシック", "Osaka";
border : dotted 1px #666666 ;
padding : 5px ;
}
.blog-linkurl {
font-size : 100% ;
padding : 0px ;
margin : 0px ;
}
.blog-trackback {
padding-bottom : 5px ;
}
.blog-pagetop {
text-align : right ;
margin-top : 1.5em ;
padding-bottom : 5px ;
}
/*---------------------------------------------*/
/* ポップアップ */
/*---------------------------------------------*/
.blog-popup {
text-align : left ;
padding : 5px ;
margin : 5px ;
border : 1px dotted #999999 ;
background-color : #B2DBEF ;
clear : both ;
}
.blog-popup-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
}
.blog-popup-text .blog-title-title {
border : none ;
}
.blog-popup-text .list-pagenumber {
display : block ;
border-bottom : solid 1px #808080 ;
padding-bottom : 8px ;
margin-bottom : 5px ;
}
.blog-popup-text input {
width : 450px ;
}
.blog-popup-text textarea {
width : 450px ;
margin-bottom : 10px ;
}
/* 記事 */
/*---------------------------------------------*/
.blog {
width : 560px ;
background-color : ;
border : none ;
float : right ;
voice-family : "\"}\"";
voice-family : inherit;
}
.blog-header {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
font-weight : bold ;
color: #333333 ;
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
border-bottom : 1px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;
}
.blog-contents {
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
voice-family : "\"}\"";
voice-family : inherit;
}
.blog-number {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 0px 0px 0px ;
}
.blog-category {
}
.blog-genre {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}
.blog-search {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}
.blog-pageselect {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}
.blog-date {
font-size : 75% ;
padding : 5px 0px ;
margin : 10px 0px 0px 0px ;
clear : both ;
}
.blog-entry {
margin : 0px 0px 40px 0px ;
}
.blog-title {
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.blog-scene {
margin : 5px 0px ;
overflow : visible ;
width : 100% ;
}
.blog-title-time {
font-size : 75% ;
color : #666666 ;
float : left;
}
.docolog-icon {
background-image : url("/image/mypage/icon_gps001.gif") ;
width : 64px ;
height : 16px ;
text-align : right ;
cursor : hand ;
float : right ;
}
.blog-title-title {
font-weight: bold;
font-size : ;
color : #000000 ;
padding : 0px 0px 2px 0px ;
margin : 0px 0px 5px 0px ;
border-bottom : 1px dotted #999999 ;
}
.blog-title-title a:hover {
color : #000000 ;
border-bottom : none ;
}
.blog-title-slide {
font-size : 75% ;
text-align : right ;
}
.blog-image {
overflow : visible ;
margin : 0px 0px 10px 10px ;
float : right ;
}
.blog-text {
padding : 0px 0px 0px 0px ;
font-size : 75% ;
line-height : 150% ;
word-break : break-all ;
}
.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}
.blog-entry-footer {
font-size : 70% ;
line-height : 150% ;
padding-bottom : 2px ;
padding-top : 2px ;
}
.blog-update {
text-align : right ;
margin-bottom : 5px ;
clear : both ;
}
.blog-showmap {
margin : 10px 0px ;
}
.blog-showmap-text {
/* font-size : 75%;
line-height : 125%;*/
font-family : "MS Pゴシック", "Osaka";
border : dotted 1px #666666 ;
padding : 5px ;
}
.blog-linkurl {
font-size : 100% ;
padding : 0px ;
margin : 0px ;
}
.blog-trackback {
padding-bottom : 5px ;
}
.blog-pagetop {
text-align : right ;
margin-top : 1.5em ;
padding-bottom : 5px ;
}
/*---------------------------------------------*/
/* ポップアップ */
/*---------------------------------------------*/
.blog-popup {
text-align : left ;
padding : 5px ;
margin : 5px ;
border : 1px dotted #999999 ;
background-color : #B2DBEF ;
clear : both ;
}
.blog-popup-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
}
.blog-popup-text .blog-title-title {
border : none ;
}
.blog-popup-text .list-pagenumber {
display : block ;
border-bottom : solid 1px #808080 ;
padding-bottom : 8px ;
margin-bottom : 5px ;
}
.blog-popup-text input {
width : 450px ;
}
.blog-popup-text textarea {
width : 450px ;
margin-bottom : 10px ;
}
2005/06/06のBlog
2005/06/01のBlog
[ 07:19 ]
[ └ Template:Only ]
キーワードは、
「梅雨」「蛍」「真珠」「時間」「少し暗めの雰囲気」
・・・それから「ジューンブライド」(すべってます;)
「梅雨」「蛍」「真珠」「時間」「少し暗めの雰囲気」
・・・それから「ジューンブライド」(すべってます;)
/*050601Recustamization By quyu ------------*/
/* http://www.doblog.com/weblog/myblog/34647 */
/*--------------------------------------*/
/*----------- 全体 ----------------------*/
/*--------------------------------------*/
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 14px ;
color : #ccffcc ;
background-color : #000000 ;
text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1422650_2E.jpg") ;
background-attachment : fixed ;
background-repeat : no-repeat ;
background-position : 98% bottom ;
scrollbar-face-color: #000000 ;
scrollbar-highlight-color: #ccffcc ;
scrollbar-shadow-color: #ccffcc ;
scrollbar-3dlight-color: #000000 ;
scrollbar-arrow-color: #ccffcc ;
scrollbar-track-color: #000000 ;
scrollbar-darkshadow-color: #000000 ;
}
.mydoblog-position {
text-align : left ;
width : 760px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -380px ;
border : ;
background-color : transparent ;
}
.mydoblog-contents {
margin : 25px 0px 0px 0px ;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size : 8pt ;
height : ;
padding-top : 50px !important ;
background-color: transparent !important ;
width : 100% ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1422650_1E.jpg") ;
background-repeat : no-repeat ;
}
/*---------------------------------------------*/
/* 文字装飾 */
/*---------------------------------------------*/
b {
font-size : 16px ;
color: ;
font-weight: ;
text-decoration: none;
}
u {
font-style: ;
color: #99ff33 ;
text-decoration: none;
}
i {
font-size : 16px ;
font-style : italic ;
}
/*---------------------------------------------*/
/* リンク */
/*---------------------------------------------*/
a:link {
color : #33cc99 ;
text-decoration : none ;
}
a:visited {
color : #33cc99 ;
text-decoration : none ;
}
a:hover {
color : #99ff33 ;
text-decoration : none ;
}
a:active {
color : #33cc99 ;
text-decoration : none ;
}
.blog-scene img {
border-style : outset ;
border-width : 4px ;
border-color : #999999 ;
}
/*---------------------------------------------*/
/* フォーム */
/*---------------------------------------------*/
form {
margin : 0px ;
}
input {
color : #ccffcc ;
background-color : transparent ;
border : solid 1px #ccffcc ;
margin-right : 10px ;
}
form td * {
color: #ccffcc ;
}
textarea {
}
/*---------------------------------------------*/
/* Doblogヘッダー */
/*---------------------------------------------*/
.mydoblog-position form table {
color : #000000 ;
width : 760px ;
padding : ;
border : ;
background-image : none ;
background-position : right ;
}
.mydoblog-position form td {
padding-left : 10px ;
text-align : left ;
}
.mydoblog-position A.portalbar:link {
color : #33cc99 ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:visited {
color : #33cc99 ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:hover {
color: #99ff33 ;
text-decoration : none ;
background-color : transparent ;
}
.mydoblog-position A.portalbar:active {
color : #33cc99 ;
text-decoration : none ;
}
/*---------------------------------------------*/
/* ページタイトル */
/*---------------------------------------------*/
.mydoblog-header {
background-color : ;
width : ;
height : ;
text-align : center ;
padding : 25px 10px 0px 10px ;
margin : 0px 0px 25px 0px ;
}
.mydoblog-header-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size: 20px ;
font-weight : bold ;
line-height : ;
color : ;
}
.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}
/*---------------------------------------------*/
/* メニュー */
/*---------------------------------------------*/
.menu {
width : 180px ;
float : left ;
background-color : ;
}
.menu-header {
font-family: "MS Pゴシック", Osaka, sans-serif ;
font-size : 16px ;
font-weight : bold ;
line-height : 125% ;
color : ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 10px ;
}
.menu-contents {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
padding : 0px 0px 60px 0px ;
margin : 0px 0px 20px 0px ;
word-break : break-all ;
background-image: url("http://img.doblog.com/35000/u34647/1000/FI1422650_3E.jpg");
background-position : center bottom ;
background-repeat : no-repeat ;
}
.menu-contents p {
margin : 0px 0px 3px 0px ;
}
.menu-contents hr {
color : #999999 ;
background-color : #999999 ;
width : 95% ;
height : 1px ;
border : none ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.menu input {
width : ;
}
.menu table {
text-align : center ;
font-size : 12px ;
color : #333333 ;
width : 170px ;
}
/*---------------------------------------------*/
/* カレンダー */
/*---------------------------------------------*/
.calender {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
color : #ccffcc ;
line-height : 150% ;
}
.calender-focus {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 150% ;
color : #99ff33 ;
}
/* http://www.doblog.com/weblog/myblog/34647 */
/*--------------------------------------*/
/*----------- 全体 ----------------------*/
/*--------------------------------------*/
body {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 14px ;
color : #ccffcc ;
background-color : #000000 ;
text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1422650_2E.jpg") ;
background-attachment : fixed ;
background-repeat : no-repeat ;
background-position : 98% bottom ;
scrollbar-face-color: #000000 ;
scrollbar-highlight-color: #ccffcc ;
scrollbar-shadow-color: #ccffcc ;
scrollbar-3dlight-color: #000000 ;
scrollbar-arrow-color: #ccffcc ;
scrollbar-track-color: #000000 ;
scrollbar-darkshadow-color: #000000 ;
}
.mydoblog-position {
text-align : left ;
width : 760px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -380px ;
border : ;
background-color : transparent ;
}
.mydoblog-contents {
margin : 25px 0px 0px 0px ;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size : 8pt ;
height : ;
padding-top : 50px !important ;
background-color: transparent !important ;
width : 100% ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1422650_1E.jpg") ;
background-repeat : no-repeat ;
}
/*---------------------------------------------*/
/* 文字装飾 */
/*---------------------------------------------*/
b {
font-size : 16px ;
color: ;
font-weight: ;
text-decoration: none;
}
u {
font-style: ;
color: #99ff33 ;
text-decoration: none;
}
i {
font-size : 16px ;
font-style : italic ;
}
/*---------------------------------------------*/
/* リンク */
/*---------------------------------------------*/
a:link {
color : #33cc99 ;
text-decoration : none ;
}
a:visited {
color : #33cc99 ;
text-decoration : none ;
}
a:hover {
color : #99ff33 ;
text-decoration : none ;
}
a:active {
color : #33cc99 ;
text-decoration : none ;
}
.blog-scene img {
border-style : outset ;
border-width : 4px ;
border-color : #999999 ;
}
/*---------------------------------------------*/
/* フォーム */
/*---------------------------------------------*/
form {
margin : 0px ;
}
input {
color : #ccffcc ;
background-color : transparent ;
border : solid 1px #ccffcc ;
margin-right : 10px ;
}
form td * {
color: #ccffcc ;
}
textarea {
}
/*---------------------------------------------*/
/* Doblogヘッダー */
/*---------------------------------------------*/
.mydoblog-position form table {
color : #000000 ;
width : 760px ;
padding : ;
border : ;
background-image : none ;
background-position : right ;
}
.mydoblog-position form td {
padding-left : 10px ;
text-align : left ;
}
.mydoblog-position A.portalbar:link {
color : #33cc99 ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:visited {
color : #33cc99 ;
text-decoration : none ;
}
.mydoblog-position A.portalbar:hover {
color: #99ff33 ;
text-decoration : none ;
background-color : transparent ;
}
.mydoblog-position A.portalbar:active {
color : #33cc99 ;
text-decoration : none ;
}
/*---------------------------------------------*/
/* ページタイトル */
/*---------------------------------------------*/
.mydoblog-header {
background-color : ;
width : ;
height : ;
text-align : center ;
padding : 25px 10px 0px 10px ;
margin : 0px 0px 25px 0px ;
}
.mydoblog-header-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size: 20px ;
font-weight : bold ;
line-height : ;
color : ;
}
.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}
/*---------------------------------------------*/
/* メニュー */
/*---------------------------------------------*/
.menu {
width : 180px ;
float : left ;
background-color : ;
}
.menu-header {
font-family: "MS Pゴシック", Osaka, sans-serif ;
font-size : 16px ;
font-weight : bold ;
line-height : 125% ;
color : ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 10px ;
}
.menu-contents {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
padding : 0px 0px 60px 0px ;
margin : 0px 0px 20px 0px ;
word-break : break-all ;
background-image: url("http://img.doblog.com/35000/u34647/1000/FI1422650_3E.jpg");
background-position : center bottom ;
background-repeat : no-repeat ;
}
.menu-contents p {
margin : 0px 0px 3px 0px ;
}
.menu-contents hr {
color : #999999 ;
background-color : #999999 ;
width : 95% ;
height : 1px ;
border : none ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.menu input {
width : ;
}
.menu table {
text-align : center ;
font-size : 12px ;
color : #333333 ;
width : 170px ;
}
/*---------------------------------------------*/
/* カレンダー */
/*---------------------------------------------*/
.calender {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
color : #ccffcc ;
line-height : 150% ;
}
.calender-focus {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 150% ;
color : #99ff33 ;
}
/*---------------------------------------------*/
/* 記事 */
/*---------------------------------------------*/
.blog {
width : 560px ;
background-color : ;
border : none ;
float : right ;
}
.blog-header {
display : none ;
}
.blog-contents {
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
}
.blog-number {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
text-align : right ;
padding : 5px 0px 0px 0px ;
}
.blog-category {
}
.blog-genre {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #ccffcc ;
}
.blog-search {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #ccffcc ;
}
.blog-pageselect {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 12px ;
line-height : 150% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin : 5px 0px ;
}
.blog-date {
font-size : ;
padding : 5px 0px ;
margin : 10px 0px 0px 0px ;
clear : both ;
}
.blog-entry {
margin : 0px 0px 40px 0px ;
}
.blog-title {
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.blog-scene {
margin : 5px 0px ;
overflow : visible ;
width : 100% ;
}
.blog-title-time {
font-size : ;
color : #666666 ;
float : left;
}
.docolog-icon {
background-image : url("/image/mypage/icon_gps001.gif") ;
width : 64px ;
height : 16px ;
text-align : right ;
cursor : hand ;
float : right ;
}
.blog-title-title {
font-weight: bold;
font-size : 16px ;
height : 65px ;
color : ;
padding : 20px 0px 2px 70px ;
margin : 0px 0px 5px 0px ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1422650_1E.jpg") ;
background-repeat : no-repeat ;
border-bottom : 1px solid #ccffcc ;
}
.blog-title-title a:hover {
color : #ccffcc ;
}
.blog-title-slide {
font-size : ;
text-align : right ;
}
.blog-image {
overflow : visible ;
margin : 20px 0px 20px 10px ;
float : center ;
}
.blog-text {
padding : 0px 0px 0px 0px ;
font-size : ;
line-height : 150% ;
word-break : break-all ;
}
.blog-text a:link {
border-bottom : 2px dotted #33cc99 ;
}
.blog-text a:visited {
border-bottom : 2px dotted #33cc99 ;
}
.blog-text a:hover {
border-bottom : 2px dotted #99ff33 ;
}
.blog-text a:active {
border-bottom : 2px dotted #33cc99 ;
}
.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}
.blog-entry-footer {
font-size : ;
line-height : 150% ;
padding-bottom : 2px ;
padding-top : 2px ;
}
.blog-update {
text-align : right ;
margin-bottom : 5px ;
clear : both ;
}
.blog-showmap {
margin : 10px 0px ;
}
.blog-showmap-text {
/* font-size : ;
line-height : 125%;*/
font-family : "MS Pゴシック", "Osaka";
border : dotted 1px #ccffcc ;
padding : 5px ;
}
.blog-linkurl {
font-size : 100% ;
padding : 0px ;
margin : 0px ;
}
.blog-trackback {
padding-bottom : 5px ;
}
.blog-pagetop {
text-align : right ;
margin-top : 1.5em ;
padding-bottom : 5px ;
}
/*---------------------------------------------*/
/* ポップアップ */
/*---------------------------------------------*/
.blog-popup {
text-align : left ;
padding : 5px ;
margin : 5px ;
border : 2px dotted #ccffcc ;
background-color : transparent ;
clear : both ;
}
.blog-popup-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 125% ;
}
.blog-popup-text .blog-title-title {
border : none ;
}
.blog-popup-text .list-pagenumber {
display : block ;
border-bottom : solid 1px #ccffcc ;
padding-bottom : 8px ;
margin-bottom : 5px ;
}
.blog-popup-text input {
width : 450px ;
}
.blog-popup-text textarea {
width : 450px ;
margin-bottom : 10px ;
background-color : transparent ;
color : #ccffcc ;
}
/* 記事 */
/*---------------------------------------------*/
.blog {
width : 560px ;
background-color : ;
border : none ;
float : right ;
}
.blog-header {
display : none ;
}
.blog-contents {
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
}
.blog-number {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
text-align : right ;
padding : 5px 0px 0px 0px ;
}
.blog-category {
}
.blog-genre {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #ccffcc ;
}
.blog-search {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #ccffcc ;
}
.blog-pageselect {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : 12px ;
line-height : 150% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin : 5px 0px ;
}
.blog-date {
font-size : ;
padding : 5px 0px ;
margin : 10px 0px 0px 0px ;
clear : both ;
}
.blog-entry {
margin : 0px 0px 40px 0px ;
}
.blog-title {
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}
.blog-scene {
margin : 5px 0px ;
overflow : visible ;
width : 100% ;
}
.blog-title-time {
font-size : ;
color : #666666 ;
float : left;
}
.docolog-icon {
background-image : url("/image/mypage/icon_gps001.gif") ;
width : 64px ;
height : 16px ;
text-align : right ;
cursor : hand ;
float : right ;
}
.blog-title-title {
font-weight: bold;
font-size : 16px ;
height : 65px ;
color : ;
padding : 20px 0px 2px 70px ;
margin : 0px 0px 5px 0px ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1422650_1E.jpg") ;
background-repeat : no-repeat ;
border-bottom : 1px solid #ccffcc ;
}
.blog-title-title a:hover {
color : #ccffcc ;
}
.blog-title-slide {
font-size : ;
text-align : right ;
}
.blog-image {
overflow : visible ;
margin : 20px 0px 20px 10px ;
float : center ;
}
.blog-text {
padding : 0px 0px 0px 0px ;
font-size : ;
line-height : 150% ;
word-break : break-all ;
}
.blog-text a:link {
border-bottom : 2px dotted #33cc99 ;
}
.blog-text a:visited {
border-bottom : 2px dotted #33cc99 ;
}
.blog-text a:hover {
border-bottom : 2px dotted #99ff33 ;
}
.blog-text a:active {
border-bottom : 2px dotted #33cc99 ;
}
.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}
.blog-entry-footer {
font-size : ;
line-height : 150% ;
padding-bottom : 2px ;
padding-top : 2px ;
}
.blog-update {
text-align : right ;
margin-bottom : 5px ;
clear : both ;
}
.blog-showmap {
margin : 10px 0px ;
}
.blog-showmap-text {
/* font-size : ;
line-height : 125%;*/
font-family : "MS Pゴシック", "Osaka";
border : dotted 1px #ccffcc ;
padding : 5px ;
}
.blog-linkurl {
font-size : 100% ;
padding : 0px ;
margin : 0px ;
}
.blog-trackback {
padding-bottom : 5px ;
}
.blog-pagetop {
text-align : right ;
margin-top : 1.5em ;
padding-bottom : 5px ;
}
/*---------------------------------------------*/
/* ポップアップ */
/*---------------------------------------------*/
.blog-popup {
text-align : left ;
padding : 5px ;
margin : 5px ;
border : 2px dotted #ccffcc ;
background-color : transparent ;
clear : both ;
}
.blog-popup-text {
font-family : "MS Pゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 125% ;
}
.blog-popup-text .blog-title-title {
border : none ;
}
.blog-popup-text .list-pagenumber {
display : block ;
border-bottom : solid 1px #ccffcc ;
padding-bottom : 8px ;
margin-bottom : 5px ;
}
.blog-popup-text input {
width : 450px ;
}
.blog-popup-text textarea {
width : 450px ;
margin-bottom : 10px ;
background-color : transparent ;
color : #ccffcc ;
}
[ 07:07 ]
[ └ Reference:Tool ]
まずは文字装飾見本。
太字 ・ 斜体 ・ 下線 ・
6月テンプレのキーワードは、
「梅雨」「蛍」「真珠」「時間」「少し暗めの雰囲気」
・・・「ジューンブライド」(ボツってます;)
蛍は、LINK hover カラーで使ってみたのですが、分かりづらいですね~;
真珠は誕生石ということで。
ジューンブライドは、かすかな十字架と真珠で表現してる・・・つもりぃ(滝汗。
背景画像が大き過ぎて、ごちゃごちゃ感がぬぐえません(涙。
暗めの雰囲気は、最近の文芸部作品に陰ある作品が多いので、
雰囲気を崩さないように、のつもり。
太字 ・ 斜体 ・ 下線 ・

6月テンプレのキーワードは、
「梅雨」「蛍」「真珠」「時間」「少し暗めの雰囲気」
・・・「ジューンブライド」(ボツってます;)
蛍は、LINK hover カラーで使ってみたのですが、分かりづらいですね~;
真珠は誕生石ということで。
ジューンブライドは、かすかな十字架と真珠で表現してる・・・つもりぃ(滝汗。
背景画像が大き過ぎて、ごちゃごちゃ感がぬぐえません(涙。
暗めの雰囲気は、最近の文芸部作品に陰ある作品が多いので、
雰囲気を崩さないように、のつもり。
2005/05/29のBlog
[ 10:46 ]
[ └ Reference:Tips ]
karasuさんが、「文芸部5月テンプレ」を使ってくださってるそうで
どうもありがとうございます♪
素人仕事なので、使っているうちにどこかに不具合にお気づきになったりしたら
遠慮なく、すぐに空遊までお知らせくださいね。
出来るかぎり、対処したいと思っています。
さて、karasuさんのご要望で、
「記事タイトルの文字サイズを大きく変更する方法」
をちょこっと解説してみたいと思います。
■□■ 要点 ■□■
.blog-title-title { } の中のfont-size : ; を指定しましょう。
":" と ";" の間に具体的な文字サイズ命令を書き込んでください。
pxで指定するなら、12px、14px、16px、18px、・・・
%で指定するなら、75%、80%、・・・、110%、120%、・・・
などのように、いろいろ試してみましょう。
(例) font-size : 18px ;
注意点 : 命令文を書くときに使用する文字は、必ず半角文字にしましょうね。
■■■■■□■□■□■■■■■
ログインした状態で、"管理メニュー" 内の "■ デザインカスタマイズ" をクリックすると
現在使っている自BlogテンプレートのCSSが表示されます。
それを、ずっと下の方にたどっていくと、
/*---------------------------------------------*/
/* 記事 */
/*---------------------------------------------*/
という部分がありますね。この下の方に、
".blog-title-title { " という部分があるのを見つけてください。
その部分のカッコ{ ・・・ } で囲まれた中身が、
記事タイトルの要素について、いろいろと条件付けしている命令部分です。
「文芸部5月テンプレ」においては
以下のように指定しています。
.blog-title-title {
font-weight: bold;
font-size : ;
line-height : 40px ;
color : #003366 ;
padding : 0px 0px 2px 40px ;
margin : 0px 0px 5px 0px ;
border-bottom : 2px dotted #CCCCFF ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1292891_4E.gif") ;
background-repeat : no-repeat ;
}
文字サイズを変更するには、2番目の命令、font-size : ; を指定してあげればよいです。
フォントサイズと読みます。
具体的な命令内容は、":" と ";" の間に書き込みます。
文字サイズは、%、px、em、ex、pt ほか、いろいろな指定方法があります。
それぞれの表示方法には、それぞれのルールがありますが、
私は、ほかのサイズ表示でもよく使われる"px"で指定するのが好きです。
( ↑すごく個人的な意見ですみません;)
《参考1》 『HTMLクイックリファレンス』の「font-size」の項
《参考2》 『超初心者のためのホームページ作成講座』の「■ CSS における長さの指定方法」
Doblogでは、記事の文字サイズは、通常75%指定になっていると思います。
そして、記事タイトルの文字サイズは、font-size : ; のようです。
75%は、「本来Doblogが指定している文字サイズの75%の大きさにしてください。」という命令、
font-size : ; の場合は、
「Doblogが指定している文字サイズと同じ大きさでお願いします。」という意味になります。
pxは、厳密には、それぞれのPC解像度に相対的なサイズ命令になるので
どのPCもまったく同じとは言い切れませんが、目安とするならば・・・
75%の文字サイズは、だいたい、12pxくらいになると思います。
以上、ごちゃごちゃと、分かりにくかったかもしれませんが、解説を終わります。
同内容で、不明な点、疑問点などあったら、ご遠慮なくお尋ねくださいね。
分かる限り、ご説明申し上げます(^^*
どうもありがとうございます♪
素人仕事なので、使っているうちにどこかに不具合にお気づきになったりしたら
遠慮なく、すぐに空遊までお知らせくださいね。
出来るかぎり、対処したいと思っています。
さて、karasuさんのご要望で、
「記事タイトルの文字サイズを大きく変更する方法」
をちょこっと解説してみたいと思います。
■□■ 要点 ■□■
.blog-title-title { } の中のfont-size : ; を指定しましょう。
":" と ";" の間に具体的な文字サイズ命令を書き込んでください。
pxで指定するなら、12px、14px、16px、18px、・・・
%で指定するなら、75%、80%、・・・、110%、120%、・・・
などのように、いろいろ試してみましょう。
(例) font-size : 18px ;
注意点 : 命令文を書くときに使用する文字は、必ず半角文字にしましょうね。
■■■■■□■□■□■■■■■
ログインした状態で、"管理メニュー" 内の "■ デザインカスタマイズ" をクリックすると
現在使っている自BlogテンプレートのCSSが表示されます。
それを、ずっと下の方にたどっていくと、
/*---------------------------------------------*/
/* 記事 */
/*---------------------------------------------*/
という部分がありますね。この下の方に、
".blog-title-title { " という部分があるのを見つけてください。
その部分のカッコ{ ・・・ } で囲まれた中身が、
記事タイトルの要素について、いろいろと条件付けしている命令部分です。
「文芸部5月テンプレ」においては
以下のように指定しています。
.blog-title-title {
font-weight: bold;
font-size : ;
line-height : 40px ;
color : #003366 ;
padding : 0px 0px 2px 40px ;
margin : 0px 0px 5px 0px ;
border-bottom : 2px dotted #CCCCFF ;
background-image : url("http://img.doblog.com/35000/u34647/1000/FI1292891_4E.gif") ;
background-repeat : no-repeat ;
}
文字サイズを変更するには、2番目の命令、font-size : ; を指定してあげればよいです。
フォントサイズと読みます。
具体的な命令内容は、":" と ";" の間に書き込みます。
文字サイズは、%、px、em、ex、pt ほか、いろいろな指定方法があります。
それぞれの表示方法には、それぞれのルールがありますが、
私は、ほかのサイズ表示でもよく使われる"px"で指定するのが好きです。
( ↑すごく個人的な意見ですみません;)
《参考1》 『HTMLクイックリファレンス』の「font-size」の項
《参考2》 『超初心者のためのホームページ作成講座』の「■ CSS における長さの指定方法」
Doblogでは、記事の文字サイズは、通常75%指定になっていると思います。
そして、記事タイトルの文字サイズは、font-size : ; のようです。
75%は、「本来Doblogが指定している文字サイズの75%の大きさにしてください。」という命令、
font-size : ; の場合は、
「Doblogが指定している文字サイズと同じ大きさでお願いします。」という意味になります。
pxは、厳密には、それぞれのPC解像度に相対的なサイズ命令になるので
どのPCもまったく同じとは言い切れませんが、目安とするならば・・・
75%の文字サイズは、だいたい、12pxくらいになると思います。
以上、ごちゃごちゃと、分かりにくかったかもしれませんが、解説を終わります。
同内容で、不明な点、疑問点などあったら、ご遠慮なくお尋ねくださいね。
分かる限り、ご説明申し上げます(^^*