null+****@clear*****
null+****@clear*****
2011年 5月 25日 (水) 15:20:04 JST
Kouhei Sutou 2011-05-25 06:20:04 +0000 (Wed, 25 May 2011)
New Revision: 7601a9c48fddbb06e5c092bc362ecd928e1f8643
Log:
[doc] fix style.
Modified files:
doc/themes/groonga/layout.html
doc/themes/groonga/static/groonga.css_t
Modified: doc/themes/groonga/layout.html (+34 -9)
===================================================================
--- doc/themes/groonga/layout.html 2011-05-25 01:56:22 +0000 (b29de8b)
+++ doc/themes/groonga/layout.html 2011-05-25 06:20:04 +0000 (ef3043e)
@@ -10,7 +10,29 @@
{% extends "default/layout.html" %}
{% set favicon = "favicon.ico" %}
+{% block extraheader %}
+ <meta property="fb:page_id" content="201193596592346" />
+ <meta property="fb:admins" content="kouhei.sutou" />
+ <meta property="og:type" content="product" />
+ <meta property="og:image" content="http://groonga.org/images/groonga.png" />
+ <meta property="og:site_name" content="groonga" />
+ <script src="http://connect.facebook.net/ja_JP/all.js"></script>
+
+ <script>
+ window.fbAsyncInit = function() {
+ FB.init({
+ appId : null,
+ status : true, // check login status
+ cookie : true, // enable cookies to allow the server to access the session
+ xfbml : true // parse XFBML
+ });
+ };
+ </script>
+ {{ super() }}
+{% endblock %}
+
{% block header %}
+<div id="fb-root"></div>
<div class="header">
<h1 class="title">
<a id="top-link" href="{{ pathto('index.html', 1) }}">
@@ -20,20 +42,23 @@
<span class="title-catch-phrase">It lets you write high-performance applications that requires fulltext search.</span>
</a>
</h1>
-</div>
- {{ super() }}
-{% endblock %}
-{% block rootrellink %}
- <li class="other-languages">
- <ul class="other-languages">
+ <div class="facebook-buttons">
+ <fb:like href="http://www.facebook.com/pages/groonga/201193596592346"
+ layout="standard"
+ width="250"></fb:like>
+ </div>
+
+ <div class="other-language-links">
+ <ul>
{%- if language != "en" %}
- <li class="other-language"><a href="{{ pathto('../../en/html/', 1) }}{{ pathto(pagename, 0, '.') }}"><img src="{{ pathto('_static/us.png', 1) }}" alt="English"></a></li>
+ <li><a href="{{ pathto('../../en/html/', 1) }}{{ pathto(pagename, 0, '.') }}"><img src="{{ pathto('_static/us.png', 1) }}" alt="English"></a></li>
{%- endif %}
{%- if language != "ja" %}
- <li class="other-language"><a href="{{ pathto('../../ja/html/', 1) }}{{ pathto(pagename, 0, '.') }}"><img src="{{ pathto('_static/jp.png', 1) }}" alt="日本語"></a></li>
+ <li><a href="{{ pathto('../../ja/html/', 1) }}{{ pathto(pagename, 0, '.') }}"><img src="{{ pathto('_static/jp.png', 1) }}" alt="日本語"></a></li>
{%- endif %}
</ul>
- </li>
+ </div>
+</div>
{{ super() }}
{% endblock %}
Modified: doc/themes/groonga/static/groonga.css_t (+54 -26)
===================================================================
--- doc/themes/groonga/static/groonga.css_t 2011-05-25 01:56:22 +0000 (0f5bb32)
+++ doc/themes/groonga/static/groonga.css_t 2011-05-25 06:20:04 +0000 (7d4364a)
@@ -36,20 +36,21 @@ div.sphinxsidebar a:hover
div.header
{
- background: url(header-background.png) repeat-y #ffe9c7;
+ /* background: url(header-background.png) repeat-y #ffe9c7; */
}
div.header h1.title
{
background: url(logo.png) no-repeat;
- background-position: 60px 10px;
+ background-position: 60px 20px;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
text-shadow: 0.1em 0.1em 0.1em rgb(200, 200, 200);
margin: 0;
- padding-top: 10px;
- height: 90px;
+ margin-right: 320px;
+ padding: 0px;
+ height: 115px;
}
div.header h1.title a,
@@ -60,12 +61,17 @@ div.header h1.title a:visited
text-decoration: none;
}
+header h1.title a
+{
+ display: block;
+ height: 115px;
+}
+
div.header h1.title span
{
display: block;
- padding-left: 320px;
+ padding-left: 310px;
margin-bottom: 2px;
- margin-right: 150px;
}
div.header h1.title span.title,
@@ -76,12 +82,47 @@ div.header h1.title span.title-separator
div.header h1.title span.title-short-description
{
+ padding-top: 30px;
+}
+
+div.header div.facebook-buttons
+{
+ position: absolute;
+ top: 30px;
+ right: 10px;
+ border: #992e1d 2px solid;
+ background-color: white;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
padding-top: 10px;
+ padding-left: 10px;
+ width: 280px;
+ height: 60px;
}
-div.header h1.title span.title-catch-phrase
+div.header div.other-language-links
{
- padding-bottom: 20px;
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ /* width: 50px; */
+}
+
+div.header div.other-language-links ul,
+div.header div.other-language-links li
+{
+ display: inline;
+ padding: 0;
+ margin: 0;
+}
+
+div.bodywrapper
+{
+ background-color: #fff5e5;
+ margin-left: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
}
div.body
@@ -89,9 +130,6 @@ div.body
background-color: #fff5e5;
padding: 0;
padding-bottom: 20px;
- margin-top: 10px;
- margin-left: 10px;
- margin-bottom: 10px;
}
div.body h1,
@@ -130,21 +168,6 @@ div.related ul
padding-left: 60px;
}
-div.related li.other-languages
-{
- position: relative;
- display: list-item;
-}
-
-div.related li.other-languages ul.other-languages
-{
- margin: 0;
- padding: 0;
- position: absolute;
- top: 10px;
- right: {{ theme_sidebarwidth|toint }}px;
-}
-
div.document
{
position: relative;
@@ -157,6 +180,11 @@ div.sphinxsidebar
font-size: smaller;
}
+div.sphinxsidebarwrapper
+{
+ padding-right: 0;
+}
+
div.sphinxsidebar h3
{
color: #fff;
