SRAD

[Slashdotjp-dev 1244] [772] change journal theme to use css

svnno****@sourc***** svnno****@sourc*****
2008年 9月 26日 (金) 14:06:29 JST

• 前の記事 [Slashdotjp-dev 1243] [771] update for new journal theme cont.
• 次の記事 [Slashdotjp-dev 1245] [773] [svn-buildpackage] Tagging slash (2.5.0.192-19)
• 記事の並び順: [ 日付 ] [ スレッド ] [ 件名 ] [ 著者 ]

Revision: 772
          http://svn.sourceforge.jp/cgi-bin/viewcvs.cgi?root=slashdotjp&view=rev&rev=772
Author:   tach
Date:     2008-09-26 14:06:29 +0900 (Fri, 26 Sep 2008)

Log Message:
-----------
change journal theme to use css

Modified Paths:
--------------
    images/css/slashdotjp_journal.css


-------------- next part --------------
Modified: images/css/slashdotjp_journal.css
===================================================================
--- images/css/slashdotjp_journal.css	2008-09-26 05:05:06 UTC (rev 771)
+++ images/css/slashdotjp_journal.css	2008-09-26 05:06:29 UTC (rev 772)
@@ -1,60 +1,154 @@
-/*-- CSS File for Slashdot Japan Journals, (c) 2004 Slashdot Japan --*/
+/* CSS File for Slashdot Japan Journals, (c) 2004-2008 Slashdot Japan */
 
