Add new theme: black-orange and update minimal
This commit is contained in:
93
themes/black-orange/css/blog.css
Normal file
93
themes/black-orange/css/blog.css
Normal file
@ -0,0 +1,93 @@
|
||||
div.blog {
|
||||
border-left: 1px groove #ccc;
|
||||
padding-left: 1px;
|
||||
width: 100%;
|
||||
float: right;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
/* margin-left: 50px; */
|
||||
}
|
||||
div.blogtitle {
|
||||
/* background: url(/images/round_corner.png) top right no-repeat;
|
||||
background-size: 37px; */
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
padding: 3px;
|
||||
margin-left: 2.1em;
|
||||
background-color: #444;
|
||||
font-size: 20px;
|
||||
}
|
||||
div.blogtitle a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
div.blogcontent{
|
||||
padding: 3px;
|
||||
float: left;
|
||||
width: 45px;
|
||||
color: white;
|
||||
height: 5em;
|
||||
}
|
||||
div.cal-icon {
|
||||
text-align: center;
|
||||
width: 40px;
|
||||
float: left;
|
||||
}
|
||||
div.blogcontent div.blogingress {
|
||||
/* font-size: 14px; */
|
||||
color: white !important;
|
||||
float: left;
|
||||
width: 94%;
|
||||
padding-left: 5px;
|
||||
padding-top: 5px;
|
||||
margin-left: 5px;
|
||||
height: 5em;
|
||||
}
|
||||
div.blogbody {
|
||||
border-top-right-radius: 20px;
|
||||
border-bottom-left-radius: 20px;
|
||||
background-color: #222;
|
||||
font-size: 14px;
|
||||
float: left;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
margin-left: 3.5em;
|
||||
padding-left: 5px;
|
||||
/* color: white !important; */
|
||||
width: 94%;
|
||||
}
|
||||
|
||||
div.blogbody, img {
|
||||
float:left;
|
||||
}
|
||||
|
||||
img.exticon {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
div.blogingress img {
|
||||
width: 100px !important;
|
||||
float: left;
|
||||
padding-right: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
div.right h2 {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
#logo td {
|
||||
align: center;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
#sitetitle td {
|
||||
align: left;
|
||||
height: 75px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#libody td {
|
||||
padding-left: 35px;
|
||||
}
|
||||
26
themes/black-orange/css/cal-icon.css
Normal file
26
themes/black-orange/css/cal-icon.css
Normal file
@ -0,0 +1,26 @@
|
||||
div.datetime .caltop p {
|
||||
font:bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
|
||||
letter-spacing:0.12em;
|
||||
text-transform:uppercase;
|
||||
color:#fefefe !important;
|
||||
background-color: #222; /* #2f4765; */
|
||||
}
|
||||
|
||||
/* day of the month (NUMBER) */
|
||||
div.datetime p.day {
|
||||
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif !important;
|
||||
letter-spacing:0.13em;
|
||||
}
|
||||
|
||||
/* month */
|
||||
div.datetime p.mon {
|
||||
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif !important;
|
||||
letter-spacing:normal;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
/* year */
|
||||
div.datetime p.yr {
|
||||
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
|
||||
letter-spacing:0.05em;
|
||||
}
|
||||
175
themes/black-orange/css/dark.css
Normal file
175
themes/black-orange/css/dark.css
Normal file
@ -0,0 +1,175 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 1em Arial, Helvetica, sans-serif;
|
||||
background: #111;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1em;
|
||||
}
|
||||
a {
|
||||
color: #FF9621;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
margin: 20px auto;
|
||||
width: 90%;
|
||||
background: #111;
|
||||
}
|
||||
|
||||
#header {
|
||||
/* background: url(/images/dark_header_bg.png) top right no-repeat;
|
||||
background-size: 100px; */
|
||||
height: 70px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
margin: 0;
|
||||
padding-left: 1px;
|
||||
padding-top: 12px;
|
||||
font-size: 1.1em;
|
||||
color: #FF9621;
|
||||
}
|
||||
#header h1 a {
|
||||
font-size: 1.1em;
|
||||
color: #FF9621;
|
||||
text-decoration: none;
|
||||
}
|
||||
#header h2 {
|
||||
margin: 0;
|
||||
padding-left: 1px;
|
||||
padding-top: 0px;
|
||||
font-size: .8em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#right h2 {
|
||||
margin: 0;
|
||||
padding-left: 1px;
|
||||
padding-top: 0px;
|
||||
font-size: 26px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#topmenu a {
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
#topmenu a:hover {
|
||||
color: #aaa;
|
||||
}
|
||||
#topmenu a:visited {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
#topmenu {
|
||||
border-top-right-radius: 10px;
|
||||
background-color: #222;
|
||||
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
||||
text-align: center;
|
||||
background: #444;
|
||||
margin-bottom: 5px;
|
||||
color: #fff;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
#right {
|
||||
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
||||
float: right;
|
||||
width: 82%;
|
||||
margin-top: 5px;
|
||||
margin-left: 10px;
|
||||
color: #f4f4f4;
|
||||
/* border: 1px solid white; */
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#left {
|
||||
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
||||
width: 14%;
|
||||
padding: 1px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
#bottomleft {
|
||||
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
|
||||
width: 16%;
|
||||
padding: 1px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
#left li {
|
||||
list-style-type: none;
|
||||
border-bottom: 1px dotted #fff;
|
||||
}
|
||||
#left li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#left li a:hover {
|
||||
color : #FFEB31;
|
||||
}
|
||||
|
||||
#bottomleft li {
|
||||
list-style-type: none;
|
||||
border-bottom: 1px dotted #fff;
|
||||
}
|
||||
#bottomleft li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#bottomleft li a:hover {
|
||||
color : #FFEB31;
|
||||
}
|
||||
|
||||
#generated {
|
||||
background: #222;
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
color: #eee;
|
||||
height: auto;
|
||||
line-height: 20px;
|
||||
padding: 3px;
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background-color: #222;
|
||||
color: #EEE;
|
||||
font-size: 14px;
|
||||
border-left: 1px solid white;
|
||||
padding-left: 0.5em;
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
blockquote img {
|
||||
float: none !important;
|
||||
}
|
||||
blockquote ol {
|
||||
font-family: "Times New Roman";
|
||||
font-size: 16px;
|
||||
line-height: 1.1em;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
blockquote ul {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
img.exturl {
|
||||
position: absolute !important;
|
||||
bottom: 0 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user