[Groonga-commit] groonga/groonga.github.com [master] CSS adjustment(doc)

Back to archive index

null+****@clear***** null+****@clear*****
2012年 2月 29日 (水) 20:19:16 JST


kikidog	2012-02-29 20:19:16 +0900 (Wed, 29 Feb 2012)

  New Revision: c2522bc9d009726ee89fdddddc9731801d9d2a6b

  Log:
    CSS adjustment(doc)

  Modified files:
    .gitignore
    css/screen.css
    docs/static/default.css
    docs/static/groonga.css
    docs/static/navigation-bar.png
    ja/docs/static/default.css
    ja/docs/static/groonga.css
    ja/docs/static/navigation-bar.png

  Modified: .gitignore (+2 -0)
===================================================================
--- .gitignore    2012-02-29 19:18:19 +0900 (b238a5e)
+++ .gitignore    2012-02-29 20:19:16 +0900 (200f903)
@@ -5,3 +5,5 @@ ja/support/.DS_Store
 .DS_Store
 
 .DS_Store
+
+.DS_Store

  Modified: css/screen.css (+1 -7)
===================================================================
--- css/screen.css    2012-02-29 19:18:19 +0900 (d83ad9c)
+++ css/screen.css    2012-02-29 20:19:16 +0900 (870f47a)
@@ -199,12 +199,7 @@ div#content
     margin-left: 10px;
     margin-right: 230px;
     margin-bottom: 10px;
-    
-    /*
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    */
+
 }
 
 div#content h2,
@@ -550,7 +545,6 @@ footer
 {
     clear: both;
     display: block; /* for IE < 9. */
-    //background: url(../images/footer-bar.png) repeat-x scroll center top;
     border-top:1px solid#DDD;
 }
 

  Modified: docs/static/default.css (+14 -6)
