CSS tweaks
This commit is contained in:
95
templates/Sparkle/assets/css/main.css
vendored
95
templates/Sparkle/assets/css/main.css
vendored
@@ -1,33 +1,13 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
|
|
||||||
/* RESET */
|
/* RESET */
|
||||||
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
|
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
|
||||||
margin:0;
|
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:400; font-style:normal; }
|
||||||
padding:0;
|
ul,ol { list-style:none; }
|
||||||
}
|
fieldset,img { border:none; }
|
||||||
|
caption,th { text-align:left; }
|
||||||
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
|
table { border-collapse:collapse; border-spacing:0; }
|
||||||
font-size:1em;
|
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
|
||||||
font-weight:400;
|
|
||||||
font-style:normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul,ol {
|
|
||||||
list-style:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset,img {
|
|
||||||
border:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
caption,th {
|
|
||||||
text-align:left;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse:collapse;
|
|
||||||
border-spacing:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* TYPE */
|
/* TYPE */
|
||||||
html,body {
|
html,body {
|
||||||
@@ -36,23 +16,11 @@ html,body {
|
|||||||
color:#333;
|
color:#333;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*Opera Fix*/
|
|
||||||
body:before {
|
|
||||||
content:"";
|
|
||||||
float:left;
|
|
||||||
width:0;
|
|
||||||
margin-top:-32767px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:0;
|
padding:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
background-color: #e9edf0;
|
background-color: #e9edf0;
|
||||||
border-bottom:1px solid #d1d5d8;
|
border-bottom:1px solid #d1d5d8;
|
||||||
@@ -66,22 +34,21 @@ h1 {
|
|||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2, h3 {
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
padding: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size:17px;
|
font-size:17px;
|
||||||
font-weight: bold;
|
|
||||||
margin:0;
|
|
||||||
margin-bottom:1em;
|
|
||||||
padding:0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-weight: bold;
|
|
||||||
margin: 0;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border:0;
|
border:0;
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
@@ -93,15 +60,15 @@ td a {
|
|||||||
|
|
||||||
.bradius {
|
.bradius {
|
||||||
border-radius: 5px 5px 5px 5px;
|
border-radius: 5px 5px 5px 5px;
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
|
box-shadow: rgba(0, 0, 0, 0.34902) 0px 1px 3px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topheader {
|
.topheader {
|
||||||
background: #f6f9fb;
|
background: #e9edf0;
|
||||||
|
background: rgba(234,238,240,0.9);
|
||||||
top: 0px;
|
top: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-left:5px;
|
padding: 2px 0 0 5px;
|
||||||
padding-top:2px;
|
|
||||||
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
|
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
|
||||||
position:fixed;
|
position:fixed;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
@@ -148,7 +115,6 @@ ul.topheadernav li ul li a:hover {
|
|||||||
color: #111;
|
color: #111;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
float:left;
|
float:left;
|
||||||
width:230px;
|
width:230px;
|
||||||
@@ -162,25 +128,21 @@ nav div:first-child {
|
|||||||
footer {
|
footer {
|
||||||
clear:both;
|
clear:both;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
color:rgb(136, 136, 136);
|
color: #888;
|
||||||
font-size:10px !important;
|
font-size:10px !important;
|
||||||
margin-top:10px;
|
margin: 10px 0;
|
||||||
margin-bottom:10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a,footer a:active,footer a:visited {
|
footer a,footer a:active,footer a:visited {
|
||||||
color:rgb(136, 136, 136);
|
color: #888;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login, .install {
|
.login, .install {
|
||||||
background-color:#fff;
|
background-color:#fff;
|
||||||
margin-top:9%;
|
margin: 9%;
|
||||||
margin-left:auto;
|
margin-left: auto;
|
||||||
margin-right:auto;
|
margin-right: auto;
|
||||||
margin-bottom:12px;
|
margin-bottom: 12px;
|
||||||
}
|
|
||||||
|
|
||||||
.login {
|
|
||||||
width: 600px;
|
width: 600px;
|
||||||
}
|
}
|
||||||
.install {
|
.install {
|
||||||
@@ -213,11 +175,14 @@ footer a,footer a:active,footer a:visited {
|
|||||||
.installsec table {
|
.installsec table {
|
||||||
width:100%;
|
width:100%;
|
||||||
padding:0 10px;
|
padding:0 10px;
|
||||||
border-spacing:4px;
|
margin: 15px 0 15px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.installsec h2 {
|
.installsec h2 {
|
||||||
margin-left:15px;
|
display: block;
|
||||||
|
border-bottom: 1px solid #d1d5d8;
|
||||||
|
margin: 0;
|
||||||
|
padding: 5px 15px 15px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tinyform,.loginsec {
|
.tinyform,.loginsec {
|
||||||
|
|||||||
Reference in New Issue
Block a user