New Template (different colors)

[ugur3d]

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

[Christopher Kramer]

``` 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

[Christopher Kramer]

``` Forgot the screenshot. here it is. ```

Reported by `crazy4chrissi` on 2012-10-06 22:20:22

<hr>

• *Attachment: phpliteadmin_new_theme.png<br>*

[Dane Iracleous]

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

[Christopher Kramer]

Reported by crazy4chrissi on 2012-11-03 15:32:54 - Labels added: Theme

[Christopher Kramer]

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