WordPress Details

Blog Info

• My current Blog uses WordPress 4.1
• I’m using Twenty Twelve Theme with a modified style.css

WordPress Details about style.css modification

Changing style.css from Twenty Twelve Theme  : Appearance -> Editor

For Firefox Users: 
Note you can right click on the text and select -> Inspect Element (Q) to find out the 
CSS element name and to test the change values for fontsize, colors and borders ! 
 
------------------------------
Changes for style.css for my current 4.1 WordPress style.css file :
 
1) Add pre TAG right after a:hover TAG:
a:hover {
    color: #0f3647;
}
<-- add this  
pre{
    background-color: #EBECE4;
}
<---  

2)Change the following  in .entry-content pre
.entry-content pre,
.comment-content pre {
    border: 2px solid #00f;            <-- changed !       
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 10px;
    font-size: 0.75rem;                <-- changed !
    line-height: 1.3;                  <-- changed !
    margin: 24px 0;
    margin: 1.714285714rem 0;
    overflow: auto;
    padding: 24px;
    padding: 1.714285714rem;


Headline changes  
    .menu-toggle {
        display: none;
    }
    .entry-header .entry-title {
        font-size: 22px;
        font-size: 1.1rem;           <-- changed !
    margin: 24px 0;
    } 
 
 

  ------------
Changing Menu/Navigation   

.main-navigation li a {
    border-bottom: 0px none;
    color: #6A6A6A;
    line-height: 2;                     <--- Changed 
    text-transform: uppercase;
    white-space: nowrap;
    
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #000;      <--- Changed     
    border-top: 1px solid #000;         <--- Changed 
....    
------------------
Changing table layour 
.entry-content table, .comment-content table {
    color: #757575;
    font-size: 0.757143rem;                <--- Changed  
    line-height: 1.2;                      <--- Changed