Skip to content
GitLab
Commit 63292c01 authored by Cynddl's avatar Cynddl
Browse files

[mod] Cleaning css code

parent 3df00fd7
Hide whitespace changes
Inline Side-by-side
media/css/style.css
View file @ 63292c01
......@@ -53,12 +53,12 @@ li { list-style: none; }
dd.text { width: 50%; display: block !important; }
p label { width: 7em; display: inline-block; }
.button, #add_attach {
background: #eee;
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
display: inline-block;
padding: 0.3em;
background: #eee;
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
display: inline-block;
padding: 0.3em;
}
#global ol li { list-style: decimal; }
......@@ -75,14 +75,6 @@ p label { width: 7em; display: inline-block; }
.errorlist { font-size: .8em; color: red; }
table.listing, .pagination { width: 90%; margin: auto; }
table.listing thead {
background: #ddd;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd));
background: -moz-linear-gradient(top, #fff, #dddddd);
}
table.listing thead td { font-weight: bold; }
table.listing div.confirm_popup { right: 0; text-align: right; }
#content div.confirm_popup { left: 0; }
......@@ -101,58 +93,41 @@ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endCo
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
/* tables */
/* Tables */
table.tablesorter {
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
border: 1px solid #ccc;
background-color: #fff;
margin-bottom: 50px;
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
border: 1px solid #ccc;
background-color: #fff;
margin-bottom: 50px;
}
table.tablesorter tr th, table.tablesorter tr td {
min-width: 75px;
padding: 0.5em;
min-width: 75px;
padding: 0.5em;
}
table.tablesorter tr th {
border: 1px solid #ccc;
text-transform: capitalize;
font-weight: normal;
text-align: center;
border: 1px solid #ccc;
text-transform: capitalize;
font-weight: normal;
text-align: center;
}
table.tablesorter tr td, table tr td {
text-align: left;
text-align: left;
}
/*table.tablesorter {
font-family:arial;
margin:10px 0pt 15px;
font-size: 8pt;
width: 100%;
text-align: left;
}*/
/*table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}*/
table.tablesorter thead tr .header {
background-image: url(/site_media/img/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
/*table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}*/
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}
......@@ -167,13 +142,27 @@ background-color: #ddd;
}
table tr.filters {
background: #eee;
background: #eee;
}
table tr.filters td{
padding: 0.5em;
padding: 0.5em;
}
table.listing, .pagination {
width: 90%; margin: auto;
}
table.listing thead {
background: #ddd;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dddddd');
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dddddd));
background: -moz-linear-gradient(top, #f5f5f5, #dddddd);
}
table.listing thead td { font-weight: bold; }
/* Main and bug fix
---------------------------*/
......@@ -203,10 +192,10 @@ blockquote {
font-family: 'DroidSansRegular';
src: url('../fonts/DroidSans-webfont.eot');
src:
url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans-webfont.woff') format('woff'),
url('../fonts/DroidSans-webfont.ttf') format('truetype'),
url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans-webfont.woff') format('woff'),
url('../fonts/DroidSans-webfont.ttf') format('truetype'),
url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
......@@ -214,10 +203,10 @@ blockquote {
font-family: 'DroidSansBold';
src: url('../fonts/DroidSans-Bold-webfont.eot');
src:
url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
......@@ -234,8 +223,8 @@ blockquote {
background: #f9f9f9;
}
#header a {
color: #222;
text-decoration: none;
color: #222;
text-decoration: none;
}
h1 {
......@@ -299,9 +288,7 @@ h1 span {
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
#nav #current:hover,
#nav #current:active,
#nav #current:focus {
#nav #current:hover, #nav #current:active, #nav #current:focus {
color: orange;
}
#nav a {
......@@ -317,9 +304,7 @@ h1 span {
-o-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
#nav a:hover,
#nav a:active,
#nav a:focus {
#nav a:hover, #nav a:active, #nav a:focus {
color: #231f20;
background: #fff;
border: 1px solid #ddd;
......@@ -352,25 +337,22 @@ h1 span {
#global a:hover,
#global a:active,
#global a:focus {
border-bottom: thin dashed;
border-bottom: thin dotted;
outline: none;
}
#global a.button:hover {
border-bottom: 2px solid #ccc;
margin-bottom: -1px;
#global h2, #global h3 {
font-family: 'DroidSansRegular', Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
}
#global h2 {
margin: .9em 0; padding: 0;
font-family: 'DroidSansRegular', Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
margin: .9em 0;
padding: 0;
font-size: 20px;
font-weight: normal;
}
#global h3 {
font: 24px 'DroidSansRegular', Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
margin-top: 1em;
}
......@@ -389,9 +371,57 @@ h1 span {
}
div.comment {
background-color: #f9f9f9;
padding: 0.3em;
margin: 0.5em 0;
background-color: #f9f9f9;
padding: 0.3em;
margin: 1em 0 0.5em;
}
#comments {
margin-top: 1em;
padding: .8em 1em;
}
/* General inputs */
input[type=submit], input[type=button], .button, input[type="text"], textarea, select {
font: 14.4px Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
background: #fff;
border: 1px solid #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
input[type="text"], textarea {
box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
padding: 0.3em;
}
input:focus, select:focus, textarea:focus {
border: 1px solid orange;
outline: none;
}
input[type=submit], input[type=button], .button {
background: #eaeaea;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8)) #d8d8d8;
background: -moz-linear-gradient(top, #efefef, #d8d8d8) #d8d8d8;
border: 1px solid #ababab;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
margin: 0;
padding: 5px 10px;
text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
cursor: pointer;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover {
color: #666;
}
.button:active, .button:focus, input[type=submit]:active, input[type=submit]:focus, input[type=button]:active, input[type=button]:focus {
background: #eee;
border-color: #999;
}
......@@ -414,22 +444,23 @@ div.comment {
margin: 0; padding: 0;
border: none;
}
#addForm.index legend {
width: 280px;
padding: 7px 10px;
text-shadow: 0 1px 0 #000;
color: #fff;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.24, rgb(66,92,108)),
color-stop(1, rgb(129,153,168))
linear,
left bottom,
left top,
color-stop(0.24, rgb(66,92,108)),
color-stop(1, rgb(129,153,168))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(66,92,108) 24%,
rgb(129,153,168) 100%
center bottom,
rgb(66,92,108) 24%,
rgb(129,153,168) 100%
);
border: 1px solid #677c89;
-moz-border-radius: 2px;
......@@ -437,82 +468,26 @@ div.comment {
-o-border-radius: 2px;
border-radius: 2px;
}
#description h3, #comments h3 {
margin: 0.5em 0;
color: orange;
}
#addForm.index input,
#addForm.index select,
#addForm.index textarea {
#addForm.index input, #addForm.index select, #addForm.index textarea {
width: 294px;
padding: 3px;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size: 14.4px;
background: #fff;
border: 1px solid #d9d9d9;
border-top-color: #c0c0c0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#addForm.index select,
#addForm.index input[type=submit] {
#addForm.index select, #addForm.index input[type=submit] {
width: 302px;
}
#addForm.index input:hover,
#addForm.index select:hover,
#addForm.index textarea:hover {
border-color: #b9b9b9;
border-top-color: #a0a0a0;
}
#addForm.index input:active,
#addForm.index input:focus,
#addForm.index select:active,
#addForm.index select:focus,
#addForm.index textarea:active,
#addForm.index textarea:focus {
border-color: orange;
}
#addForm.index input[type=submit] {
float: right;
display: inline-block;
right: 0;
width: 40%;
margin-top: 1em;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.43, rgb(227,227,227)),
color-stop(1, rgb(249,249,249))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(227,227,227) 43%,
rgb(249,249,249) 100%
);
border-color: #bbbbbb;
border-bottom-color: #a0a0a0;
}
#addForm.index input[type=submit]:hover {
border-color: #939393;
}
#addForm.index input[type=submit]:active,
#addForm.index input[type=submit]:focus {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(249,249,249)),
color-stop(0.7, rgb(238,238,238))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(249,249,249) 20%,
rgb(238,238,238) 70%
);
border-color: #444444;
}
#addForm.index p {
......@@ -627,91 +602,14 @@ div.comment {
ul.messages {
width: 580px;
}
.button{
padding: 3px;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size: 14.4px;
background: #fff;
border: 1px solid #d9d9d9;
border-top-color: #c0c0c0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.info-validate input[type=text],
.info-validate input[type=submit],
.info-validate input[type=button] {
.info-validate input[type=text], .info-validate input[type=submit], .info-validate input[type=button] {
width: 65%;
padding: 3px;
font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
font-size: 14.4px;
background: #fff;
border: 1px solid #d9d9d9;
border-top-color: #c0c0c0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.info-validate input[type=submit],
.info-validate input[type=button] {
.info-validate input[type=submit], .info-validate input[type=button] {
width: 15%;
padding-top: 2px;
padding-bottom: 2px;
}
.button,
.info-validate input[type=submit],
.info-validate input[type=button] {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.43, rgb(227,227,227)),
color-stop(1, rgb(249,249,249))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(227,227,227) 43%,
rgb(249,249,249) 100%
);
border-color: #bbbbbb;
border-bottom-color: #a0a0a0;
}
.button:hover,
.info-validate input[type=submit]:hover,
.info-validate input[type=button]:hover {
border-color: #939393;
}
.button:active,
.button:focus,
.info-validate input[type=submit]:active,
.info-validate input[type=submit]:focus,
.info-validate input[type=button]:active,
.info-validate input[type=button]:focus {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.2, rgb(249,249,249)),
color-stop(0.7, rgb(238,238,238))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(249,249,249) 20%,
rgb(238,238,238) 70%
);
border-color: #444444;
}
.info-validate input:hover {
border-color: #b9b9b9;
border-top-color: #a0a0a0;
}
.info-validate input[type=text]:focus {
border-color: orange;
}
.info-validate {
display: none;
}
......@@ -721,16 +619,4 @@ ul.messages {
#similar_cases li { list-style: disc inside; margin-left: 0.3em; color: black; }
.mceToolbar { display:none; }
#comments {
margin-top: 1em;
padding: .8em 1em;
}
input[type="text"], input[type="textarea"] {
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
padding: 0.5em;
}
\ No newline at end of file
.mceToolbar { display:none; }
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment