New Template (different colors)
Issue #118
resolved
Originally reported on Google Code with ID 118
<style type="text/css">
/* overall styles for entire page */
body
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
background-color: #E0E2E4;
}
/* general styles for hyperlink */
a
{
color: #3A6B85;
text-decoration: none;
cursor :pointer;
}
hr
{
height: 1px;
border: 0;
color: #bbb;
background-color: #bbb;
width: 100%;
}
a:hover
{
color: #06F;
}
/* logo text containing name of project */
h1
{
margin: 0px;
padding: 5px;
font-size: 24px;
background-color: #FFFFFF;
text-align: center;
color: #3A6B85;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
/* the div container for the links */
#headerlinks
{
text-align:center;
margin-bottom:10px;
padding:5px;
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
border-left-style:none;
border-right-style:none;
font-size:12px;
background-color:#e0ebf6;
font-weight:bold;
}
/* version text within the logo */
h1 #version
{
color: #000000;
font-size: 16px;
}
/* logo text within logo */
h1 #logo
{
color:#3A6B85;
}
/* general header for various views */
h2
{
margin:0px;
padding:0px;
font-size:14px;
margin-bottom:20px;
}
/* input buttons and areas for entering text */
input, select, textarea
{
font-family:Arial, Helvetica, sans-serif;
background-color:#eaeaea;
color:#3A6B85;
border-color:#A9AAB0;
border-style:solid;
border-width:1px;
margin:5px;
border-radius:5px;
-moz-border-radius:5px;
padding:3px;
font-size: 12px;
}
/* just input buttons */
input.btn
{
cursor:pointer;
}
input.btn:hover
{
background-color:#ccc;
}
/* general styles for hyperlink */
fieldset
{
padding:15px;
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
border-radius:5px;
-moz-border-radius:5px;
background-color:#f9f9f9;
}
/* outer div that holds everything */
#container
{
padding:10px;
}
/* div of left box with log, list of databases, etc. */
#leftNav
{
float:left;
min-width:250px;
padding:0px;
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
background-color:#FFF;
padding-bottom:15px;
border-radius:5px;
-moz-border-radius:5px;
}
/* div holding the content to the right of the leftNav */
#content
{
overflow:hidden;
padding-left:10px;
}
/* div holding the login fields */
#loginBox
{
width:500px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
border-color:#03F;
border-width:1px;
border-style:solid;
background-color:#FFF;
border-radius:5px;
-moz-border-radius:5px;
}
/* div under tabs with tab-specific content */
#main
{
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
padding:15px;
overflow:auto;
background-color:#F1F1F1;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
max-height: 720px;
}
/* odd-numbered table rows */
.td1
{
background-color:#CFD2D6;
text-align:left;
font-size:12px;
padding-left:5px;
padding-right:10px;
}
/* even-numbered table rows */
.td2
{
background-color:#E9EBEE;
text-align:left;
font-size:12px;
padding-left: 5px;
padding-right: 10px;
}
/* table column headers */
.tdheader
{
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
font-weight:bold;
font-size:12px;
padding-left:10px;
padding-right:10px;
background-color:#e0ebf6;
border-radius:5px;
-moz-border-radius:5px;
}
/* div holding the confirmation text of certain actions */
.confirm
{
border-color:#A9AAB0;
border-width:1px;
border-style:dashed;
padding:15px;
background-color:#e0ebf6;
}
/* tab navigation for each table */
.tab
{
display:block;
padding:5px;
padding-right:8px;
padding-left:8px;
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
margin-right:5px;
float:left;
border-bottom-style:none;
position:relative;
top:1px;
padding-bottom:4px;
background-color:#eaeaea;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
/* pressed state of tab */
.tab_pressed
{
display:block;
padding:5px;
padding-right:8px;
padding-left:8px;
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
margin-right:5px;
float:left;
border-bottom-style:none;
position:relative;
top:1px;
background-color:#f1f1f1;
cursor:default;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
/* help section */
.helpq
{
font-size:11px;
font-weight:normal;
}
#help_container
{
padding:0px;
font-size:12px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
}
.help_outer
{
background-color:#FFF;
padding:0px;
height:300px;
overflow:hidden;
position:relative;
}
.help_list
{
padding:10px;
height:auto;
}
.headd
{
font-size:14px;
font-weight:bold;
display:block;
padding:10px;
background-color:#e0ebf6;
border-color:#A9AAB0;
border-width:1px;
border-style:solid;
border-left-style:none;
border-right-style:none;
}
.help_inner
{
padding:10px;
}
.help_top
{
display:block;
position:absolute;
right:10px;
bottom:10px;
}
.viewTable tr td { }
</style>
Reported by ugur3d
on 2012-10-02 12:06:18
Comments (5)
-
-
``` Forgot the screenshot. here it is. ```
Reported by `crazy4chrissi` on 2012-10-06 22:20:22
<hr>
- *Attachment: phpliteadmin_new_theme.png<br>![phpliteadmin_new_theme.png](https://storage.googleapis.com/google-code-attachments/phpliteadmin/issue-118/comment-2/phpliteadmin_new_theme.png)*
-
I like this theme. I think we can repack all the themes with the recent new ones that have been sent to us, and then replace the current .zip themes download.
Reported by
diracleo
on 2012-10-29 05:42:25 -
Reported by
crazy4chrissi
on 2012-11-03 15:32:54 - Labels added: Theme -
I just committed this theme to SVN and included it in the themes-download-package.
Reported by
crazy4chrissi
on 2012-11-06 15:53:38 - Status changed:Done
- Log in to comment
``` Hey! Thanks for the theme. I'd say it looks cool. Here is a sum up of your changes for others to compare: 1. changed about any color ;-) 2. added font-size 12px to input, select, textarea 3. added max-height 720px to #main 4. changed text-align of rows from right to left 5. decreased left padding of data-cells from 10 to 5px
My personal opinions to these changes: 1. I like your colors, but that is a lot personal opinion. Please, anybody reading this, please give your opinion. I'll attach a screenshot. 2. hmm. don't care. 3. I'll have to test this closer. 4. I'd disagree here. It is really annoying to have numbers aligned left. If we change this, we should align differnt column types differently (e.g. Text: left, Integer: right) 5. hmm. don't care.
I'd be pleased if lots of people comment on this. ```
Reported by `crazy4chrissi` on 2012-10-06 22:19:39 - Status changed: `Accepted` - Labels added: Type-Enhancement, Priority-Low - Labels removed: Type-Defect, Priority-Medium