2883.nobody.jp/ css:CheerUp!Doblog!-03

CSS-CheerUp!Doblog!-03

【CheerUp!Doblog!】のバナーの付いたテンプレートは、Doblogへの「がんばってくれよぅ！」という切なる思いを込めて作った、"Onefineday"のひっそり企画テンプレートです。

↑クリックすると実物大の画像が開きます

このテンプレートはどんなテンプレートかというとですね
そうさなぁ～、まずは
↓のタイトルバック（サムネイル）をクリックしてみてください。
あ、←のキャプチャ画面じゃないですヨ？↓のほう。

夜空の星と街の明かりが、地味ぃ～にチカチカまたたいているんですけれど・・・気づいていただけたでしょうか。（微不安）
booはときどき、まるで発作のように、むしょ～に黒っぽいテンプレートが作りたくてしょーがなくなるのですが、今回のもソレです。（笑）
たぶん、このまえ夜中にジュースを買いに行かされたのが原因なのではないかと思っているんですけどね。
それにしても地味なイルミネーションですねぇ。
やぱりアレですかねぇ？作った人に似るんでしょうかねぇ？

　

↓素材とCSSはこちらからどうぞ

■【CheerUp!Doblog!-03】の素材はこちらです。（できるだけお持ち帰りになってからご使用くださいネ）

≫タイトルバック（サムネイルになっています）

≫こっちは夏限定のオマケ。（お好きなほうをお使いください）

≫メニュー&記事タイトル背景　

≫コメントテキストボックスアイコン　

≫"CheerUp!Doblog!" アイコン（↓）
　　

■CSSは↓のテキストボックスからどうぞ。

/*=============================================*/
/*          CSS:: CheerUp!Doblog!-03           */
/*   http://www.doblog.com/weblog/myblog/2883  */
/*=============================================*/

/*---------------------------------------------*/
/*                      全体                      */
/*---------------------------------------------*/
body {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	color : #4e5b7e ;
	background-color : #000057 ;
	text-align : center ;
	margin-top : 0px ;
	margin-bottom : 10px ;
        scrollbar-face-color:#000057;
        scrollbar-highlight-color: #0066ff ;
        scrollbar-shadow-color: #0066ff ;
        scrollbar-3dlight-color: #000057;
        scrollbar-arrow-color: #0066ff ;
        scrollbar-track-color: #000057;
        scrollbar-darkshadow-color: #000057;
}

.myblog-position {
	text-align : left ;
	width : 760px ;
	position : absolute ;
	left : 50% ;
	margin : 0px 0px 0px -380px ;
	border : solid 1px #000030 ;
	background-color : #000030 ;
        background-image : url("http://img.doblog.com/51000/u50654/1000/FI1933916_1E.gif") ;
        background-repeat : no-repeat ;
}

.myblog-contents {
	margin : 130px 20px 0px 20px ;
	padding-bottom : 1px ;
}

.footer {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt ;
        color : #dfdfff ;
        font-weight : bold ;
	border :  ;
	width : 100% ;
        background-color : transparent !important;
        background-image : url("http://img.doblog.com/51000/u50654/1000/FI1933916_3E.gif") ;
        background-repeat : no-repeat ;
        background-position : center ;
}

i{
font-family: "verdana", "ＭＳ Ｐゴシック", Osaka, Gothic, Sans-serif;
border : #cccccc 1px dotted; 
padding : 10px; 
display: block; 
font-weight: normal; 
color: #ffffff; 
background-color: transparent ;
font-style: normal; 
margin-right: 10px;
clear: both;
}

/*---------------------------------------------*/
/*                     リンク                     */
/*---------------------------------------------*/
a:link {
	color : #596891 ;
}
a:active {
	color : #596891 ;
}
a:visited {
	color : #596891 ;
}
a:hover {
	color : #3e79c1 ;
}

.blog-scene img {
	border : solid 0px #cccccc ;
}

/*---------------------------------------------*/
/*                    フォーム                     */
/*---------------------------------------------*/
form { 
	margin : 0px ;
}

input { 
}

textarea {
}

/*---------------------------------------------*/
/*                 Doblogヘッダー                 */
/*---------------------------------------------*/
.myblog-position form table {
	color : #000030 ;
	width : 760px ;
	background-image : none ;
        padding-right : 10px ;       
}

.myblog-position form input {
       color : #0066ff ;
       border : solid 1px #0066ff ;
       background-color : transparent ;
}

.myblog-position form td {
	text-align : right ;
}

.myblog-position A.portalbar:link {
	color : #0066ff ;
	text-decoration : none ;
}

