OSDN Git Service

デフォルトスキン差し替え
[nucleus-jp/nucleus-jp-ancient.git] / utf8 / skins / default / default_right.css
diff --git a/utf8/skins/default/default_right.css b/utf8/skins/default/default_right.css
new file mode 100644 (file)
index 0000000..acf50a9
--- /dev/null
@@ -0,0 +1,490 @@
+/*-------------------------------------------------
+  Nucleus CMS Stylesheet - bundled with version 3.2
+  Based on the Stanch skin by Ivan Fong
+  Mods by hcgtv and moraes
+-------------------------------------------------*/
+
+/*-------------------------------------------------
+  General layout
+-------------------------------------------------*/
+body
+{
+       background: #505050 url(images/bg.gif);
+       color: #494949;
+       font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
+       font-size: 11px;
+       padding: 15px 0;
+       margin: 0;
+}
+img
+{
+       border: 0;
+}
+form
+{
+       margin: 0;
+}
+
+/* Headings */
+h1,h2,h3,h4,h5,h6
+{
+    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
+       font-weight: normal;
+       margin: 0;
+}
+
+/* Lists */
+ul
+{
+       list-style: none;
+       padding: 0;
+       margin: 0;
+}
+li
+{
+       background: url(images/arrow.gif) left 5px no-repeat;
+       padding: 0 0 0 10px;
+       margin: 0 20px;
+}
+
+/* Links */
+a:link, a:visited
+{
+       color: #635D45;
+       text-decoration: none;
+}
+a:hover, a:active
+{
+       color: black;
+}
+#header a:link, #header a:visited
+{
+       color: #474747;
+}
+#header a:hover, #header a:active
+{
+       color: #737373;
+}
+#copyrights a:link, #copyrights a:visited
+{
+       color: #474747;
+}
+#copyrights a:hover, #copyrights a:active
+{
+       color: #737373;
+}
+
+/* Basic classes */
+.hidden
+{
+       display: none;
+}
+.centerize
+{
+       text-align: center;
+}
+.clearing
+{
+       width: 704px;
+       height: 0;
+       clear: both;
+}
+
+/*-------------------------------------------------
+  Header
+-------------------------------------------------*/
+#header
+{
+       position: relative;
+       width: 704px;
+       height: 168px;
+       /* large header image is defined below */
+       /* background: white url(images/header.jpg) no-repeat; */
+       background: white;
+       border-width: 2px 2px 0;
+       border-style: solid;
+       border-color: #E0E0E0;
+       margin: auto;
+}
+#header h1
+{
+       /* small header image specific lines */
+       height: 168px;
+       width: 692px;
+       background: white url(images/header_sm.jpg) repeat-x 0 6px;
+       margin: 0 6px;
+       /* end small header image specific lines */
+       font-size: 38px;
+       text-align: center;
+       line-height: 160px;
+}
+
+/*-------------------------------------------------
+  Content wrappers
+-------------------------------------------------*/
+#mainwrapper
+{
+       width: 704px;
+       background: white;
+       border-width: 0 2px;
+       border-style: solid;
+       border-color: #E0E0E0;
+       margin: auto;
+}
+#wrapper
+{
+       width: 704px;
+       background: white url(images/bgcontainer02.gif) repeat-y right;
+       margin: auto;
+}
+
+/*-------------------------------------------------
+  Main content
+-------------------------------------------------*/
+#container
+{
+       width: 704px;
+       height: 1%;
+       overflow: visible;
+       float: left;
+       padding: 4px 0 0 0;
+       margin-right: -204px;
+}
+.content
+{
+       padding: 0;
+       margin: 7px 224px 30px 20px;
+}
+
+/*-------------------------------------------------
+  Item styles
+-------------------------------------------------*/
+.contenttitle h2
+{
+       clear: both;
+       background: url(images/dot.gif) bottom repeat-x;
+       font-size: 18px;
+       padding: 0 0 6px 0;
+       margin: 0;
+}
+.contentbody
+{
+       font-size:13px;
+       text-align: justify;
+       padding: 0 0 16px 0;
+}
+
+/*-------------------------------------------------
+  Item info
+-------------------------------------------------*/
+.contentitemcategory
+{
+       background: url(images/bgcategory.gif) center left no-repeat;
+       font-size: 10px;
+       line-height: 12px;
+       padding: 0 10px 0 14px;
+}
+.contentitempostedby
+{
+       background: url(images/bgpostedby.gif) center left no-repeat;
+       font-size: 10px;
+       line-height: 12px;
+       padding: 0 10px 0 12px;
+}
+.contentitemcomments
+{
+       background: url(images/bgcomment.gif) center left no-repeat;
+       font-size: 10px;
+       line-height: 12px;
+       padding: 0 10px 0 13px;
+}
+.contentitemedit
+{
+       background: url(images/bgedit.gif) center left no-repeat;
+       font-size: 10px;
+       line-height: 12px;
+       padding: 0 10px 0 11px;
+}
+.contentitem
+{
+       padding: 3px 0 0 0;
+       margin: 0 0 16px 0;
+}
+.contentitem1
+{
+       display: inline;
+}
+.contentitem2
+{
+       display: inline;
+       background: url(images/dotv.gif) left repeat-y;
+       padding: 0 0 0 10px;
+}
+.contentitem3
+{
+       display: inline;
+       background: url(images/dotv.gif) left repeat-y;
+       padding: 0 0 0 10px;
+}
+.contentitem4
+{
+       display: inline;
+       padding: 0 0 0 10px;
+       background: url(images/dotv.gif) left repeat-y;
+}
+
+/*-------------------------------------------------
+  Comments
+-------------------------------------------------*/
+.itemcomment
+{
+       background: url(images/commentquote01.gif) no-repeat;
+       background-position: 6px 9px;
+       padding: 6px 42px;
+       border: 1px solid white;
+       margin: 10px 0 0 0;
+}
+.itemcomment:hover
+{
+       background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
+       background-position: 6px 9px;
+       border: 1px solid #CCCCCC;
+}
+.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
+{
+       background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
+       background-position: 6px 9px;
+       border: 1px solid #B3C492;
+}
+.id1:hover
+{
+       background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
+       background-position: 6px 9px;
+       border: 1px solid #B3C492;
+}
+.itemcomment h3
+{
+       font-size: 12px;
+}
+
+/*-------------------------------------------------
+  Menu
+-------------------------------------------------*/
+#sidebarcontainer
+{
+       float: right;
+       width: 204px;
+       padding: 2px 0 0 0;
+}
+.sidebar
+{
+       color: #21262A;
+       margin: 0 6px 4px 0;
+}
+
+/* Menu lists */
+.sidebardl
+{
+       padding: 0 0 10px 0;
+       margin: 0;
+}
+.sidebardl dt
+{
+       background: #E5E5E5 url(images/sidetitlebg.gif);
+       color: #3A3523;
+       font-size: 12px;
+       font-weight: bold;
+    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
+       padding: 4px 10px;
+}
+.sidebardl dd
+{
+       background: #EEEEEE;
+       padding: 2px 10px;
+       margin: 1px 0 0 0;
+}
+.sidebardl dd:hover
+{
+       background: #E7E7E7;
+       padding: 2px 10px;
+       margin: 1px 0 0 0;
+}
+.sidebardl dd a:link, .sidebardl dd a:visited
+{
+       background: url(images/arrow.gif) left center no-repeat;
+       padding: 0 0 0 10px;
+}
+
+/*-------------------------------------------------
+  Footer
+-------------------------------------------------*/
+#footer
+{
+       width: 704px;
+       background: #FCD21B;
+       text-align: center;
+       padding: 10px 0 10px 0;
+       border-width: 0px 2px 2px 2px;
+       border-style: solid;
+       border-color: #E0E0E0;
+       margin: 0 auto;
+}
+
+#copyrights
+{
+       color: #474747;
+}
+
+/*-------------------------------------------------
+  Forms
+-------------------------------------------------*/
+.loginform, .searchform
+{
+       margin: 5px 0;
+}
+.commentform, .mailform
+{
+       margin-top: 10px;
+    padding: 10px;
+    background: #EEEEEE;
+    /* Rounded borders, for Mozilla browsers */
+    /* -moz-border-radius: 10px; */
+}
+.commentform img{
+    margin: 5px 0 0 0;
+}
+.formfield
+{
+       font-size: 11px;
+       background: white;
+       color: #494949;
+       border-top: 1px solid #868686;
+       border-left: 1px solid #868686;
+       border-bottom: 1px solid #D4D2CF;
+       border-right: 1px solid #D4D2CF;
+       margin: 1px 0 0 0;
+}
+.formbutton
+{
+       font-size: 11px;
+       background: white;
+       color: #494949;
+       border-top: 1px solid #D4D2CF;
+       border-left: 1px solid #D4D2CF;
+       border-bottom: 1px solid #868686;
+       border-right: 1px solid #868686;
+       margin: 1px 0 0 0;
+}
+.searchform .formfield
+{
+       width: 130px;
+    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
+       padding: 2px 0;
+       margin: 0 2px 2px 0;
+}
+.searchform .formbutton
+{
+       width: 60px;
+    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+       padding: 2px 2px;
+}
+.loginform .formfield
+{
+       width: 130px;
+    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
+       padding: 2px 0;
+       margin: 0 2px 2px 0;
+}
+.loginform .formbutton
+{
+       width: 60px;
+    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+       padding: 2px 2px;
+}
+.mainform .formfield
+{
+       width: 280px;
+    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
+       padding: 2px 0;
+       margin: 0 2px 2px 0;
+}
+.mailform .formbutton
+{
+       width: 100px;
+    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+       padding: 2px 2px;
+}
+#nucleus_cf_name, #nucleus_cf_mail
+{
+    width: 300px;
+    margin-right: 105px;
+    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
+}
+.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
+{
+    width: 300px;
+}
+.commentform .formbutton
+{
+       width: 100px;
+       height: 22px;
+    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+}
+.error
+{
+       color: red;
+       font-weight: bold;
+}
+
+
+/*-------------------------------------------------
+  Miscelaneous
+-------------------------------------------------*/
+/* VBlog image onion skin shadow - From AListApart.com*/
+.wrap1, .wrap2, .wrap3
+{
+       display:inline-table;
+       /* \*/display:block;/**/
+}
+.wrap1
+{
+       float:left;
+       background:url(images/shadow.gif) right bottom no-repeat;
+       margin: 0 5px 3px 0;
+}
+.wrap2
+{
+       background:url(images/corner_br.gif) left bottom no-repeat;
+}
+.wrap3
+{
+       background:url(images/corner_tr.gif) right top no-repeat;
+       padding:0 5px 5px 0;
+}
+.wrap3 img
+{
+       display:block;
+       border: 3px solid white;
+}
+
+/* Search highlight color */
+.highlight
+{
+       background: #80ff80;
+}
+
+/* Leftbox and Rightbox toolbar buttons */
+.leftbox, .rightbox {
+       margin: 3px;
+       padding: 3px;
+       font-size: larger;
+       width: 20%;
+}
+.leftbox {
+       float: left;
+       border-right: 2px solid #ccc;
+}
+.rightbox {
+       float: right;
+       border-left: 2px solid #ccc;
+}