===================================================================
--- docs/static/default.css    2012-02-29 19:18:19 +0900 (2645963)
+++ docs/static/default.css    2012-02-29 20:19:16 +0900 (3bfe0c2)
@@ -18,8 +18,8 @@ body {
     font-size: 100%;
     background-color: #ffffff;
     color: #000;
-    margin: 0;
-    padding: 0;
+    /*margin: 0;
+    padding: 0;*/
 }
 
 div.document {
@@ -51,12 +51,13 @@ div.footer {
     text-align: center;
     font-size: 75%;
 }
-
+/*
 div.footer a {
     color: #000000;
     text-decoration: underline;
 }
 
+
 div.related {
     background-color: #f6872e;
     line-height: 30px;
@@ -67,6 +68,8 @@ div.related a {
     color: #ffffff;
 }
 
+*/
+
 div.sphinxsidebar {
     top: 30px;
     bottom: 0;
@@ -99,7 +102,7 @@ div.sphinxsidebar h3 {
 }
 
 div.sphinxsidebar h3 a {
-    color: #000000;
+    color: #FFF;
 }
 
 div.sphinxsidebar h4 {
@@ -125,9 +128,11 @@ div.sphinxsidebar ul {
     color: #000000;
 }
 
+/*
 div.sphinxsidebar a {
     color: #992e1d;
 }
+*/
 
 div.sphinxsidebar input {
     border: 1px solid #992e1d;
@@ -139,6 +144,7 @@ div.sphinxsidebar input {
 
 /* -- hyperlink styles ------------------------------------------------------ */
 
+/*
 a {
     color: #e15611;
     text-decoration: none;
@@ -152,7 +158,7 @@ a:visited {
 a:hover {
     text-decoration: underline;
 }
-
+*/
 
 
 /* -- body styles ----------------------------------------------------------- */
@@ -180,10 +186,12 @@ div.body h5 { font-size: 110%; }
 div.body h6 { font-size: 100%; }
 
 a.headerlink {
-    color: #f8e0ae;
+	
+    color: #CCC;
     font-size: 0.8em;
     padding: 0 4px 0 4px;
     text-decoration: none;
+    
 }
 
 a.headerlink:hover {

  Modified: docs/static/groonga.css (+180 -22)
===================================================================
--- docs/static/groonga.css    2012-02-29 19:18:19 +0900 (e6f6123)
+++ docs/static/groonga.css    2012-02-29 20:19:16 +0900 (8ff8c35)
@@ -19,11 +19,12 @@ body
     padding: 0px;
 }
 
+/*
 a:link,
 div.sphinxsidebar a:link,
 div.sphinxsidebar a:visited
 {
-    color: #992e1d;
+    color: #38a3ef;
 }
 
 a:visited
@@ -40,6 +41,9 @@ div.sphinxsidebar a:hover
     background-color: #992e1d;
     text-decoration: none;
 }
+*/
+
+
 
 div.header
 {
@@ -53,7 +57,6 @@ div.header h1.title
 {
     background: url(logo.png) no-repeat top left;
 	margin: 20px;
-	border:1px solid #DDD;
 	width:800px;
 }
 
@@ -79,7 +82,8 @@ div.header h1.title a
 	font-size:small;
 	font-weight:lighter;
 	margin-bottom:40px;
-	border:1px solid #0DD;
+	border:1px solid #FFF;
+
 }
 
 div.header h1.title span
@@ -127,8 +131,7 @@ div.header div.other-language-links
 {
     position: absolute;
     top: 5px;
-    right: 10px;
-    /* width: 50px; */
+    right: 360px;
 }
 
 div.header div.other-language-links ul,
@@ -139,13 +142,15 @@ div.header div.other-language-links li
     margin: 0;
 }
 
-header div.other-language-links a img
+div.header div.other-language-links a img
 {
     border-style: none;
 }
 
+
 div.bodywrapper
 {
+	/*
     background-color: #fff5e5;
     margin-left: 10px;
     margin-top: 10px;
@@ -153,18 +158,19 @@ div.bodywrapper
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
+    */
+    background-color: #FAFAFA;
+    border:1px solid #DDD;
+    padding: 10px;
+    margin-top: 10px;
+    margin-left: 10px;
+    margin-right: 230px;
+    margin-bottom: 10px;
 }
 
 div.body
 {
-    background-color: #fff5e5;
-    padding: 0;
-    padding-left: 20px;
-    padding-right: 20px;
-    padding-bottom: 20px;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
+	padding-top:10px;
 }
 
 div.body h1,
@@ -174,6 +180,7 @@ div.body h4,
 div.body h5,
 div.body h6
 {
+	/*
     margin: 0;
     margin-left: -20px;
     margin-right: -20px;
@@ -184,21 +191,74 @@ div.body h6
     border-bottom: 1px solid #992e1d;
     color: #992e1d;
     font-weight: bold;
+    */
+    margin: 0;
+    padding-bottom: 10px;
+    position: relative;
+    border-bottom: 3px solid #FAFAFA;
+    color: #000;
+    font-weight: bold;
+}
+
+div.body h1{
+	color: white;
+    background: #005fb0 url(navigation-bar.png) top left repeat-x;
+    font-weight: bold;
+    font-size:large;
+    padding: 10px;
+    padding-left:30px;
+    
+}
+
+div.body h2{
+	font-size:large;
 }
 
+
 div.related
 {
-    border-bottom: 1px solid #992e1d;
-    font-weight: bold;
-    background: #f6872e url(navigation-bar.png) no-repeat;
-    line-height: 36px;
+    display: block; /* for IE < 9. */
+    color: #AAA;
+    background:#333;
+    border-top: 1px solid #BBB;
+    border-bottom: 1px solid #DDD;
 }
 
 div.related ul
 {
-    padding-left: 60px;
+    padding: 0;
+    line-height: 36px;
+    margin: 0;
+}
+
+div.related li
+{
+    display: inline;
+    margin-left:20px;
+}
+
+div.related a,
+div.related a:link,
+div.related a:visited,
+div.related a:active,
+div.related a:hover
+{
+    color: #AAA;
+    padding-right: 3px;
+    text-decoration: none;
+}
+
+div.related a:hover
+{
+	color:#FFF;
+    text-decoration: underline;
+    background:none;
 }
 
+
+
+
+
 div.document
 {
     position: relative;
@@ -206,13 +266,14 @@ div.document
 
 div.document div.body img
 {
-    border: 1px solid #AAAAAA;
+    border: 1px solid #DDD;
     display: block;
     margin-left: auto;
     margin-right: auto;
     padding: 0.5em;
 }
 
+/*
 div.sphinxsidebar
 {
     position: absolute;
@@ -282,7 +343,104 @@ div.sphinxsidebar p.searchtip
     margin-right: 10px;
 }
 
+*/
+
+div.sphinxsidebar
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: auto;
+    font-size: 90%;
+    background-color: white;
+    overflow: auto;
+}
+
+div.sphinxsidebar h3
+{
+    font-size: small;
+    color: #fff;
+    background: #005fb0 url(navigation-bar.png) left top repeat-x;
+    margin: 0 0 10px 0;
+    padding: 7px 0 7px 10px;
+    font-weight: bold;
+}
+
+div.sphinxsidebar h4{
+	font-size:small;
+	font-weight:bold;
+	color:#CCC;
+}
+
+div.sphinxsidebar ul
+{
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-right: 20px;
+}
+
+div.sphinxsidebar ul li
+{
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+div.sphinxsidebar ul li:before
+{
+    content: ">> ";
+    color: #005fb0;
+}
+
+div.sphinxsidebar ul ul
+{
+    margin-left: 20px;
+    list-style: none;
+}
+
+div.sphinxsidebar ul ul li:before
+{
+    content: "> ";
+    color: #005fb0;
+}
+
+div.sphinxsidebar ul li a.amazon-detail img
+{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.sphinxsidebar span.date
+{
+    display: block;
+    padding-left: 2em;
+}
+
+div.sphinxsidebar input{
+	border: 1px solid #DDD;
+	font-size: 1em;
+}
+
+
+
 div.footer
 {
-    background: url(footer-bar.png) repeat-x scroll center top;
-}
\ No newline at end of file
+    clear: both;
+    display: block; /* for IE < 9. */
+
+}
+
+
+pre
+{
+    overflow: auto;
+    overflow-y: hidden; 
+    padding: 20px;
+    background-color: #FAFAFA;
+    color: #000;
+    line-height: 120%;
+    border: 1px solid #DDD;
+}

  Modified: docs/static/navigation-bar.png (+0 -0)
===================================================================
(Binary files differ)

  Modified: ja/docs/static/default.css (+14 -6)
===================================================================
--- ja/docs/static/default.css    2012-02-29 19:18:19 +0900 (2645963)
+++ ja/docs/static/default.css    2012-02-29 20:19:16 +0900 (3bfe0c2)
@@ -18,8 +18,8 @@ body {
     font-size: 100%;
     background-color: #ffffff;
     color: #000;
-    margin: 0;
-    padding: 0;
+    /*margin: 0;
+    padding: 0;*/
 }
 
 div.document {
@@ -51,12 +51,13 @@ div.footer {
     text-align: center;
     font-size: 75%;
 }
-
+/*
 div.footer a {
     color: #000000;
     text-decoration: underline;
 }
 
+
 div.related {
     background-color: #f6872e;
     line-height: 30px;
@@ -67,6 +68,8 @@ div.related a {
     color: #ffffff;
 }
 
+*/
+
 div.sphinxsidebar {
     top: 30px;
     bottom: 0;
@@ -99,7 +102,7 @@ div.sphinxsidebar h3 {
 }
 
 div.sphinxsidebar h3 a {
-    color: #000000;
+    color: #FFF;
 }
 
 div.sphinxsidebar h4 {
@@ -125,9 +128,11 @@ div.sphinxsidebar ul {
     color: #000000;
 }
 
+/*
 div.sphinxsidebar a {
     color: #992e1d;
 }
+*/
 
 div.sphinxsidebar input {
     border: 1px solid #992e1d;
@@ -139,6 +144,7 @@ div.sphinxsidebar input {
 
 /* -- hyperlink styles ------------------------------------------------------ */
 
+/*
 a {
     color: #e15611;
     text-decoration: none;
@@ -152,7 +158,7 @@ a:visited {
 a:hover {
     text-decoration: underline;
 }
-
+*/
 
 
 /* -- body styles ----------------------------------------------------------- */
@@ -180,10 +186,12 @@ div.body h5 { font-size: 110%; }
 div.body h6 { font-size: 100%; }
 
 a.headerlink {
-    color: #f8e0ae;
+	
+    color: #CCC;
     font-size: 0.8em;
     padding: 0 4px 0 4px;
     text-decoration: none;
+    
 }
 
 a.headerlink:hover {

  Modified: ja/docs/static/groonga.css (+224 -49)
===================================================================
--- ja/docs/static/groonga.css    2012-02-29 19:18:19 +0900 (0822955)
+++ ja/docs/static/groonga.css    2012-02-29 20:19:16 +0900 (8ff8c35)
@@ -12,11 +12,19 @@
 
 @import url("default.css");
 
+html,
+body
+{
+    margin: 10px;
+    padding: 0px;
+}
+
+/*
 a:link,
 div.sphinxsidebar a:link,
 div.sphinxsidebar a:visited
 {
-    color: #992e1d;
+    color: #38a3ef;
 }
 
 a:visited
@@ -33,49 +41,54 @@ div.sphinxsidebar a:hover
     background-color: #992e1d;
     text-decoration: none;
 }
+*/
+
+
 
 div.header
 {
-    /* background: url(header-background.png) repeat-y #ffe9c7; */
+    display: block; /* for IE < 9. */
+    position: relative;
+    margin: 0px;
+    padding: 0px;
 }
 
 div.header h1.title
 {
-    background: url(logo.png) no-repeat;
-    background-position: 10px 25px;
-    font-family: sans-serif;
-    font-size: 12px;
-    font-weight: bold;
-    text-shadow: 0.1em 0.1em 0.1em rgb(200, 200, 200);
-    margin: 0;
-    margin-right: 360px;
-    padding: 0px;
-    height: 125px;
+    background: url(logo.png) no-repeat top left;
+	margin: 20px;
+	width:800px;
 }
 
+
 div.header h1.title a,
 div.header h1.title a:link,
-div.header h1.title a:visited
+div.header h1.title a:visited,
+
 {
-    color: black;
-    background-color: transparent;
     text-decoration: none;
 }
 
+div.header h1.title a:hover{
+	background:none;
+}
+
+
 div.header h1.title a
 {
-    display: block;
-    height: 105px;
-    position: relative;
-    top: 20px;
-    left: 0;
+	display: block;
+	height:65px;
+	color:#666;
+	font-size:small;
+	font-weight:lighter;
+	margin-bottom:40px;
+	border:1px solid #FFF;
+
 }
 
 div.header h1.title span
 {
-    display: block;
-    padding-left: 260px;
-    margin-bottom: 2px;
+
 }
 
 div.header h1.title span.project,
@@ -86,19 +99,26 @@ div.header h1.title span.separator
 
 div.header h1.title span.description
 {
-    padding-top: 10px;
+	
+	display: block;
+    padding: 0;
+    margin:35px 0 0 240px;
+    
 }
 
+
 div.header div.facebook-buttons
 {
     position: absolute;
-    top: 10px;
-    right: 10px;
-    border: #992e1d 2px solid;
+    top: 0px;
+    right: 0px;
+    border: #3b5a9a 3px solid;
     background-color: white;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
+    
+    	-moz-border-radius: 5px;
+    	-webkit-border-radius: 5px;
+    	border-radius: 5px;
+    
     padding-top: 10px;
     padding-left: 10px;
     width: 320px;
@@ -106,12 +126,12 @@ div.header div.facebook-buttons
     overflow: hidden;
 }
 
+
 div.header div.other-language-links
 {
     position: absolute;
     top: 5px;
-    right: 10px;
-    /* width: 50px; */
+    right: 360px;
 }
 
 div.header div.other-language-links ul,
@@ -122,13 +142,15 @@ div.header div.other-language-links li
     margin: 0;
 }
 
-header div.other-language-links a img
+div.header div.other-language-links a img
 {
     border-style: none;
 }
 
+
 div.bodywrapper
 {
+	/*
     background-color: #fff5e5;
     margin-left: 10px;
     margin-top: 10px;
@@ -136,18 +158,19 @@ div.bodywrapper
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
+    */
+    background-color: #FAFAFA;
+    border:1px solid #DDD;
+    padding: 10px;
+    margin-top: 10px;
+    margin-left: 10px;
+    margin-right: 230px;
+    margin-bottom: 10px;
 }
 
 div.body
 {
-    background-color: #fff5e5;
-    padding: 0;
-    padding-left: 20px;
-    padding-right: 20px;
-    padding-bottom: 20px;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
+	padding-top:10px;
 }
 
 div.body h1,
@@ -157,6 +180,7 @@ div.body h4,
 div.body h5,
 div.body h6
 {
+	/*
     margin: 0;
     margin-left: -20px;
     margin-right: -20px;
@@ -167,21 +191,74 @@ div.body h6
     border-bottom: 1px solid #992e1d;
     color: #992e1d;
     font-weight: bold;
+    */
+    margin: 0;
+    padding-bottom: 10px;
+    position: relative;
+    border-bottom: 3px solid #FAFAFA;
+    color: #000;
+    font-weight: bold;
+}
+
+div.body h1{
+	color: white;
+    background: #005fb0 url(navigation-bar.png) top left repeat-x;
+    font-weight: bold;
+    font-size:large;
+    padding: 10px;
+    padding-left:30px;
+    
 }
 
+div.body h2{
+	font-size:large;
+}
+
+
 div.related
 {
-    border-bottom: 1px solid #992e1d;
-    font-weight: bold;
-    background: #f6872e url(navigation-bar.png) no-repeat;
-    line-height: 36px;
+    display: block; /* for IE < 9. */
+    color: #AAA;
+    background:#333;
+    border-top: 1px solid #BBB;
+    border-bottom: 1px solid #DDD;
 }
 
 div.related ul
 {
-    padding-left: 60px;
+    padding: 0;
+    line-height: 36px;
+    margin: 0;
+}
+
+div.related li
+{
+    display: inline;
+    margin-left:20px;
+}
+
+div.related a,
+div.related a:link,
+div.related a:visited,
+div.related a:active,
+div.related a:hover
+{
+    color: #AAA;
+    padding-right: 3px;
+    text-decoration: none;
+}
+
+div.related a:hover
+{
+	color:#FFF;
+    text-decoration: underline;
+    background:none;
 }
 
+
+
+
+
 div.document
 {
     position: relative;
@@ -189,13 +266,14 @@ div.document
 
 div.document div.body img
 {
-    border: 1px solid #AAAAAA;
+    border: 1px solid #DDD;
     display: block;
     margin-left: auto;
     margin-right: auto;
     padding: 0.5em;
 }
 
+/*
 div.sphinxsidebar
 {
     position: absolute;
@@ -265,7 +343,104 @@ div.sphinxsidebar p.searchtip
     margin-right: 10px;
 }
 
+*/
+
+div.sphinxsidebar
+{
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: auto;
+    font-size: 90%;
+    background-color: white;
+    overflow: auto;
+}
+
+div.sphinxsidebar h3
+{
+    font-size: small;
+    color: #fff;
+    background: #005fb0 url(navigation-bar.png) left top repeat-x;
+    margin: 0 0 10px 0;
+    padding: 7px 0 7px 10px;
+    font-weight: bold;
+}
+
+div.sphinxsidebar h4{
+	font-size:small;
+	font-weight:bold;
+	color:#CCC;
+}
+
+div.sphinxsidebar ul
+{
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-right: 20px;
+}
+
+div.sphinxsidebar ul li
+{
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+div.sphinxsidebar ul li:before
+{
+    content: ">> ";
+    color: #005fb0;
+}
+
+div.sphinxsidebar ul ul
+{
+    margin-left: 20px;
+    list-style: none;
+}
+
+div.sphinxsidebar ul ul li:before
+{
+    content: "> ";
+    color: #005fb0;
+}
+
+div.sphinxsidebar ul li a.amazon-detail img
+{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.sphinxsidebar span.date
+{
+    display: block;
+    padding-left: 2em;
+}
+
+div.sphinxsidebar input{
+	border: 1px solid #DDD;
+	font-size: 1em;
+}
+
+
+
 div.footer
 {
-    background: url(footer-bar.png) repeat-x scroll center top;
-}
\ No newline at end of file
+    clear: both;
+    display: block; /* for IE < 9. */
+
+}
+
+
+pre
+{
+    overflow: auto;
+    overflow-y: hidden; 
+    padding: 20px;
+    background-color: #FAFAFA;
+    color: #000;
+    line-height: 120%;
+    border: 1px solid #DDD;
+}

  Modified: ja/docs/static/navigation-bar.png (+0 -0)
===================================================================
(Binary files differ)




Groonga-commit メーリングリストの案内
Back to archive index