-/*-Common stteing--------------------------------*/
-div.journalmain {
-  padding-left: 0.5em;
+/* common settings */
+
+.journal {
+	margin-bottom: 0.6em;
+	_width: 99%; /* IE6 */
 }
 
-div.journalmain ul {
-  margin-left: 1em;
-  margin-bottom: 0.5em;
+/* journal top */
+.journaltop .generaltitle {
+	margin-bottom: 0.6em;
 }
 
-div.journalmain li {
-  margin-left: 0.5em;
+.journaltop table {
+	margin-bottom: 0.6em;
+	width: 100%;
 }
 
-div.journal .journalentry {
-  margin-bottom: 2em;
+.journaltop table th,
+.journaltop table td {
+	text-align: left;
+	vertical-align: top;
+	padding: 0.2em 0.4em;
 }
 
-div.journal .journaltitle {
-  font-weight: bold;
+.journaltop table tr.odd {
+	background: #EEE;
 }
 
-div.journal .journaltopic {
-  margin: 1em;
+.journaltop table tr th,
+.journaltop table tr td.nickname,
+.journaltop table tr td.lastupdate {
+	white-space: nowrap;
 }
 
-div.journal .journaltext {
-	padding-top: 0.6em;
-	margin: 0.5em;
-	overflow-x: auto;
-	overflow-y: hidden;
+.journaltop .pagination ul li {
+	display: inline;
+}
+
+.journaltop .pagination ul.prev {
+	float: left;
+	padding: 0.75em 0.6em;
+	background: transparent;
+}
+
+.journaltop .pagination ul.next {
+	text-align: right;
+	padding: 0.75em 0.6em;
+}
+
+.journaltop .pagination ul li.prev:before,
+.journaltop .pagination ul li.next:before {
+	content: "";
+}
+
+/* user journals */
+
+.journal .journalentry {
+	margin-bottom: 1em;
+}
+
+.journal .journalmain {
+	padding: 0.5em 0.7em;
+	min-height: 80px;
 	word-break: break-all;
+	border: none;
 }
-div.journal .journalnav {
-  text-align: right;
-  font-size: 90%;
-  margin-top: 1em;
+
+.journal .generaltitle {
+	position: static;
 }
-div.journal td {
+
+.journal .journalmain div {
 	overflow-x: auto;
-	overflow-y: hidden;
-	word-break: break-all;
+	padding-bottom: 2px;
+	_height: 80px /* IE6 */
 }
 
+.journal .journalmain ul {
+	margin-left: 1em;
+	margin-bottom: 0.5em;
+}
 
-/*--Slashdotjp Theme ---------------------------*/
-div.slashdotjp .journalmain {
-  padding-top: 2em;
+.journal .journalmain li {
+	margin-left: 0.5em;
+	_width: 99%; /* IE6 */
 }
-div.slashdotjp .journaltopic {
-  float: right;
+
+.journal .journaltopic {
+	margin: 0 0.7em 0;
+	float: right;
 }
 
-/*--Liquid Theme--------------------------------*/
+.journal .details {
+	padding: 0.4em 1em;
+	font-size: 90%;
+	line-height: 1.3;
+	background: #ddd url(//images.slashdot.jp/article-details-bg.png) repeat-x left top;
+}
 
+.journal .journalnav {
+	text-align: right;
+	font-size: 90%;
+	margin-top: 1em;
+}
+
+.journal .entrynav {
+	display: none;
+	float: right;
+}
+
+.journal .storylinks {
+	margin: 0;
+}
+
+.journal .journalpage {
+	margin: 0.8em 0;
+}
+
+.journal .storylinks ul {
+	padding: 0.75em 0.6em;
+}
+
+.journal .storylinks ul.journal-commentlink {
+	float: right;
+	text-align: right;
+	background: transparent;
+}
+
+.journal .storylinks ul li.first:before,
+.journal .storylinks ul.journal-commentlink li:before {
+	content: "";
+}
+
+.journal .storylinks ul li.more {
+	font-weight: bold;
+}
+
+div.storylinks,
+div.storylinks div,
+div.storylinks ul {
+	_position: static !important; /* IE6 */
+	_height: auto !important; /* IE6 */
+}
+
+div.storylinks ul {
+	_padding: 0.75em 0.6em !important; /* IE6 */
+}
+
+/* liquid */
 div.liquid .journalentry {
   padding-bottom: 0.4em;
   border-bottom: solid 2px #d6d6d6;
@@ -64,45 +158,254 @@
 }
 
 div.liquid .journalhead {
-  width: 100%;  /* IE6 background-bug workaround */
+	_width: 100%;  /* IE6 */
+	background: url(http://images.slashdot.jp/macbarbw.gif) repeat-x;
+	border-bottom: solid 1px #d6d6d6;
+}
+
+.liquid .generaltitle .title,
+.liquid .generaltitle .title h3,
+.liquid .storylinks div,
+.liquid .storylinks div ul,
+.liquid .journalhead .details {
+	background: transparent;
+}
+
+.liquid .generaltitle .title h3 a {
+	color: #111;
+}
+
+.liquid .entrynav {
+  display: block;
+  padding: 0.3em;
+}
+
+.liquid .storylinks li,
+.liquid .storylinks li.comments {
   background: url(http://images.slashdot.jp/macbarbw.gif) repeat-x;
-  border-bottom: solid 1px #d6d6d6;
+  padding: 0.4em;
+  border: solid 1px #666666;
+  margin: 0 0.2em;
 }
 
-div.liquid .entrynav {
-  padding: 0.5em;
-  float: right;
+.liquid .storylinks a {
+	color: #111;
 }
 
-div.liquid .entrynav img {
-  border: none;
+.liquid .storylinks ul li.more:before,
+.liquid .storylinks ul li:before {
+	content: "";
 }
 
-#contents div.liquid h2 {
-  font-size: 120%;
-  padding: 0.5em;
-  margin: 0px;
+/* generic */
+.generic .journalday {
+	border-bottom: 2px solid #055;
+	border-right: 2px solid #055;
+	border-left: 2px solid #055;
 }
 
+.generic .journalday-title {
+	text-align: right;
+	color: #FFF;
+	background: #055;
+	font-weight: bold;
+	padding: 0.2em 0.4em;
+}
 
-#contents div.liquid h2 img {
-  vertical-align: middle;
-  border: none
+.generic .journalentry {
+	margin: 0.3em;
 }
 
-div.liquid .journaltext {
-  width: 100%;  /* IE6 background-bug workaround */
+.generic .journaltime,
+.generic .generaltitle,
+.generic .generaltitle .title,
+.generic .generaltitle .title h3 {
+	display: inline;
+	background: transparent;
+	color: #000;
+	font-size: 100%;
+	padding: 0;
 }
 
-div.liquid .journalcomment {
-  text-align: left;
-  padding: 0.4em;
-  width: 100%; /* IE6 background-bug workaround */
+.generic .generaltitle .title h3 a {
+	color: #055;
 }
 
-div.liquid .journalcomment a {
-  background: url(http://images.slashdot.jp/macbarbw.gif) repeat-x;
-  color: black;
-  padding: 0.4em;
-  border: solid 1px #666666;
+.generic .generaltitle .title h3 a:visited {
+	color: #555;
 }
+
+.generic .journalmain {
+	padding: 0.5em 0;
+}
+
+.generic .storylinks div,
+.generic .storylinks div ul {
+	background: transparent;
+	padding-left: 0;
+}
+
+/* bluebox */
+div.bluebox {
+	border: 2px solid #000;
+}
+
+.bluebox .journalday-title {
+	text-align: right;
+	color: #FFF;
+	background: #369;
+	font-weight: bold;
+	padding: 0.2em 0.4em;
+}
+
+.bluebox .journalentry {
+	margin: 0.3em 0.4em 0;
+}
+
+.bluebox .journaltime,
+.bluebox .generaltitle,
+.bluebox .generaltitle .title,
+.bluebox .generaltitle .title h3 {
+	display: inline;
+	background: transparent;
+	color: #000;
+	font-size: 100%;
+	padding: 0;
+}
+
+.bluebox .storylinks a,
+.bluebox .generaltitle .title h3 a {
+	color: #369;
+}
+
+.bluebox .generaltitle .title h3 a:visited {
+	color: #555;
+}
+
+.bluebox .journalmain {
+	padding: 0.5em 0;
+}
+
+.bluebox .storylinks div,
+.bluebox .storylinks div ul {
+	background: transparent;
+	padding-left: 0;
+}
+
+.bluebox .journalpage {
+	margin-bottom: 0;
+	background: #369;
+	color: #CCC;
+}
+
+.bluebox .journalpage a {
+	color: #FFF;
+}
+
+/* greypage, yellowpage */
+.greypage .journalday,
+.yellowpage .journalday {
+	border-bottom: 2px solid #FFF;
+}
+
+.greypage .journalday-title,
+.yellowpage .journalday-title {
+	color: #111;
+	font-weight: bold;
+	padding: 0.2em 0.4em;
+}
+
+.greypage .journalday-title {
+	background: #C0C0C0;
+}
+
+.yellowpage .journalday-title {
+	background: #C0C0FF;
+}
+
+.greypage .journalentry,
+.yellowpage .journalentry {
+	border-top: 2px solid #FFF;
+	margin: 0;
+}
+
+.greypage .journalentry {
+	background: #E0E0E0;
+}
+
+.yellowpage .journalentry {
+	background: #E0E0FF;
+}
+
+.greypage .journaltime,
+.yellowpage .journaltime {
+	background: transparent;
+	float: left;
+	padding: 0.2em;
+}
+
+.greypage .generaltitle,
+.yellowpage .generaltitle,
+.greypage .journalmain,
+.yellowpage .journalmain,
+.greypage .storylinks,
+.yellowpage .storylinks {
+	margin-left: 5.5em;
+	background: #FFF;
+	padding-left: 0.2em;
+}
+
+.greypage .generaltitle,
+.yellowpage .generaltitle {
+	padding-top: 0.2em;
+}
+
+.greypage .generaltitle .title,
+.yellowpage .generaltitle .title,
+.greypage .generaltitle .title h3,
+.yellowpage .generaltitle .title h3 {
+	background: transparent;
+	font-size: 100%;
+	padding: 0;
+}
+
+.greypage .storylinks a,
+.yellowpage .storylinks a,
+.greypage .generaltitle .title h3 a,
+.yellowpage .generaltitle .title h3 a {
+	color: #055;
+}
+
+.greypage .generaltitle .title h3 a:visited,
+.yellowpage .generaltitle .title h3 a:visited {
+	color: #555;
+}
+
+.greypage .journalmain,
+.yellowpage .journalmain {
+	padding: 0.5em 0.2em;
+}
+
+.greypage .storylinks div,
+.yellowpage .storylinks div,
+.yellowpage .storylinks div ul,
+.greypage .storylinks div ul {
+	background: transparent;
+	padding-left: 0;
+}
+
+.greypage .journalpage {
+	margin-top: 0;
+	background: #C0C0C0;
+}
+
+.yellowpage .journalpage {
+	margin-top: 0;
+	background: #C0C0FF;
+}
+
+.greypage div.storylinks ul,
+.yellowpage div.storylinks ul {
+	_padding: 0.75em 0.6em 0.75em 0.2em !important; /* IE6 */
+}
+

• 前の記事 [Slashdotjp-dev 1243] [771] update for new journal theme cont.
• 次の記事 [Slashdotjp-dev 1245] [773] [svn-buildpackage] Tagging slash (2.5.0.192-19)
• 記事の並び順: [ 日付 ] [ スレッド ] [ 件名 ] [ 著者 ]