From 9fe42ec0b37710140a17055579c2a516c77936f3 Mon Sep 17 00:00:00 2001 From: saneyuki_s Date: Tue, 9 Apr 2013 22:07:10 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=E6=94=B9=E8=A1=8C=E3=82=B3=E3=83=BC?= =?UTF-8?q?=E3=83=89=E3=82=92LF=E3=81=AB=E7=B5=B1=E4=B8=80=E3=81=99?= =?UTF-8?q?=E3=82=8B=20(#41)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 404.php | 36 +- admin/admin.css | 57 +- page.php | 82 +- rtl.css | 306 ++--- style.css | 2976 ++++++++++++++++++++++++----------------------- 5 files changed, 1736 insertions(+), 1721 deletions(-) diff --git a/404.php b/404.php index de1f797..65e14cc 100644 --- a/404.php +++ b/404.php @@ -1,18 +1,18 @@ - - -
-

Error 404 - Not Found

-
-
-

ごめんなさい、リクエストされたページは見つかりません。

-
- - - + + +
+

Error 404 - Not Found

+
+
+

ごめんなさい、リクエストされたページは見つかりません。

+
+ + + diff --git a/admin/admin.css b/admin/admin.css index 02c6b55..ec39e83 100644 --- a/admin/admin.css +++ b/admin/admin.css @@ -1,29 +1,30 @@ -@charset "utf-8"; - -/* - * style for admin page - */ - -.metadata-form-list { - width: 97%; -} -.metadata-form-list > dd { - margin-left: 0; - margin-bottom: 1em; -} -.metadata-form-list > dd input { - width: 100%; - -moz-box-sizing: inherit; - -webkit-box-sizing: inherit; - -ms-box-sizing: inherit; - box-sizing: inherit; -} - -input:-moz-placeholder, -textarea:-moz-placeholder { - color: gray; -} -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: gray; +@charset "utf-8"; + +/* + * style for admin page + */ + +.metadata-form-list { + width: 97%; + margin-left: 0 auto; +} +.metadata-form-list > dd { + margin-left: 0; + margin-bottom: 1em; +} +.metadata-form-list > dd input { + width: 100%; + -moz-box-sizing: inherit; + -webkit-box-sizing: inherit; + -ms-box-sizing: inherit; + box-sizing: inherit; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: gray; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: gray; } diff --git a/page.php b/page.php index 58a9ff5..18fc49b 100644 --- a/page.php +++ b/page.php @@ -1,41 +1,41 @@ - - -
- - - -
- -

- -
- - -
- -
- - -Sorry, no posts matched your criteria

'; - endif; -?> - -
- - + + +
+ + + +
+ +

+ +
+ + +
+ +
+ + +Sorry, no posts matched your criteria

'; + endif; +?> + +
+ + diff --git a/rtl.css b/rtl.css index 3229383..00e4ee8 100644 --- a/rtl.css +++ b/rtl.css @@ -1,153 +1,153 @@ -/* -Theme name: modest 2.0 -Editors: Enseki -Persian WordPress Project : wp-persian.com -*/ -body,.commentlist li,#commentform input,#commentform textarea,#commentform p,#sidebar,#wp-calendar caption - { - font-family: tahoma, arial; -} - -#page { - text-align: right; - direction: rtl; -} - -h1,h2,h3,#sidebar h2 { - font-family: arial, tahoma; -} - -.commentlist li .avatar { - float: left; -} - -.commentlist li { - padding: 5px 10px 10px 5px; -} - -.commentlist li ul li { - margin-left: -5px; - margin-right: 10px; -} - -.commentlist p { - margin: 10px 0 10px 5px; -} - -#header { - margin: 0 1px 0 0; -} - -.narrowcolumn { - float: right; - padding: 0 45px 20px 0; -} - -.widecolumn { - margin: 5px 150px 0 0; -} - -.widecolumn .smallattachment { - margin: 5px 0 5px 5px; -} - -.postmetadata { - clear: right; -} - -#sidebar { - margin-left: 0; - margin-right: 545px; -} - -img.alignright { - margin: 0 7px 2px 0; -} - -img.alignleft { - margin: 0 0 2px 7px; -} - -.alignright { - float: left; -} - -.alignleft { - float: right; -} - -code { - display: block; - direction: ltr; - text-align: left; -} - -acronym,abbr,span.caps { - letter-spacing: 0; /* fix opera bug */ -} - -html>body .entry ul { - padding: 0 10px 0 0; - text-indent: 10px; -} - -html>body .entry li { - margin: 7px 10px 8px 0; -} - -.entry ol { - padding: 0 35px 0 0; -} - -#sidebar ul ul,#sidebar ul ol { - margin: 5px 10px 0 0; -} - -#sidebar ul ul ul,#sidebar ul ol { - margin: 0 10px 0 0; -} - -#commentform { - margin: 5px 0 0 10px; -} - -#commentform input { - margin: 5px 0 1px 5px; -} - -#commentform #submit { - float: left; -} - -.commentlist p { - margin: 10px 0 10px 5px; -} - -.children .even,.alt { - border-left: 0; - border-right: 1px solid #ddd; -} - -#wp-calendar #next a { - padding-right: 0; - padding-left: 10px; - text-align: left; -} - -#wp-calendar #prev a { - padding-left: 0; - padding-right: 10px; - text-align: right; -} - -blockquote { - margin: 15px 10px 0 30px; - padding-left: 0; - padding-right: 20px; - border-left: 0 none; - border-right: 5px solid #ddd; -} - -#email,#url { - direction: ltr; -} +/* +Theme name: modest 2.0 +Editors: Enseki +Persian WordPress Project : wp-persian.com +*/ +body,.commentlist li,#commentform input,#commentform textarea,#commentform p,#sidebar,#wp-calendar caption + { + font-family: tahoma, arial; +} + +#page { + text-align: right; + direction: rtl; +} + +h1,h2,h3,#sidebar h2 { + font-family: arial, tahoma; +} + +.commentlist li .avatar { + float: left; +} + +.commentlist li { + padding: 5px 10px 10px 5px; +} + +.commentlist li ul li { + margin-left: -5px; + margin-right: 10px; +} + +.commentlist p { + margin: 10px 0 10px 5px; +} + +#header { + margin: 0 1px 0 0; +} + +.narrowcolumn { + float: right; + padding: 0 45px 20px 0; +} + +.widecolumn { + margin: 5px 150px 0 0; +} + +.widecolumn .smallattachment { + margin: 5px 0 5px 5px; +} + +.postmetadata { + clear: right; +} + +#sidebar { + margin-left: 0; + margin-right: 545px; +} + +img.alignright { + margin: 0 7px 2px 0; +} + +img.alignleft { + margin: 0 0 2px 7px; +} + +.alignright { + float: left; +} + +.alignleft { + float: right; +} + +code { + display: block; + direction: ltr; + text-align: left; +} + +acronym,abbr,span.caps { + letter-spacing: 0; /* fix opera bug */ +} + +html>body .entry ul { + padding: 0 10px 0 0; + text-indent: 10px; +} + +html>body .entry li { + margin: 7px 10px 8px 0; +} + +.entry ol { + padding: 0 35px 0 0; +} + +#sidebar ul ul,#sidebar ul ol { + margin: 5px 10px 0 0; +} + +#sidebar ul ul ul,#sidebar ul ol { + margin: 0 10px 0 0; +} + +#commentform { + margin: 5px 0 0 10px; +} + +#commentform input { + margin: 5px 0 1px 5px; +} + +#commentform #submit { + float: left; +} + +.commentlist p { + margin: 10px 0 10px 5px; +} + +.children .even,.alt { + border-left: 0; + border-right: 1px solid #ddd; +} + +#wp-calendar #next a { + padding-right: 0; + padding-left: 10px; + text-align: left; +} + +#wp-calendar #prev a { + padding-left: 0; + padding-right: 10px; + text-align: right; +} + +blockquote { + margin: 15px 10px 0 30px; + padding-left: 0; + padding-right: 20px; + border-left: 0 none; + border-right: 5px solid #ddd; +} + +#email,#url { + direction: ltr; +} diff --git a/style.css b/style.css index c26bfee..8c736e3 100644 --- a/style.css +++ b/style.css @@ -1,1481 +1,1495 @@ -@charset "utf-8"; -/* - * Theme Name: modest 3.0 - * Version : 3.0 - * Author : Enseki - */ - -/************************************************ - * basic - */ -body, table *, form * { - color: #333; - font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans", - "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana, - "ＭＳ Ｐゴシック","MS PGothic","VL Pゴシック","Takao Pゴシック","IPA Pゴシック", - sans-serif; -} -section, div { - display: block; - padding: 0; - margin: 0; -} -img, video { - max-width: 100%; - height: auto; -} -iframe { - max-width: 100%; -} - -/* Images */ -img { - border: none; -} -.entry-body img { - padding: 1px; - background-color: #fff; - border: 1px solid #fff; - box-shadow: 0 1px 1px rgba(0,0,0,.1); - -moz-transition: all .5s ease; - -webkit-transition: all .5s ease; - -o-transition: all .5s ease; - -ms-transition: all .5s ease; - transition: all .5s ease; -} -.entry-body a:hover img, -.entry-body a:focus img, -.entry-body a:active img { - border-color: #872727; -} -.entry-body .wp-smiley { - margin: 0; - border: 0; - padding: 0; - background: transparent; - box-shadow: none; -} - - -/* Alignment */ -.alignleft { - float: left; - margin: 0 24px .5em 0; -} -a .alignleft { - margin: 0 24px .5em 0; -} -.alignright { - float: right; - margin: 0 0 .5em 24px; -} -a .alignright { - margin: 0 0 .5em 24px; -} -.aligncenter { - display: block; - margin: 0 auto 1.5em; -} -.wp-caption { - max-width: 100%; - margin-bottom: .75em; - background: #fff; - box-shadow: 0 1px 1px rgba(0,0,0,.1); - padding: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; -} -.wp-caption.aligncenter { - clear: both; - margin: 0 auto 1.5em; -} -.wp-caption img { - display: block; - margin: 0; - border: 1px solid transparent; - max-width: 100%; - box-shadow: none; -} -.wp-caption.aligncenter img { - margin: 0 auto; -} -.wp-caption .wp-caption-text { - margin: .75em 5px 0; - font-size: .923em; - line-height: 1.2; - text-align: center; -} - - -/* headline */ -h1, h2, h3, h4, h5, h6 { - text-shadow: 0 1px 0 rgba(255, 255, 255, .75); - font-weight: normal; -} -/* link */ -a{ - color: #af3232; - text-decoration:none; -} -a:hover,a:active{ - color: #872727; - text-decoration:underline; -} -/* ::selection pseudo-element */ -::-moz-selection { - background: #6bd7f3; - color: #000; - text-shadow: none; -} -::selection { - background: #6bd7f3; - color: #000; - text-shadow: none; -} -img::-moz-selection { - background: transparent; -} -img::selection { - background: transparent; -} - - - -/************************************************ - * common parts - */ - -/* entry's title */ -.post-title { - font-size: 2em; - font-weight: normal; - display: inline-block; - margin-top: 28px; - margin-bottom: 12px; - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} -/* "edit" button */ -.edit_post { - display: inline-block; -} -/* avatar icon */ -.avatar { - margin-right: .8em; - border: 1px solid #fff; - border: 1px solid rgba(255, 255, 255, .4); -} -.author-link > .avatar, -.post-title > .avatar { - vertical-align: middle; -} -.author-link:hover > .avatar { - border-color: inherit; -} - -.project-icon { - padding: 10px; -} -.event-map { - margin: 16px 8px; - text-align: right; -} -.map-caption { - display: block; - font-size: .8em; -} -.map-caption:before { - content: "»"; -} - -/* navigation */ -.navigation { - display: block; - background: #fff; - box-shadow: 0 0 0 1px #fff inset; - border-bottom: 1px solid #ddd; - padding: 10px; -} - -/* post's metadata*/ -.postmeta { - background: #f0ece3; - background: rgba(0,0,0,.02); - box-shadow: inset 0 0 3px rgba(0,0,0,.1); - padding: 10px; - margin: 0; - font-size: .9em; -} -.postmeta .postmeta-title { - display: none; - - -} -.postmeta .postmeta-content { - display: inline-block; -} -.postmeta .postmeta-content { - margin: 0 10px 0 0; - padding-left: 10px; - border-left: 1px solid #ddd; -} -.postmeta .author.postmeta-content { - margin-left: 0; - border-left: none; - font-style: normal; -} - - -/* entry body */ -.entry-body { - font-size: .95em; - line-height: 1.8em; -} -.entry-body h2, -.entry-body h3, -.entry-body h4, -.entry-body h5, -.entry-body h6 { - margin-top: 2.2em; - margin-bottom: .25em; - font-weight: bold; -} -.entry-body > *:first-child { - margin-top: 1em; -} -.entry-body ol > li, -.entry-body ul > li { - margin-bottom: .5em; -} - -/* projects list */ -.postmeta-project { - clear: both; - border-bottom: 1px solid rgba(255,255,255,.5); - margin: 0; - padding: 12px 24px 8px; - background: #fff; - background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - box-shadow: 0 1px 1px rgba(0,0,0,.1); -} -.postmeta-project { - font-size: .785em; -} -.meta-project-list { - padding: 0; - margin: 0; -} -.meta-project-list-item { - display: inline-block; - list-style-type: none; - margin-right: .5em; -} -.meta-project-list-item:after { - content: ","; -} -.meta-project-list-item:last-child:after { - content: ""; -} - -/* topics */ -.feed-article { - margin: 2em 0 2.5em; -} -.feed-article-title { - display: inline-block; - font-size: 1.5em; - margin-top: 0; - margin-bottom: 0; - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} -.feed-article .edit_post { - float: right; -} -.feed-article .edit_post + * { - clear: both; -} - -.navigation-list { - padding: 0; - margin: 0; - list-style-type: none; - text-align: right; -} -.navigation-list-item { - display: inline-block; - padding: 0 .7em; - border-right: 1px dotted #d6d6d6; - margin: 0; -} -.navigation-list-item:last-child { - padding-right: 0; - border-right: none; -} - - -/* - * Mozilla Sandstone - * blue button style - */ -.button-blue,.button-blue:link,.button-blue:visited{ - display:inline-block; - *display:inline; - *zoom:1; - -moz-border-radius:.25em; - border-radius:.25em; - -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2); - -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2); - box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2); - color:#fff; - text-align:center; - font-size:14px; - text-decoration:none; - padding:0 24px; - height:48px; - line-height:48px; - border:0; - text-shadow:0 1px 0 rgba(0,0,0,.25); - font-family:sans-serif; - -webkit-transition:all linear .25s; - -moz-transition:all linear .25s; - -o-transition:all linear .25s; - -ms-transition:all linear .25s; - transition:all linear .25s; - background-color:#276195; - background-repeat:repeat-x; - background-image:-khtml-gradient(linear,left top,left bottom,from(#3c88cc),to(#276195)); - background-image:-moz-linear-gradient(#3c88cc,#276195); - background-image:-ms-linear-gradient(#3c88cc,#276195); - background-image:-webkit-gradient(linear,left top,left bottom,from(#3c88cc),to(#276195)); - background-image:-webkit-linear-gradient(#3c88cc,#276195); - background-image:-o-linear-gradient(#3c88cc,#276195); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc',endColorstr='#276195',GradientType='0'); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc',endColorstr='#276195',GradientType='0')"; - background-image:linear-gradient(to bottom, #3c88cc,#276195); -} -.button-blue:hover,.button-blue:link:hover,.button-blue:visited:hover{ - text-decoration:none; - -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8; - -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8; - box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8; - -webkit-transition:all linear .25s; - -moz-transition:all linear .25s; - -o-transition:all linear .25s; - -ms-transition:all linear .25s; - transition:all linear .25s -} -.button-blue:active,.button-blue:link:active,.button-blue:visited:active{ - text-decoration:none; - -webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); - -moz-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); - box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); - -webkit-transition:all linear .25s; - -moz-transition:all linear .25s; - -o-transition:all linear .25s; - -ms-transition:all linear .25s; - transition:all linear .25s -} -.button-blue small,.button-blue:link small,.button-blue:visited small{ - text-decoration:none; - display:block -} - -/* - * Mozilla Sandstone - * secondary button style - */ -.button-white,.button-white:link,.button-white:visited{ - display:inline-block; - *display:inline; - *zoom:1; - text-align:center; - text-decoration:none; - font-family:sans-serif; - -webkit-transition:all linear .25s; - -moz-transition:all linear .25s; - -o-transition:all linear .25s; - -ms-transition:all linear .25s; - transition:all linear .25s; - border:1px solid #d0d0d0; - background:#fff; - padding:0 12px; - color:#484848; - font-size:12px; - height:24px; - line-height:24px; - text-shadow:none; - -webkit-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; - -moz-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; - box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; - -moz-border-radius:6px; - border-radius:6px; - filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.button-white:hover,.button-white:link:hover,.button-white:visited:hover{ - -webkit-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; - -moz-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; - box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; - text-decoration:none; - -webkit-transition:all linear .25s; - -moz-transition:all linear .25s; - -o-transition:all linear .25s; - -ms-transition:all linear .25s; - transition:all linear .25s -} -.button-white:active,.button-white:link:active,.button-white:visited:active{ - -webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); - -moz-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); - box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); - color:#fff; - text-decoration:none; - -webkit-transition:all linear .25s; - -moz-transition:all linear .25s; - -o-transition:all linear .25s; - -ms-transition:all linear .25s; - transition:all linear .25s -} -.button-white small,.button-white:link small,.button-white:visited small{ - display:block -} -.button-white.selected{ - background:#d7d5d5; - border-color:#bcb9b9; - text-shadow:0 1px #fff; - -webkit-box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset; - -moz-box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset; - box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset -} - - - -/************************************************ - * layout - */ -body { - margin: 0; - background: url("./images/sandstone/bg-sand.png") repeat-x scroll 0 0 #F5F1E8; - border-top: 2px solid #fff; -} -#page { - width: 1050px; - padding: 0 1em; - margin: 0 auto; - -moz-transition: width .5s linear; - -webkit-transition: width .5s linear; - -o-transition: width .5s linear; - -ms-transition: width .5s linear; - transition: width .5s linear; -} -#content { - display: block; - float: left; - width: 750px; - -moz-transition: width .5s linear; - -webkit-transition: width .5s linear; - -o-transition: width .5s linear; - -ms-transition: width .5s linear; - transition: width .5s linear; -} -#sidebar{ - display: block; - float: right; - width: 230px; - -moz-transition: width .5s linear; - -webkit-transition: width .5s linear; - -o-transition: width .5s linear; - -ms-transition: width .5s linear; - transition: width .5s linear; -} -#mozilla_ring { - width: 1050px; -} - -/************************************************ - * header - */ -#site-title { - padding-top: 21px; - margin-top: 0; -} -#site-title-image { - border: none; -} - -#header-nav { - float: right; - text-transform: uppercase; -} -#header-nav > ol { - margin: 0; -} -.header-nav-item { - display: inline-block; - list-style-type: none; - padding: 12px; - -moz-transition: display .5s linear; - -webkit-transition: display .5s linear; - -o-transition: display .5s linear; - -ms-transition: display .5s linear; - transition: display .5s linear; -} -.header-nav-item > a, -.header-nav-item > a:hover, -.header-nav-item > a:visited { - color: #484848; - text-decoration:none; -} - -/* tabzilla */ -#tabzilla { - float: right; - display: block; -/* background: url(./images/tab.png); */ - height: 45px; - width: 150px; - position: relative; - text-indent: -2000px; - overflow: hidden; - z-index: 999; -} -/* -#tabzilla:after { - background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX%2F%2F%2F9ISEhr7AOpAAAAAXRSTlMAQObYZgAAACVJREFUCNdjYEACHAIMMhYMdjUM8j8Y%2BD8wsD9gYD7AwNiArAQAd4oFaCu14IQAAAAASUVORK5CYII%3D); - content: " "; - position: absolute; - height: 16px; - width: 16px; - top: 11px; - right: 23px; - -moz-transform: rotate(0); - -webkit-transform: rotate(0); - transform: rotate(0); - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - border-radius: 8px; -} -*/ -#tabzilla { - background-image: url("./images/tabzilla-tab.png") !important; - background-repeat: no-repeat; -} -/* -#tabzilla:after { - background: none repeat scroll 0 0 transparent; -} -*/ - -/************************************************ - * content - */ -#content { - padding-bottom: 30px; -} -#content > section { - margin-bottom: 4em; -} - -/* top page */ -.topsection-title { - margin: 0; - font-size: 2em; - font-weight: normal; - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} -#hottopic > .topsection-title { - margin-top: 28px; -} -#hottopic-list { - background: url("images/dino.png") no-repeat right 0 #fff; - box-shadow: 0 0 0 1px #fff inset; - border-bottom: 1px solid #ddd; - padding: 20px; - margin: 15px 0; - -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1); - box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1); -} -.hottopic-item { - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} -.hottopic-item > a { - background: rgba(255, 255, 255, .5); -} - -.top-event-section { - background: #fff; - padding: 20px; - margin: .5em 0 1.5em; - -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1); - box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1); -} -.top-event-section > .event-time { - display: inline-block; - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} -.top-event-section > .event-title { - display: block; - margin: 0; - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} - -/* archive page */ -.archive-post-title { - font-size: 2em; - font-weight: normal; - margin-bottom: 10px; -} -.archive-post_header > .archive-post-title { - display: inline-block; -} -.archive-post { - margin-bottom: 5em; -} -.archive-post.list { - margin-bottom: 2.5em; -} -.archive-post.list .archive-post-title { - font-size: 1.5em; -} - -/* search result */ -.searchresult-article { - margin: 1em 0 3em; -} -.searchresult-article-title { - display: inline-block; - font-size: 1.5em; - margin-top: 0; - margin-bottom: 0; -} -.searchresult-article .edit_post { - float: right; -} -.searchresult-article .edit_post + * { - clear: both; -} - - -/* project & event page */ -.projectmeta, -.eventmeta, -.authormeta { - border-bottom: 1px solid rgba(255,255,255,.5); - padding: 10px 20px; - margin: 0; - background: #fff; - background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - box-shadow: 0 1px 1px rgba(0,0,0,.1); -} - -.projectmeta .project-icon, -.eventmeta .event-map { - float: right; -} -/* claer fix */ -.projectmeta:after, -.eventmeta:after { - content: " "; - display: block; - clear: both; -} -.event-map + .event-metadata-list { - width: 294px; - width: -moz-calc(100% - 416px); - width: -webkit-calc(100% - 416px); - width: -o-calc(100% - 416px); - width: calc(100% - 416px); -} - -/* project page */ -#project-latest-topics-list > h2, -#author-latest-topics-list > h2 { - font-size: 2em; - margin: 1em 0 .5em; -} -.entry-body.project-description { - padding-bottom: 3em; - border-bottom: 1px dotted #ccc; - margin-bottom: 3em; -} - - -/* author page*/ -.authormeta { - margin-top: 1em; -} - - -/* project & event list page */ -.event-section, -.project-section { - clear: both; - border-bottom: 1px solid rgba(255,255,255,.5); - margin: 3em 0; - padding: 12px 24px 8px; - background: #fff; - background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); - box-shadow: 0 1px 1px rgba(0,0,0,.1); -} -.event-header, -.project-header { - border-bottom: 1px dotted #ccc; -} -.event-title, -.project-title { - display: inline-block; - font-size: 1.5em; - margin-top: 0; - margin-bottom: 0; -} -.project-footer .project-icon { - float: right; -} - -/* claer fix */ -.project-footer:after { - content: " "; - display: block; - clear: both; -} -.event-metadata-list > .metadata-list-title, -.project-metadata-list > .metadata-list-title, -.author-metadata-list > .metadata-list-title { - margin: 0; - font-size: .9em; - font-weight: bold; -} -.event-metadata-list > .metadata-list-content, -.project-metadata-list > .metadata-list-content, -.author-metadata-list > .metadata-list-content { - margin: 0 0 1.5em 1em; -} - - -/************************************************ - * sidebar - */ -#sidebar { - padding: 10px; - margin: 0 0 20px; -} - -#sidebar > * { - border-bottom: 1px dotted #ccc; -} -#sidebar-button-group { - padding: 0; - margin: 0; -} - -#sidebar-button-group li { - display: block; - margin: 1em 0; -} - -#sidebar-button-group .button-blue, -#sidebar-button-group .button-blue:link, -#sidebar-button-group .button-blue:visited { - display:block; - padding:0 12px; - font-size: 18px; -} -#sidebar-button-group .join { - white-space: nowrap; -} -#sidebar-about, -#sidebar-search, -#sidebar-event, -#sidebar-project > h3 { - margin: 0; -} -#sidebar-about > a, -#sidebar-search, -#sidebar-event > a, -#sidebar-project > h3 > a { - display: block; - padding: 17px 0; - margin: 0; -} -#sidebar > *:last-child { - border-bottom: none; -} -#sidebar-project-list { - padding-left: 0; - margin: 0 0 0 15px; -} -#sidebar-project-list > li { - list-style-type: none; - border-bottom: 1px dotted #ccc; -} -#sidebar-project-list a { - padding: 8px 0; - display: block; -} - -#searchform > label { - display: none; -} -#searchform > #s { - padding: 6px 5px; - width: 94%; - border: 1px solid #ccc; - border-radius: 6px; - font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; - background: rgba(255,255,255,.8); - -webkit-appearance: textfield; - -moz-appearance: textfield; - -o-appearance: textfield; - appearance: textfield; - box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset; -} -#searchform > #searchsubmit { - display: none; -} - -/************************************************ - * @Forms - */ -input[type=email], -input[type=url], -input[type=search], -input[type=password], -input[type=text], -textarea { - font-size: .857em; - border: 1px solid #dbdbdb; - background: transparent; - background: rgba(0,0,0,.05); - box-shadow: inset rgba(0,0,0,.1) 0 0 4px, rgba(255,255,255, .1) 0 1px 0; - padding: 6px 10px; - -moz-transition: all .1s linear; - -webkit-transition: all .1s linear; - -ms-transition: all .1s linear; - -o-transition: all .1s linear; - transition: all .1s linear; -} -input[type=email]:hover, -input[type=url]:hover, -input[type=search]:hover, -input[type=password]:hover, -input[type=text]:hover, -textarea:hover { - border-color: #bbb; - background: rgba(0,0,0,.03); -} -input[type=email]:focus, -input[type=url]:focus, -input[type=search]:focus, -input[type=password]:focus, -input[type=text]:focus, -textarea:focus { - border-color: #bbb; - background: #fafafa; - outline: 0 none; - box-shadow: inset rgba(0,0,0,.3) 0 0 4px, rgba(255,255,255, .1) 0 1px 0; -} - -form li { - margin-bottom: 1em; -} -label { - display: block; - padding: 0 0 .5em; -} -label .note { - color: #666; -} - -.pwform { - margin: 0 0 1.5em; -} -.pwform br { - display:none; -} -/************************************************ - * @Comments - */ -.comments-head { - clear: both; - margin: 48px 0 24px; -} -#comment-list { - list-style: none; - margin: 0 0 48px; - padding: 0; -} -#comment-list .comment, -#comment-list .pingback, -#comment-list .trackback { - font-size: .875em; - padding: 19px; - margin: 0 0 24px; - background: #fff; - border: 1px solid #ccc; - border-color: rgba(0,0,0,.05); - -o-box-shadow: 0 1px 1px rgba(0,0,0,.1); - -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1); - box-shadow: 0 1px 1px rgba(0,0,0,.1); -} -#comment-list .alt { - background: #f7f7f7; - -o-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); - -ms-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); - box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); -} -#comment-list .byuser { - border-color: #dccccc; - -o-box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1); - -ms-box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1); - box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1); -} - -#comment-list.av .comment { - position: relative; padding-left: 92px; min-height: 70px; -} - -#comment-list .entry-title { - font-size: 1.25em; - min-height: 0; - letter-spacing: normal; - margin: 0 0 1.5em; -} -#comment-list .author { - font-style: normal; -} -#comment-list .entry-title cite { - font-style: normal; -} -#comment-list .comment-meta { - font-size: .857em; -} - -#comment-list .avatar { - position: absolute; - left: 19px; - top: 19px; - border: 1px solid #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1); - -moz-transition: all .1s linear; - -webkit-transition: all .1s linear; - -o-transition: all .1s linear; - -ms-transition: all .1s linear; - transition: all .1s linear; -} -#comment-list a:hover .avatar, -#comment-list a:focus .avatar, -#comment-list a:active .avatar { - border-color: inherit; -} - -#comment-list .entry-content p, -#comment-list .entry-content pre, -#comment-list .entry-content blockquote { - margin: .75em 0 0; -} -#comment-list .mod { - margin-top: 1em; - border: 1px solid #f0dfc0; - color: #3c3c3c; - font-size: 1.07em; - text-align: center; - padding: .5em 15px; - background: #fff2db; -} - -#comment-list .comment-util { - margin: 1em 0 0; - font-size: .846em; -} -#comment-list .comment-reply-link:after { - content: "\00A0\00BB"; - font-size: 1.2em; -} /* nbsp raquo */ -#comment-list .comment-util .edit { - margin-left: 20px; -} - -#comment-list ol.children { - list-style: none; - margin: 24px 0 0; -} -#comment-list ol.children .comment { - font-size: 1em; - margin: 0 0 0 -72px; -} - -/* @Comment @Form *********/ -#comment-form { - position: relative; - padding: 3em 0 0; -} -#comment-form legend span { - position: absolute; - top: 0; - margin: 0 0 .25em; - letter-spacing: -1px; - font-size: 1.5em; -} -#comment-form .self { - margin-bottom: 1em; -} -#comment-form .self .logout { - font-size: .923em; - margin-left: 1em; -} - -#comment-list #respond { - width: auto; - margin: 1em 20px; -} -#comment-list .children #respond { - margin-left: -50px; -} -#cancel-comment-reply { - position: absolute; - right: 0; - font-size: .857em; - top: .15em; -} -#cancel-comment-reply a { - display: inline-block; - margin-left: 20px; - padding: 1px 5px; - border: 1px solid #ccc; - border-radius: 4px; - background: #eee; - background: -moz-linear-gradient(#fff, #eee); - background: -webkit-linear-gradient(#fff, #eee); - background: linear-gradient(to bottom, #fff, #eee); -} -#cancel-comment-reply a:hover, -#cancel-comment-reply a:focus, -#cancel-comment-reply a:active { - border-color: #999; -} - -#comment-form #errors { - border: 1px solid #f0dfc0; - padding: .5em 15px .25em; - background: #fff2db; - margin-bottom: 1em; -} -#comment-form #errors p { - margin-bottom: .5em; -} -#comment-form .err { - background: #fff2db; -} - -#comment-form input, #comment-form textarea { - font-size: .857em; - width: 96%; -} - -#comment-form > fieldset, -#comment-form ol { - padding: 0; - border: none; - margin: 0; -} -#comment-form li { - margin-bottom: .7em; - list-style-type: none; -} -#comment-form input, -#comment-form textarea { - margin-top: .2em; -} - -#comments > .comments-head { - padding-top: .5em; - border-top: 1px dotted #ccc; - margin-top: 3em; -} - - - -/************************************************ - * footer - */ -#footer { - display: block; - clear: both; - width: 100%; - margin: 0 auto; - padding: 25px 0; - background: #fff; - border-top: 1px solid rgba(0, 0, 0, .1); -} -#mozilla_ring { - padding: 0; - margin: 0 auto; -} -#mozilla_ring_title, -.mozilla_ring_category { - float: left; - margin: 0 20px; - -moz-transition: float .5s linear, width .5s linear, font-size .5s linear; - -webkit-transition: float .5s linear, width .5s linear, font-size .5s linear; - -o-transition: float .5s linear, width .5s linear, font-size .5s linear; - -ms-transition: float .5s linear, width .5s linear, font-size .5s linear; - transition: float .5s linear, width .5s linear, font-size .5s linear; -} -#mozilla_ring_title { - margin-left: 0; -} -.mozilla_ring_category_title { - margin-top: 0; - margin-bottom: 2px; - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} -.mozilla_ring_category > ul { - padding: 0; - margin: 10px 0; -} -.mozilla_ring_menu > a { - -moz-transition: font-size .5s linear; - -webkit-transition: font-size .5s linear; - -o-transition: font-size .5s linear; - -ms-transition: font-size .5s linear; - transition: font-size .5s linear; -} -.mozilla_ring_menu { - list-style-type: none; -} -#copyright { - clear: both; - text-align: center; - padding: 30px 0 10px; - margin: 0 auto; - -moz-transition: width .5s linear; - -webkit-transition: width .5s linear; - -o-transition: width .5s linear; - -ms-transition: width .5s linear; - transition: width .5s linear; -} - - - - -/* - * @Tablet - * Inherits styles from: Default Layout. - */ -@media only screen and (min-width: 768px) and (max-width: 1081px) { - #page { - width: 96%; - width: -moz-calc(100% - 32px); - width: -webkit-calc(100% - 32px); - width: -o-calc(100% - 32px); - width: calc(100% - 32px); - padding: 0 16px; - } - #header-nav > ol > li:first-child { - display: none; - } - - #content { - width: 70%; - } - - .eventmeta .event-map { - float: none; - } - .event-map { - text-align: center; - } - .map-caption { - text-align: inherit; - } - - .event-metadata-list { - width: 100%; - } - .event-map + .event-metadata-list { - width: 100%; - } - - #sidebar { - width: 25%; - } - #sidebar-button-group .button-blue, - #sidebar-button-group .button-blue:link, - #sidebar-button-group .button-blue:visited { - font-size: 15px; - } - - .comment-meta { - display: block; - } - - /* footer */ - #mozilla_ring { - width: 85%; - text-align: center; - } - #mozilla_ring_title { - float: none; - font-size: 1.4em; - } - .mozilla_ring_category { - width: 25%; - margin: 2em auto; - } - .mozilla_ring_category_title { - margin-bottom: .5em; - font-size: 1.2em; - } - .mozilla_ring_menu { - margin: .5em 0; - font-size: 1em; - } - #copyright { - width: 85%; - } -} - -/* - * @Mobile - * Inherits styles from: Default Layout. - */ -@media only screen and (max-width: 767px) { - ul, ol { - padding-left: 1em; - } - dd { - margin-left: 1em; - } - blockquote { - margin-left: 1em; - } - - .post-title { - font-size: 1.7em; - } - .postmeta .postmeta-content { - display: block; - border: none; - padding-top: .2em; - padding-bottom: .2em; - } - .meta-project-list-item > a { - padding: .5em; - font-size: 1.2em; - } - - .event-metadata-list { - width: 100%; - } - .event-map + .event-metadata-list { - width: 100%; - } - - .archive-post-title { - font-size: 1.5em; - } - - #page { - width: 85%; - padding: 0; - margin: 0 auto; - } - #header-nav { - display: none; - } - .add-button { - display: none; - } - #site-title-image { - width: 50%; - min-width: 120px; - max-width: 180px; - } - #content { - float: none; - width: 100%; - border-top: 1px dotted #ccc; - border-bottom: 1px dotted #ccc; - } - #content > section { - margin-bottom: 2.5em; - } - #hottopic-list { - background-image: none; - padding: 10px; - } - - .topsection-title { - font-size: 1.7em; - } - .hottopic-item { - font-size: 1.2em; - } - .top-event-section { - padding: 10px; - } - .top-event-section > .event-title { - font-size: 1.4em; - } - - .feed-article-title { - font-size: 1.2em; - } - - .project-footer .project-icon, - .projectmeta .project-icon, - .eventmeta .event-map { - float: none; - } - - .event-map { - text-align: center; - } - .map-caption { - text-align: inherit; - } - - /* sidebar */ - #sidebar { - float: none; - width: 100%; - padding: 0; - margin: 0 auto 3em; - } - #sidebar-project-list { - margin: 0; - padding-left: 20px; - } - #sidebar-project-list a { - padding: 14px auto; - } - - #comment-submit > button { - width: 100% - } - #comment-list.av .comment { - padding-left: 19px; - } - #comment-list ol.children .comment { - margin: 0 -10px -10px; - } - #comment-list .avatar { - display: none; - } - #comment-list .entry-title { - font-size: 1em; - } - .comment-meta { - display: block; - } - - /* footer */ - #mozilla_ring { - width: 95%; - } - #mozilla_ring_title { - float: none; - margin: .5em auto 1em; - font-size: 1.6em; - text-align: center; - } - .mozilla_ring_category { - float: none; - width: 80%; - padding: .8em 0; - border-top: 1px dotted #ccc; - margin: .8em auto; - } - .mozilla_ring_category:last-of-type { - border-bottom: 1px dotted #ccc; - } - .mozilla_ring_category_title { - font-size: 1.4em; - } - .mozilla_ring_menu > a { - display: block; - margin: .3em auto; - font-size: 1.2em; - } - #copyright { - width: 80%; - } -} - -/* - * @Wide-Mobile - * Inherits styles from: Default Layout, Mobile Layout. - */ -@media only screen and (min-width: 480px) and (max-width: 767px) { - #sidebar { - max-width: 500px; - } - - /* footer */ - #mozilla_ring { - width: 85%; - text-align: center; - } - #mozilla_ring_title { - float: none; - font-size: 1.4em; - } - .mozilla_ring_category { - float: left; - width: 40%; - border: none; - margin: 2em auto; - } - .mozilla_ring_category:last-of-type { - border: none; - } - .mozilla_ring_category_title { - margin-bottom: .5em; - font-size: 1.2em; - } - .mozilla_ring_menu > a { - margin: .5em 0; - font-size: 1em; - } - #copyright { - width: 85%; - } -} +@charset "utf-8"; +/* + * Theme Name: modest 3.0 + * Version : 3.0 + * Author : Enseki + */ + +/************************************************ + * basic + */ +body, table *, form * { + color: #333; + font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans", + "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana, + "ＭＳ Ｐゴシック","MS PGothic","VL Pゴシック","Takao Pゴシック","IPA Pゴシック", + sans-serif; +} +section, div { + display: block; + padding: 0; + margin: 0; +} +img, video { + max-width: 100%; + height: auto; +} +iframe { + max-width: 100%; +} + +/* Images */ +img { + border: none; +} +.entry-body img { + padding: 1px; + background-color: #fff; + border: 1px solid #fff; + box-shadow: 0 1px 1px rgba(0,0,0,.1); + -moz-transition: all .5s ease; + -webkit-transition: all .5s ease; + -o-transition: all .5s ease; + -ms-transition: all .5s ease; + transition: all .5s ease; +} +.entry-body a:hover img, +.entry-body a:focus img, +.entry-body a:active img { + border-color: #872727; +} +.entry-body .wp-smiley { + margin: 0; + border: 0; + padding: 0; + background: transparent; + box-shadow: none; +} + + +/* Alignment */ +.alignleft { + float: left; + margin: 0 24px .5em 0; +} +a .alignleft { + margin: 0 24px .5em 0; +} +.alignright { + float: right; + margin: 0 0 .5em 24px; +} +a .alignright { + margin: 0 0 .5em 24px; +} +.aligncenter { + display: block; + margin: 0 auto 1.5em; +} +.wp-caption { + max-width: 100%; + margin-bottom: .75em; + background: #fff; + box-shadow: 0 1px 1px rgba(0,0,0,.1); + padding: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} +.wp-caption.aligncenter { + clear: both; + margin: 0 auto 1.5em; +} +.wp-caption img { + display: block; + margin: 0; + border: 1px solid transparent; + max-width: 100%; + box-shadow: none; +} +.wp-caption.aligncenter img { + margin: 0 auto; +} +.wp-caption .wp-caption-text { + margin: .75em 5px 0; + font-size: .923em; + line-height: 1.2; + text-align: center; +} + + +/* headline */ +h1, h2, h3, h4, h5, h6 { + text-shadow: 0 1px 0 rgba(255, 255, 255, .75); + font-weight: normal; +} +/* link */ +a{ + color: #af3232; + text-decoration:none; +} +a:hover,a:active{ + color: #872727; + text-decoration:underline; +} +/* ::selection pseudo-element */ +::-moz-selection { + background: #6bd7f3; + color: #000; + text-shadow: none; +} +::selection { + background: #6bd7f3; + color: #000; + text-shadow: none; +} +img::-moz-selection { + background: transparent; +} +img::selection { + background: transparent; +} + + + +/************************************************ + * common parts + */ + +/* entry's title */ +.post-title { + font-size: 2em; + font-weight: normal; + display: inline-block; + margin-top: 28px; + margin-bottom: 12px; + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +/* "edit" button */ +.edit_post { + display: inline-block; +} +/* avatar icon */ +.avatar { + margin-right: .8em; + border: 1px solid rgb(255, 255, 255); + border: 1px solid rgba(255, 255, 255, .4); +} +.author-link > .avatar, +.post-title > .avatar { + vertical-align: middle; +} +.author-link:hover > .avatar { + border-color: inherit; +} + +.project-icon { + padding: 10px; +} +.event-map { + margin: 16px 8px; + text-align: right; +} +.map-caption { + display: block; + font-size: .8em; +} +.map-caption:before { + content: "»"; +} + +/* navigation */ +.navigation { + display: block; + background: #fff; + box-shadow: 0 0 0 1px #fff inset; + border-bottom: 1px solid #ddd; + padding: 10px; +} + +/* post's metadata*/ +.postmeta { + background: rgb(240, 236, 227); + background: rgba(0,0,0,.02); + box-shadow: inset 0 0 3px rgba(0,0,0,.1); + padding: 10px; + margin: 0; + font-size: .9em; +} +.postmeta .postmeta-title { + display: none; +} +.postmeta .postmeta-content { + display: inline-block; +} +.postmeta .postmeta-content { + margin: 0 10px 0 0; + padding-left: 10px; + border-left: 1px solid #ddd; +} +.postmeta .author.postmeta-content { + margin-left: 0; + border-left: none; + font-style: normal; +} + + +/* entry body */ +.entry-body { + font-size: .95em; + line-height: 1.8em; +} +.entry-body h2, +.entry-body h3, +.entry-body h4, +.entry-body h5, +.entry-body h6 { + margin-top: 2.2em; + margin-bottom: .25em; + font-weight: bold; +} +.entry-body > *:first-child { + margin-top: 1em; +} +.entry-body ol > li, +.entry-body ul > li { + margin-bottom: .5em; +} + +/* projects list */ +.postmeta-project { + clear: both; + border-bottom: 1px solid rgba(255,255,255,.5); + margin: 0; + padding: 12px 24px 8px; + background: #fff; + background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + box-shadow: 0 1px 1px rgba(0,0,0,.1); +} +.postmeta-project { + font-size: .785em; +} +.meta-project-list { + padding: 0; + margin: 0; +} +.meta-project-list-item { + display: inline-block; + list-style-type: none; + margin-right: .5em; +} +.meta-project-list-item:after { + content: ","; +} +.meta-project-list-item:last-child:after { + content: ""; +} + +/* topics */ +.feed-article { + margin: 2em 0 2.5em; +} +.feed-article-title { + display: inline-block; + font-size: 1.5em; + margin-top: 0; + margin-bottom: 0; + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +.feed-article .edit_post { + float: right; +} +.feed-article .edit_post + * { + clear: both; +} + +.navigation-list { + padding: 0; + margin: 0; + list-style-type: none; + text-align: right; +} +.navigation-list-item { + display: inline-block; + padding: 0 .7em; + border-right: 1px dotted rgb(214, 214, 214); + margin: 0; +} +.navigation-list-item:last-child { + padding-right: 0; + border-right: none; +} + + +/* + * Mozilla Sandstone + * blue button style + */ +.button-blue,.button-blue:link,.button-blue:visited{ + display:inline-block; + *display:inline; + *zoom:1; + -moz-border-radius:.25em; + border-radius:.25em; + -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2); + -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2); + box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2); + color:#fff; + text-align:center; + font-size:14px; + text-decoration:none; + padding:0 24px; + height:48px; + line-height:48px; + border:0; + text-shadow:0 1px 0 rgba(0,0,0,.25); + font-family:sans-serif; + -webkit-transition:all linear .25s; + -moz-transition:all linear .25s; + -o-transition:all linear .25s; + -ms-transition:all linear .25s; + transition:all linear .25s; + background-color:#276195; + background-repeat:repeat-x; + background-image:-khtml-gradient(linear,left top,left bottom,from(#3c88cc),to(#276195)); + background-image:-moz-linear-gradient(#3c88cc,#276195); + background-image:-ms-linear-gradient(#3c88cc,#276195); + background-image:-webkit-gradient(linear,left top,left bottom,from(#3c88cc),to(#276195)); + background-image:-webkit-linear-gradient(#3c88cc,#276195); + background-image:-o-linear-gradient(#3c88cc,#276195); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc',endColorstr='#276195',GradientType='0'); + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc',endColorstr='#276195',GradientType='0')"; + background-image:linear-gradient(to bottom, #3c88cc,#276195); +} +.button-blue:hover,.button-blue:link:hover,.button-blue:visited:hover{ + text-decoration:none; + -webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8; + -moz-box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8; + box-shadow:0 2px 0 0 rgba(0,0,0,.1),inset 0 -2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 2px #3089d8; + -webkit-transition:all linear .25s; + -moz-transition:all linear .25s; + -o-transition:all linear .25s; + -ms-transition:all linear .25s; + transition:all linear .25s +} +.button-blue:active,.button-blue:link:active,.button-blue:visited:active{ + text-decoration:none; + -webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); + -moz-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); + box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); + -webkit-transition:all linear .25s; + -moz-transition:all linear .25s; + -o-transition:all linear .25s; + -ms-transition:all linear .25s; + transition:all linear .25s +} +.button-blue small,.button-blue:link small,.button-blue:visited small{ + text-decoration:none; + display:block +} + +/* + * Mozilla Sandstone + * secondary button style + */ +.button-white,.button-white:link,.button-white:visited{ + display:inline-block; + *display:inline; + *zoom:1; + text-align:center; + text-decoration:none; + font-family:sans-serif; + -webkit-transition:all linear .25s; + -moz-transition:all linear .25s; + -o-transition:all linear .25s; + -ms-transition:all linear .25s; + transition:all linear .25s; + border:1px solid #d0d0d0; + background:#fff; + padding:0 12px; + color:#484848; + font-size:12px; + height:24px; + line-height:24px; + text-shadow:none; + -webkit-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; + -moz-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; + box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; + -moz-border-radius:6px; + border-radius:6px; + filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); +} +.button-white:hover,.button-white:link:hover,.button-white:visited:hover{ + -webkit-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; + -moz-box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; + box-shadow:0 0 12px rgba(230,230,230,.2) inset,0 -2px #e8e8e8 inset; + text-decoration:none; + -webkit-transition:all linear .25s; + -moz-transition:all linear .25s; + -o-transition:all linear .25s; + -ms-transition:all linear .25s; + transition:all linear .25s +} +.button-white:active,.button-white:link:active,.button-white:visited:active{ + -webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); + -moz-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); + box-shadow:inset 0 2px 0 0 rgba(0,0,0,.2),inset 0 12px 24px 6px rgba(0,0,0,.2),inset 0 0 2px 2px rgba(0,0,0,.2); + color:#fff; + text-decoration:none; + -webkit-transition:all linear .25s; + -moz-transition:all linear .25s; + -o-transition:all linear .25s; + -ms-transition:all linear .25s; + transition:all linear .25s +} +.button-white small,.button-white:link small,.button-white:visited small{ + display:block +} +.button-white.selected{ + background:#d7d5d5; + border-color:#bcb9b9; + text-shadow:0 1px #fff; + -webkit-box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset; + -moz-box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset; + box-shadow:0 1px 1px rgba(255,255,255,.75),0 1px 3px rgba(0,0,0,.1) inset +} + + + +/************************************************ + * layout + */ +body { + margin: 0; + background: url("./images/sandstone/bg-sand.png") repeat-x scroll 0 0 #F5F1E8; + border-top: 2px solid rgb(255, 255, 255); +} +#page { + width: 1050px; + padding: 0 1em; + margin: 0 auto; + -moz-transition: width .5s linear; + -webkit-transition: width .5s linear; + -o-transition: width .5s linear; + -ms-transition: width .5s linear; + transition: width .5s linear; +} +#content { + display: block; + float: left; + width: 750px; + -moz-transition: width .5s linear; + -webkit-transition: width .5s linear; + -o-transition: width .5s linear; + -ms-transition: width .5s linear; + transition: width .5s linear; +} +#sidebar{ + display: block; + float: right; + width: 230px; + -moz-transition: width .5s linear; + -webkit-transition: width .5s linear; + -o-transition: width .5s linear; + -ms-transition: width .5s linear; + transition: width .5s linear; +} +#mozilla_ring { + width: 1050px; +} + +/************************************************ + * header + */ +#site-title { + padding-top: 21px; + margin-top: 0; +} +#site-title-image { + border: none; +} + +#header-nav { + float: right; + text-transform: uppercase; +} +#header-nav > ol { + margin: 0; +} +.header-nav-item { + display: inline-block; + list-style-type: none; + padding: 12px; + -moz-transition: display .5s linear; + -webkit-transition: display .5s linear; + -o-transition: display .5s linear; + -ms-transition: display .5s linear; + transition: display .5s linear; +} +.header-nav-item > a, +.header-nav-item > a:hover, +.header-nav-item > a:visited { + color: #484848; + text-decoration:none; +} + +/* tabzilla */ +#tabzilla { + float: right; + display: block; +/* background: url(./images/tab.png); */ + height: 45px; + width: 150px; + position: relative; + text-indent: -2000px; + overflow: hidden; + z-index: 999; +} +/* +#tabzilla:after { + background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX%2F%2F%2F9ISEhr7AOpAAAAAXRSTlMAQObYZgAAACVJREFUCNdjYEACHAIMMhYMdjUM8j8Y%2BD8wsD9gYD7AwNiArAQAd4oFaCu14IQAAAAASUVORK5CYII%3D); + content: " "; + position: absolute; + height: 16px; + width: 16px; + top: 11px; + right: 23px; + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border-radius: 8px; +} +*/ +#tabzilla { + background-image: url("./images/tabzilla-tab.png") !important; +} +/* +#tabzilla:after { + background: none repeat scroll 0 0 transparent; +} +*/ + +/************************************************ + * content + */ +#content { + padding-bottom: 30px; +} +#content > section { + margin-bottom: 4em; +} + +/* top page */ +.topsection-title { + margin: 0; + font-size: 2em; + font-weight: normal; + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +#hottopic > .topsection-title { + margin-top: 28px; +} +#hottopic-list { + background: #fff; + box-shadow: 0 0 0 1px #fff inset; + border-bottom: 1px solid #ddd; + padding: 20px; + margin: 15px 0; + background: url("images/dino.png") no-repeat right 0, + #fff; + -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); +} +.hottopic-item { + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +.hottopic-item > a { + background: rgba(255, 255, 255, .5); +} + +.top-event-section { + background: #fff; + padding: 20px; + margin: .5em 0 1.5em; + -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .1); + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .1); +} +.top-event-section > .event-time { + display: inline-block; + border-bottom: 1px dotted #000; + padding-bottom: .3em; + margin-bottom: 1em; + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +.top-event-section > .event-title { + display: block; + font-size: 2.5em; + margin: 0; + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +#event .posted-year, +#event .posted-month, +#event .posted-day { + font-size: 1.7em; +} + +/* archive page */ +.archive-post-title { + font-size: 2em; + font-weight: normal; + margin-bottom: 10px; +} +.archive-post_header > .archive-post-title { + display: inline-block; +} +.archive-post { + margin-bottom: 5em; +} +.archive-post.list { + margin-bottom: 2.5em; +} +.archive-post.list .archive-post-title { + font-size: 1.5em; +} + +/* search result */ +.searchresult-article { + margin: 1em 0 3em; +} +.searchresult-article-title { + display: inline-block; + font-size: 1.5em; + margin-top: 0; + margin-bottom: 0; +} +.searchresult-article .edit_post { + float: right; +} +.searchresult-article .edit_post + * { + clear: both; +} + + +/* project & event page */ +.projectmeta, +.eventmeta, +.authormeta { + border-bottom: 1px solid rgba(255,255,255,.5); + padding: 10px 20px; + margin: 0; + background: #fff; + background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + box-shadow: 0 1px 1px rgba(0,0,0,.1); +} + +.projectmeta .project-icon, +.eventmeta .event-map { + float: right; +} +/* claer fix */ +.projectmeta:after, +.eventmeta:after { + content: " "; + display: block; + clear: both; +} +.event-map + .event-metadata-list { + width: 294px; + width: -moz-calc(100% - 416px); + width: -webkit-calc(100% - 416px); + width: -o-calc(100% - 416px); + width: calc(100% - 416px); +} + +/* project page */ +#project-latest-topics-list > h2, +#author-latest-topics-list > h2 { + font-size: 2em; + margin: 1em 0 .5em; +} +.entry-body.project-description { + padding-bottom: 3em; + border-bottom: 1px dotted rgb(204, 204, 204); + margin-bottom: 3em; +} + + +/* author page*/ +.authormeta { + margin-top: 1em; +} + + +/* project & event list page */ +.event-section, +.project-section { + clear: both; + border-bottom: 1px solid rgba(255,255,255,.5); + margin: 3em 0; + padding: 12px 24px 8px; + background: #fff; + background: -moz-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: -webkit-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: -o-linear-gradient(left, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + background: linear-gradient(to right, rgba(255,255,255,.75), rgba(255,255,255,.75) 10%, rgba(255,255,255,.1) 50%, rgba(255,255,255,.75) 90%, rgba(255,255,255,.75)); + box-shadow: 0 1px 1px rgba(0,0,0,.1); +} +.event-header, +.project-header { + border-bottom: 1px dotted #ccc; +} +.event-title, +.project-title { + display: inline-block; + font-size: 1.5em; + margin-top: 0; + margin-bottom: 0; +} +.project-footer .project-icon { + float: right; +} +/* claer fix */ +.project-footer:after { + content: " "; + display: block; + clear: both; +} +.event-metadata-list > .metadata-list-title, +.project-metadata-list > .metadata-list-title, +.author-metadata-list > .metadata-list-title { + margin: 0; + font-size: .9em; + font-weight: bold; +} +.event-metadata-list > .metadata-list-content, +.project-metadata-list > .metadata-list-content, +.author-metadata-list > .metadata-list-content { + margin: 0 0 1.5em 1em; +} + + +/************************************************ + * sidebar + */ +#sidebar { + padding: 10px; + margin: 0 0 20px; +} + +#sidebar > * { + border-bottom: 1px dotted rgb(204, 204, 204); +} +#sidebar-button-group { + padding: 0; + margin: 0; +} + +#sidebar-button-group li { + display: block; + margin: 1em 0; +} + +#sidebar-button-group .button-blue, +#sidebar-button-group .button-blue:link, +#sidebar-button-group .button-blue:visited { + display:block; + padding:0 12px; + font-size: 18px; +} +#sidebar-button-group .join { + white-space: nowrap; +} +#sidebar-about, +#sidebar-search, +#sidebar-event, +#sidebar-project > h3 { + margin: 0; +} +#sidebar-about > a, +#sidebar-search, +#sidebar-event > a, +#sidebar-project > h3 > a { + display: block; + padding: 17px 0; + margin: 0; +} +#sidebar > *:last-child { + border-bottom: none; +} +#sidebar-project-list { + padding-left: 0; + margin: 0 0 0 15px; +} +#sidebar-project-list > li { + list-style-type: none; + border-bottom: 1px dotted rgb(204, 204, 204); +} +#sidebar-project-list a { + padding: 8px 0; + display: block; +} + +#searchform > label { + display: none; +} +#searchform > #s { + padding: 6px 5px; + width: 94%; + border: 1px solid #ccc; + border-radius: 6px; + font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; + background: rgba(255,255,255,.8); + -webkit-appearance: textfield; + -moz-appearance: textfield; + -o-appearance: textfield; + appearance: textfield; + box-shadow: 0 0 0 3px rgba(0,0,0,.02) inset; +} +#searchform > #searchsubmit { + display: none; +} + +/************************************************ + * @Forms + */ +input[type=email], +input[type=url], +input[type=search], +input[type=password], +input[type=text], +textarea { + font-size: .857em; + border: 1px solid #dbdbdb; + background: transparent; + background: rgba(0,0,0,.05); + box-shadow: inset rgba(0,0,0,.1) 0 0 4px, rgba(255,255,255, .1) 0 1px 0; + padding: 6px 10px; + -moz-transition: all .1s linear; + -webkit-transition: all .1s linear; + -ms-transition: all .1s linear; + -o-transition: all .1s linear; + transition: all .1s linear; +} +input[type=email]:hover, +input[type=url]:hover, +input[type=search]:hover, +input[type=password]:hover, +input[type=text]:hover, +textarea:hover { + border-color: #bbb; + background: rgba(0,0,0,.03); +} +input[type=email]:focus, +input[type=url]:focus, +input[type=search]:focus, +input[type=password]:focus, +input[type=text]:focus, +textarea:focus { + border-color: #bbb; + background: #fafafa; + outline: 0 none; + box-shadow: inset rgba(0,0,0,.3) 0 0 4px, rgba(255,255,255, .1) 0 1px 0; +} + +form li { + margin-bottom: 1em; +} +label { + display: block; + padding: 0 0 .5em; +} +label .note { + color: #666; +} + +.pwform { + margin: 0 0 1.5em; +} +.pwform br { + display:none; +} +/************************************************ + * @Comments + */ +.comments-head { + clear: both; + margin: 48px 0 24px; +} +#comment-list { + list-style: none; + margin: 0 0 48px; + padding: 0; +} +#comment-list .comment, +#comment-list .pingback, +#comment-list .trackback { + font-size: .875em; + padding: 19px; + margin: 0 0 24px; + background: #fff; + border: 1px solid #ccc; + border-color: rgba(0,0,0,.05); + -o-box-shadow: 0 1px 1px rgba(0,0,0,.1); + -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1); + box-shadow: 0 1px 1px rgba(0,0,0,.1); +} +#comment-list .alt { + background: #f7f7f7; + -o-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); + -ms-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); + box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); +} +#comment-list .byuser { + border-color: #dccccc; + -o-box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1); + -ms-box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1); + box-shadow: inset 0 2px 12px rgba(175,38,38,.01), 0 1px 1px rgba(0,0,0,.1); +} + +#comment-list.av .comment { + position: relative; padding-left: 92px; min-height: 70px; +} + +#comment-list .entry-title { + font-size: 1.25em; + min-height: 0; + letter-spacing: normal; + margin: 0 0 1.5em; +} +#comment-list .author { + font-style: normal; +} +#comment-list .entry-title cite { + font-style: normal; +} +#comment-list .comment-meta { + font-size: .857em; +} + +#comment-list .avatar { + position: absolute; + left: 19px; + top: 19px; + border: 1px solid #fff; box-shadow: 0 1px 1px rgba(0,0,0,.1); + -moz-transition: all .1s linear; + -webkit-transition: all .1s linear; + -o-transition: all .1s linear; + -ms-transition: all .1s linear; + transition: all .1s linear; +} +#comment-list a:hover .avatar, +#comment-list a:focus .avatar, +#comment-list a:active .avatar { + border-color: inherit; +} + +#comment-list .entry-content p, +#comment-list .entry-content pre, +#comment-list .entry-content blockquote { + margin: .75em 0 0; +} +#comment-list .mod { + margin-top: 1em; + border: 1px solid #f0dfc0; + color: #3c3c3c; + font-size: 1.07em; + text-align: center; + padding: .5em 15px; + background: #fff2db; +} + +#comment-list .comment-util { + margin: 1em 0 0; + font-size: .846em; +} +#comment-list .comment-reply-link:after { + content: "\00A0\00BB"; + font-size: 1.2em; +} /* nbsp raquo */ +#comment-list .comment-util .edit { + margin-left: 20px; +} + +#comment-list ol.children { + list-style: none; + margin: 24px 0 0; +} +#comment-list ol.children .comment { + font-size: 1em; + margin: 0 0 0 -72px; +} + +/* @Comment @Form *********/ +#comment-form { + position: relative; + padding: 3em 0 0; +} +#comment-form legend span { + position: absolute; + top: 0; + margin: 0 0 .25em; + letter-spacing: -1px; + font-size: 1.5em; +} +#comment-form .self { + margin-bottom: 1em; +} +#comment-form .self .logout { + font-size: .923em; + margin-left: 1em; +} + +#comment-list #respond { + width: auto; + margin: 1em 20px; +} +#comment-list .children #respond { + margin-left: -50px; +} +#cancel-comment-reply { + position: absolute; + right: 0; + font-size: .857em; + top: .15em; +} +#cancel-comment-reply a { + display: inline-block; + margin-left: 20px; + padding: 1px 5px; + border: 1px solid #ccc; + border-radius: 4px; + background: #eee; + background: -moz-linear-gradient(#fff, #eee); + background: -webkit-linear-gradient(#fff, #eee); + background: linear-gradient(to bottom, #fff, #eee); +} +#cancel-comment-reply a:hover, +#cancel-comment-reply a:focus, +#cancel-comment-reply a:active { + border-color: #999; +} + +#comment-form #errors { + border: 1px solid #f0dfc0; + padding: .5em 15px .25em; + background: #fff2db; + margin-bottom: 1em; +} +#comment-form #errors p { + margin-bottom: .5em; +} +#comment-form .err { + background: #fff2db; +} + +#comment-form input, #comment-form textarea { + font-size: .857em; + width: 96%; +} + +#comment-form > fieldset, +#comment-form ol { + padding: 0; + border: none; + margin: 0; +} +#comment-form li { + margin-bottom: .7em; + list-style-type: none; +} +#comment-form input, +#comment-form textarea { + margin-top: .2em; +} + +#comments > .comments-head { + padding-top: .5em; + border-top: 1px dotted rgb(204, 204, 204); + margin-top: 3em; +} + + + +/************************************************ + * footer + */ +#footer { + display: block; + clear: both; + width: 100%; + margin: 0 auto; + padding: 25px 0; + background: #fff; + border-top: 1px solid rgba(0, 0, 0, .1); +} +#mozilla_ring { + padding: 0; + margin: 0 auto; +} +#mozilla_ring_title, +.mozilla_ring_category { + float: left; + margin: 0 20px; + -moz-transition: float .5s linear, width .5s linear, font-size .5s linear; + -webkit-transition: float .5s linear, width .5s linear, font-size .5s linear; + -o-transition: float .5s linear, width .5s linear, font-size .5s linear; + -ms-transition: float .5s linear, width .5s linear, font-size .5s linear; + transition: float .5s linear, width .5s linear, font-size .5s linear; +} +#mozilla_ring_title { + margin-left: 0; +} +.mozilla_ring_category_title { + margin-top: 0; + margin-bottom: 2px; + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +.mozilla_ring_category > ul { + padding: 0; + margin: 10px 0; +} +.mozilla_ring_menu > a { + -moz-transition: font-size .5s linear; + -webkit-transition: font-size .5s linear; + -o-transition: font-size .5s linear; + -ms-transition: font-size .5s linear; + transition: font-size .5s linear; +} +.mozilla_ring_menu { + list-style-type: none; +} +#copyright { + clear: both; + text-align: center; + padding: 30px 0 10px; + margin:0 auto 0; + -moz-transition: width .5s linear; + -webkit-transition: width .5s linear; + -o-transition: width .5s linear; + -ms-transition: width .5s linear; + transition: width .5s linear; +} + + + + +/* + * @Tablet + * Inherits styles from: Default Layout. + */ +@media only screen and (min-width: 768px) and (max-width: 1081px) { + #page { + width: 96%; + width: -moz-calc(100% - 32px); + width: -webkit-calc(100% - 32px); + width: -o-calc(100% - 32px); + width: calc(100% - 32px); + padding: 0 16px; + } + #header-nav > ol > li:first-child { + display: none; + } + + #content { + width: 70%; + } + + .top-event-section > .event-title { + font-size: 2.3em; + } + + .eventmeta .event-map { + float: none; + } + .event-map { + text-align: center; + } + .map-caption { + text-align: inherit; + } + + .event-metadata-list { + width: 100%; + } + .event-map + .event-metadata-list { + width: 100%; + } + + #sidebar { + width: 25%; + } + #sidebar-button-group .button-blue, + #sidebar-button-group .button-blue:link, + #sidebar-button-group .button-blue:visited { + font-size: 15px; + } + + .comment-meta { + display: block; + } + + /* footer */ + #mozilla_ring { + width: 85%; + text-align: center; + } + #mozilla_ring_title { + float: none; + font-size: 1.4em; + } + .mozilla_ring_category { + width: 25%; + margin: 2em auto 2em; + } + .mozilla_ring_category_title { + margin-bottom: .5em; + font-size: 1.2em; + } + .mozilla_ring_menu { + margin: .5em 0; + font-size: 1em; + } + #copyright { + width: 85%; + } +} + +/* + * @Mobile + * Inherits styles from: Default Layout. + */ +@media only screen and (max-width: 767px) { + ul, ol { + padding-left: 1em; + } + dd { + margin-left: 1em; + } + blockquote { + margin-left: 1em; + } + + .post-title { + font-size: 1.7em; + } + .postmeta .postmeta-content { + display: block; + border: none; + padding-top: .2em; + padding-bottom: .2em; + } + .meta-project-list-item > a { + padding: .5em; + font-size: 1.2em; + } + + .event-metadata-list { + width: 100%; + } + .event-map + .event-metadata-list { + width: 100%; + } + + .archive-post-title { + font-size: 1.5em; + } + + #page { + width: 85%; + padding: 0; + margin: 0 auto; + } + #header-nav { + display: none; + } + .add-button { + display: none; + } + #site-title-image { + width: 50%; + min-width: 120px; + max-width: 180px; + } + #content { + float: none; + width: 100%; + border-top: 1px dotted rgb(204, 204, 204); + border-bottom: 1px dotted rgb(204, 204, 204); + } + #content > section { + margin-bottom: 2.5em; + } + #hottopic-list { + background-image: none; + padding: 10px; + } + + .topsection-title { + font-size: 1.7em; + } + .hottopic-item { + font-size: 1.2em; + } + .top-event-section { + padding: 10px; + } + .top-event-section > .event-time { + font-size: .8em; + } + .top-event-section > .event-title { + font-size: 1.4em; + } + + .feed-article-title { + font-size: 1.2em; + } + + .project-footer .project-icon, + .projectmeta .project-icon, + .eventmeta .event-map { + float: none; + } + + .event-map { + text-align: center; + } + .map-caption { + text-align: inherit; + } + + /* sidebar */ + #sidebar { + float: none; + width: 100%; + padding: 0; + margin: 0 auto 3em; + } + #sidebar-project-list { + margin: 0; + padding-left: 20px; + } + #sidebar-project-list a { + padding: 14px auto; + } + + #comment-submit > button { + width: 100% + } + #comment-list.av .comment { + padding-left: 19px; + } + #comment-list ol.children .comment { + margin: 0 -10px -10px; + } + #comment-list .avatar { + display: none; + } + #comment-list .entry-title { + font-size: 1em; + } + .comment-meta { + display: block; + } + + /* footer */ + #mozilla_ring { + width: 95%; + } + #mozilla_ring_title { + float: none; + margin: .5em auto 1em; + font-size: 1.6em; + text-align: center; + } + .mozilla_ring_category { + float: none; + width: 80%; + padding: .8em 0; + border-top: 1px dotted #ccc; + margin: .8em auto; + } + .mozilla_ring_category:last-of-type { + border-bottom: 1px dotted #ccc; + } + .mozilla_ring_category_title { + font-size: 1.4em; + } + .mozilla_ring_menu > a { + display: block; + margin: .3em auto; + font-size: 1.2em; + } + #copyright { + width: 80%; + } +} + +/* + * @Wide-Mobile + * Inherits styles from: Default Layout, Mobile Layout. + */ +@media only screen and (min-width: 480px) and (max-width: 767px) { + #sidebar { + max-width: 500px; + } + + /* footer */ + #mozilla_ring { + width: 85%; + text-align: center; + } + #mozilla_ring_title { + float: none; + font-size: 1.4em; + } + .mozilla_ring_category { + float: left; + width: 40%; + border: none; + margin: 2em auto 2em; + } + .mozilla_ring_category:last-of-type { + border: none; + } + .mozilla_ring_category_title { + margin-bottom: .5em; + font-size: 1.2em; + } + .mozilla_ring_menu > a { + margin: .5em 0; + font-size: 1em; + } + #copyright { + width: 85%; + } +} From d450199e3f8fbbe981d3dec930d9cd2bb6c13e70 Mon Sep 17 00:00:00 2001 From: saneyuki_s Date: Tue, 9 Apr 2013 22:13:35 +0900 Subject: [PATCH 2/2] =?UTF-8?q?#41=20=E6=96=87=E5=AD=97=E3=82=B3=E3=83=BC?= =?UTF-8?q?=E3=83=89=E3=82=92utf-8=E3=81=AB=E7=B5=B1=E4=B8=80=E3=81=99?= =?UTF-8?q?=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- page.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/page.php b/page.php index 18fc49b..4531243 100644 --- a/page.php +++ b/page.php @@ -24,7 +24,7 @@