Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
はてなブログのデザインCSSのバックアップ
/* <system section="theme" selected="bordeaux"> */
@import "http://blog.hatena.ne.jp/css/theme/bordeaux/bordeaux.css";
/* </system> */
/* <system section="background" selected="bg17"> */
body{
background-color:#1a2637; background-image:url('/images/theme/backgrounds/theme17.png'); background-repeat:no-repeat; background-attachment:scroll; background-position:right top;
}
/* </system> */
/*
div.hatena-module-links
{
display:none
}
*/
.hatena-module {
margin-bottom: 14px;
}
#main-inner {
border-right: 0px solid #ddd;
}
#content {
width: auto;
margin: 0 80px 80px 80px;
background: #ddeeff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccddff), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #ccddff 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #ccddff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ccddff 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ccddff 100%);
background: linear-gradient(top, #ffffff 0%, #ccddff 100%);
-moz-border-radius: 10px 10px;
border-radius: 10px 10px;
opacity: 0.85;
max-width: 1024px;
}
/*
body {
background-image: url('https://s3-us-west-1.amazonaws.com/images.path.com/photos2/39ff5ffc-ff54-4285-b6ad-3a57d4d0026f/web.jpg');
background-size: cover;
background-position: 50% 50%;
background-attachment: fixed;
}
*/
#blog-title {
width: auto;
text-align: left;
margin: 0 0 0 80px;
}
h1#title a, h2#blog-description {
/* for modan browser */
text-shadow:0px 1px 1px black,0px 0px 1px black,1px 0px 1px black,0px -1px 1px black,-1px -1px 1px black,-1px 0px 1px black;
/* for IE */
filter:dropshadow(color=black,offx=0,offy=1,positive=1),dropshadow(color=black,offx=0,offy=0,positive=1),dropshadow(color=black,offx=0,offy=-1,positive=1),dropshadow(color=black,offx=-1,offy=-1,positive=1),dropshadow(color=black,offx=-1,offy=0,positive=1);
}
.search-form .search-module-input {
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #ccddff));
background: -webkit-linear-gradient(top, #ccddff 0%, #ffffff 100%);
background: -moz-linear-gradient(top, #ccddff 0%, #ffffff 100%);
background: -o-linear-gradient(top, #ccddff 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #ccddff 0%, #ffffff 100%);
background: linear-gradient(top, #ccddff 0%, #ffffff 100%);
}
.search-form .search-module-input:focus {
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
outline: none;
border-color: orange;
background: #ffe4c8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.85, #ffe4c8), color-stop(0.15, #ffb444));
background: -webkit-linear-gradient(top, #ffb444 15%, #ffe4c8 85%);
background: -moz-linear-gradient(top, #ffb444 15%, #ffe4c8 85%);
background: -o-linear-gradient(top, #ffb444 15%, #ffe4c8 85%);
background: -ms-linear-gradient(top, #ffb444 15%, #ffe4c8 85%);
background: linear-gradient(top, #ffb444 15%, #ffe4c8 85%);
}
.search-form .search-module-button {
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
background-position-x: 20%;
}
#globalheader {
background-color: #666;
opacity: 0.6;
}
#globalheader-container {
height: 4px;
overflow: hidden;
position: fixed;
width: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#globalheader-container:hover {
height: 37px;
}
#globalheader-container:hover + #container #box2 {
top: 47px;
}
.gist .gist-file {
font-size: 9pt;
}
div#google_afc_user {
border-radius: 8px;
border: 1px solid silver;
padding: 6px;
color: white;
background-color: #38335f;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.85, #333), color-stop(0.15, #438));
background: -webkit-linear-gradient(top, #438 15%, #333 85%);
background: -moz-linear-gradient(top, #438 15%, #333 85%);
background: -o-linear-gradient(top, #438 15%, #333 85%);
background: -ms-linear-gradient(top, #438 15%, #333 85%);
background: linear-gradient(top, #438 15%, #333 85%);
overflow-y: hidden;
height: 64px;
}
div#google_afc_user a {
color: yellow;
}
div#google_afc_user a:visited {
color: yellow;
}
div#google_afc_user .google_ads_by a {
font-size: 16px;
font-weight: bold;
}
div.google_afc_blocklink {
overflow-y: auto;
max-height: 64px;
}
#box2 {
position: fixed;
top: 10px;
background-color: #eee;
right: 10px;
padding: 12px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ccddff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ccddff')";
background-image: -moz-linear-gradient(top, #ffffff, #ccddff);
background-image: -ms-linear-gradient(top, #ffffff, #ccddff);
background-image: -o-linear-gradient(top, #ffffff, #ccddff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ccddff));
background-image: -webkit-linear-gradient(top, #ffffff, #ccddff);
background-image: linear-gradient(top, #ffffff, #ccddff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
opacity: 0.89;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 89);
filter: alpha(opacity = 89);
}
#main > * {
margin-right: 130px;
}
#main {
margin-right: -130px;
}
#box2-inner {
overflow: hidden;
height: 150px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#box2:hover #box2-inner {
height: 440px;
}
#box2 {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#footer {
background-color: rgba(204,221,255,0.1);
position: fixed;
bottom: 0px;
width: 100%;
padding: 10px 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#footer:hover {
background-color: rgba(204,221,255,0.7);
}
#footer:hover a,
#footer:hover p {
color: #444;
}
#footer a,
#footer p {
color: silver;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.entry-content > blockquote {
opacity: 0.95;
background-color: #ddeeff;
}
.entry-content > table {
width: auto;
border-spacing: 0;
font-size:14px;
opacity: 0.95;
}
.entry-content > table th {
color: #fff;
padding: 8px 15px;
background: #258;
background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
font-weight: bold;
border-left:1px solid #258;
border-top:1px solid #258;
border-bottom:1px solid #258;
line-height: 120%;
text-align: center;
text-shadow:0 -1px 0 rgba(34,85,136,0.9);
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.entry-content > table th:first-child {
border-radius: 5px 0 0 0;
}
.entry-content > table th:last-child {
border-radius:0 5px 0 0;
border-right:1px solid #258;
box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.entry-content > table tr td {
padding: 8px 15px;
border-bottom: 1px solid #84b2e0;
border-left: 1px solid #84b2e0;
text-align: center;
}
.entry-content > table tr td:last-child {
border-right: 1px solid #84b2e0;
box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.entry-content > table tr {
background: #fff;
}
.entry-content > table tr:nth-child(2n+1) {
background: #f1f6fc;
}
.entry-content > table tr:last-child td {
box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.entry-content > table tr:last-child td:first-child {
border-radius: 0 0 0 5px;
}
.entry-content > table tr:last-child td:last-child {
border-radius: 0 0 5px 0;
}
.entry-content > pre.code {
padding: 8px;
font-size: 0.75em;
line-height: 1.6em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.