.myblog-position A.portalbar:active {
	color : #0066ff ;
	text-decoration : none ;
}

.myblog-position A.portalbar:visited {
	color : #0066ff ;
	text-decoration : none ;
}

.myblog-position A.portalbar:hover {
	color: #dfdfff ;
	text-decoration : none ;
        background-color : transparent ;
}

/*---------------------------------------------*/
/*                 ページタイトル                  */
/*---------------------------------------------*/
.myblog-header {
	background-color : ;
	width :  ;
	height :  ;
	padding : 60px 20px 10px 10px ;
	margin : 0px 0px 25px 0px ;
        text-align :right ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

.myblog-header-text {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size: 150% ;
	font-weight : bold ;
	line-height : ;
	color : #6262ff ;
}

.myblog-header-text a:link { 
color : #dfdfff;
text-decoration: none;
}

.myblog-header-text a:visited { 
color :#dfdfff;
text-decoration: none;
}

.myblog-header-text a:active {
color : #dfdfff;
text-decoration: none;
}

.myblog-header-text a:hover { 
color :#66ffff;
text-decoration: none;
}

.myblog-header img {
	vartical-align : text-bottom ;
	margin : 0px 0px 0px 0px ;
}

/*---------------------------------------------*/
/*                    メニュー                    */
/*---------------------------------------------*/
.menu {
	width : 165px ;
	float : right ;
	background-color : transparent ;
        margin-top : 10px ;
        padding-top : 50px ;
        background-image : url("http://img.doblog.com/51000/u50654/1000/FI1933916_4E.gif") ;
        background-repeat : no-repeat ;
        background-position : top center :
}

.menu-header {
	font-family: "verdana", "ＭＳ Ｐゴシック", Osaka, sans-serif ;
	font-size : 75% ;
	font-weight : bold ;
	line-height : 125% ;
	color : #3e79c1 ;
	padding : 5px 0px 2px 23px ;
	margin : 0px 0px 0px 0px ;
	border-bottom : 2px dotted #4e5b7e ;
	voice-family : "\"}\"";
	voice-family : inherit;
        background-image : url("http://img.doblog.com/51000/u50654/1000/FI1933916_3E.gif") ;
        background-repeat : no-repeat ;
}

.menu-contents {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 65% ;
	line-height : 150% ;
	padding : 10px 0px 30px 5px ;
	margin : 0px 0px 0px 0px ;
	word-break : break-all ;
}

.menu-contents a:link { 
color : #3e79c1 ;
text-decoration: none;
}

.menu-contents a:visited { 
color :#3e79c1 ;
text-decoration: none;
}

.menu-contents a:active {
color : #3e79c1 ;
text-decoration: none;
}

.menu-contents a:hover { 
color :#66ffff ;
text-decoration: none;
}

.menu-contents p {
	margin : 0px 0px 3px 0px ;
}

.menu-contents hr {
        color : #333399 ;
        height : 1px ;
        background-color : transparent ;
	border :  ;
	padding : 0px 0px 0px 0px ;
	margin : 0px 0px 0px 0px ;
}

.menu input {
	width :  ;
}

.menu form input {
        color : #3e79c1  ;
        border : solid 1px #3e79c1 ;
        margin :3px 3px 3px 3px ;
}

.menu table {
	text-align : center ;
	font-size : 12px ;
	width : 160px ;
}

/*---------------------------------------------*/
/*                   カレンダー                   */
/*---------------------------------------------*/
.calender {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 95% ;
	line-height : 150% ;
}

.calender-focus {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 95% ;
	font-weight : bold ;
	line-height : 150% ;
	color : #3e79c1 ;
        background-image : url("http://img.doblog.com/51000/u50654/1000/FI1933916_2E.gif") ;
        background-repeat : no-repeat ;
        background-position : center center ;
}

/*---------------------------------------------*/
/*                     記事　                     */
/*---------------------------------------------*/
.blog {
	width : 500px ;
	background-color :  ;
	border : none ;
	float : left ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

.blog-header {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size :  ;
	line-height : 150% ;
	font-weight : bold ;
	color: #333333 ;
	padding : 0px 0px 0px 0px  ;
	margin : 0px 0px 0px 0px  ;
	voice-family : "\"}\"";
	voice-family : inherit;
        display : none ;
}

.blog-contents {
	padding : 0px 0px 0px 0px ;
	margin : 0px 0px 0px 0px  ;
	voice-family : "\"}\"";
	voice-family : inherit;
        color : #4e5b7e ;
}

.blog-number {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 65% ;
	line-height : 150% ;
	text-align : left ;
	padding : 5px 0px 0px 0px ;
}

.blog-category {
}

.blog-genre {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 75% ;
	line-height : 150% ;
	padding : 5px 0px 4px 5px ;
	margin : 5px 0px ;
	border : 1px dotted #1531d5 ;
}

.blog-search {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 75% ;
	line-height : 150% ;
	padding : 5px 0px 4px 5px ;
	margin : 5px 0px ;
	border : 0px dotted #1531d5 ;
}

.blog-pageselect {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 75% ;
	line-height : 150% ;
	text-align : left ;
	padding : 5px 5px 4px 5px ;
	margin : 5px 0px ;
        border : 0px dotted #1531d5 ;
}

.blog-date {
	font-size : 75% ;
	padding : 20px 0px 10px 0px ;
	margin : 10px 0px 0px 0px ; 
	clear : both ;
        color : #3e79c1 ;
        font-weight : bold ;
}

.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 : 65% ; 
	color : #596891 ;
	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 : #dfdfff ;
	padding : 10px 0px 2px 30px ;
	margin : 0px 0px 5px 0px ; 
	border-bottom : 2px dotted #3e79c1 ;
        background-image : url("http://img.doblog.com/51000/u50654/1000/FI1933916_3E.gif") ;
        background-repeat : no-repeat ;
        background-position : left top ;
}

.blog-title-title a:link { 
color : #dfdfff ;
text-decoration: none;
}

.blog-title-title a:visited { 
color : #dfdfff ;
text-decoration: none;
}

.blog-title-title a:active {
color : #dfdfff ;
text-decoration: none;
}

.blog-title-title a:hover { 
color : #66ffff ;
text-decoration: none;
}

.blog-title-slide {
	font-size : 65% ; 
	text-align : right ;
        color : #1531d5 ;
}

.blog-image {
	overflow : visible ;
	margin : 0px 0px 10px 10px ;
	float : right ;
}
.blog-text {
	padding : 0px 0px 0px 0px ;
        color : #c3c3ff ;
	font-size : 75% ;
	line-height : 150% ;
	word-break : break-all ;
}

.blog-text a:link { 
color : #ff9900 ;
text-decoration: none;
}

.blog-text a:visited { 
color : #ff9900 ;
text-decoration: none;
}

.blog-text a:active {
color : #ff9900 ;
text-decoration: none;
}

.blog-text a:hover { 
color : #66ffff ;
text-decoration: none;
}

.blog-title-slide {
	font-size : 65% ; 
	text-align : right ;
        color : #4e5b7e ;
}


.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 ;
	font-size : 85% ;
	margin-bottom : 10px ;
	clear : both ;
        color : #4e5b7e ;
}

.blog-showmap {
	margin : 10px 0px ;
}

.blog-showmap-text {
/*	font-size : 75%;
	line-height : 125%;*/
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka";
	border : dotted 1px #666666 ;
	padding : 5px ;
}

.blog-linkurl {
	font-size : 85% ;
	padding-bottom : 10px ;
	margin : 0px ; 
        color : #4e5b7e ;
}

.blog-trackback {
	padding-bottom : 15px ;
	font-size : 85% ;
        color : #4e5b7e ;
        border-bottom : dotted 2px #3e79c1 ;
}
.blog-pagetop {
	text-align : right ;
	margin-top : 1.5em ; 
	padding-bottom : 5px ;
        color : #4e5b7e ; 
}

/*---------------------------------------------*/
/*                  ポップアップ                  */
/*---------------------------------------------*/

.blog-popup {
	text-align : left ;
	padding : 5px ;
	margin : 5px ;
	background-color : #000030 ;
	clear : both ;
}

.blog-popup-text {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 75% ;
	line-height : 125% ;
        color : #d9d9ff ;
}

.blog-popup-text .blog-title-title {
	border : none ;
}

.blog-popup-text .list-pagenumber {
	display : block ;
	border-bottom : solid 1px #1534d5 ;
	padding-bottom : 8px ;
	margin-bottom : 5px ;
}

.blog-popup-text input {
	width : 450px ;
        border : solid 1px #1534d5 ;
        background-color : #000030 ;
        color : #0066ff ;
}

.blog-popup-text textarea {
	width : 450px ;
	margin-bottom : 10px ;
        border : solid 1px #1531d5 ;
        color : #d9d9ff ;
        background-image : url("http://img.doblog.com/51000/u50654/1000/FI1933916_5E.gif") ;
        background-repeat : no-repeat ;
        background-position : right bottom ;
        background-color : #000030 ;
}

メニューフレームが表示されていない場合は→ HOME