Global CSS

imagdy — Wed, 23 Jul 2008 09:28:32 +0000

/*
Author: iMagdy
Author URL: http://imagdy.zxq.net
Date Last Updated: 21Jul. 2008
*/

html body {
    color: #666;
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 55px;
    border: 0;
    text-align: center;
    background: #fff;
    font-family: "helvetica", arial, verdana, sans-serif;
    font-size: .9em;
}

img {
    border: 0;
}

.hide {
    display: none;
}

p {
    margin: 0;
    padding: 0 0 10px 0;
}

b {
    font-weight: bold;
    color: #000;
}
/* Heading Styles
 ----------------------------------------------- */
h1 {
    margin: 15px 0 5px 0;
    padding: 0;
    color: #000;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 2.4em;
    background: #fff;

}

.h1color {
    color: #b2b2b2;
    font-weight: normal;
}

h2 {
    margin: 10px 0 10px 0;
    padding: 0;
    color: #999;
    letter-spacing: 0;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
	float: left;
}

h5 {
    margin: 15px 0 5px 0;
    padding: 0;
    color: #000;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 7em;
    background: #fff;
}

.h5color {
    color: #b2b2b2;
    font-weight: normal;
}
/* Link styles
 ----------------------------------------------- */
a:link, a:visited, a:active {
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
    color: #ed145b;
    background: transparent;
    text-decoration: none;
}

a:hover {
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}

.boldlink, a.boldlink, a.boldlink:link, a.boldlink:visited {
    color: #ed145b;
    background: transparent;
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}

a.boldlink:hover {
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    font-weight: bold;
    background: #ed145b;
}

a.titlelink, a.titlelink:link, a.titlelink:visited {
    color: #000;
    background: transparent;
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.1em;
}

a.titlelink:hover {
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    font-weight: normal;
    background: #ed145b;
}

.post-details a:link, .post-details a:visited, .post-details a:active {
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
    color: #ed145b;
    background: transparent;
    text-decoration: none;
}

.post-details a:hover {
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}

.logolink, a.logolink, a.logolink:link, a.logolink:visited {
    height: 48px;
    width: 253px;
    padding: 0;
    display: block;
}

a.logolink:hover {
    background: transparent;
}

#header-right a:link, #header-right a:visited, #header-right a:active {
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
    color: #ed145b;
    background: transparent;
    text-decoration: none;
}

#header-right a:hover {
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}

.ehubnavstyle a:link, .ehubnavstyle a:visited, .ehubnavstyle a:active {
    font-weight: bold;
    border: 0;
    padding: 0;
    margin: 0;
    color: #000;
    background: transparent;
    text-decoration: none;
}

.ehubnavstyle a:hover {
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 0;
    background: #ed145b;
    border: 0;
    text-decoration: none;
}
/* Page Structure
 ----------------------------------------------- */
#header {
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    text-align: left;
    margin: 0px auto;
    color: #000;
    width: 940px;
    height: 80px;
    clear: both;
}

#header-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 680px;
    text-align: left;
    padding: 15px 0 0 0;
}

#header-right {
    position: relative;
    top: 0;
    left: 680px;
    width: 260px;
    text-align: right;
    font-size: .9em;
    padding: 32px 0 0 0;
}

#three-column-1 {
    float: left;
    width: 58%;
    color: #666;
    font-size: 1.2em;
    line-height: 1.3em;
}

#three-column-2 {
    float: left;
    width: 24%;
    line-height: 1.2em;
}

#three-column-3 {
    float: left;
    width: 18%;
    line-height: 1.2em;
}

#two-column-1 {
    float: left;
    width: 76%;
    color: #666;
    font-size: 1.2em;
    line-height: 1.3em;
}

#two-column-2 {
    float: left;
    width: 24%;
    line-height: 1.2em;
}

#equal-column-1 {
    float: left;
    width: 41%;
    color: #666;
    font-size: 1.2em;
    line-height: 1.3em;
}

#equal-column-2 {
    float: left;
    width: 41%;
    font-size: 1.2em;
    line-height: 1.3em;
}

#equal-column-3 {
    float: left;
    width: 18%;
}
/* Start Mac IE5 filter \*/
#three-column-1, #three-column-2, #three-column-3, #two-column-1, #two-column-2, #equal-column-1, #equal-column-2, #equal-column-3, { padding-bottom:
32767px !important;

margin-bottom:
-32767px !important;
}
/* End Mac IE5 filter */
#wrapper {
    overflow: hidden; /* This hides the excess padding in non-IE browsers */
    background: #fff;
    width: 940px;
    margin: 0px auto;
}

#wrapper {
    float: left;
    float /**/:none;
}

#wrapper:after {
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#wrapper {
    display: inline-block;
}
/*\*/
#wrapper {
    display: block;
}

#footer {
    background: #fff;
    text-align: left;
    margin: 0px auto;
    color: #000;
    width: 940px;
    clear: both;
}

* > #footer, * > form, * > #notes, * > .output {
    position: relative;
    z-index: 1000;
}

#wrapper p, #header p {
    margin: 0;
    padding: 0 0 15px 0;
}

#footer p {
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #ccc;
}

#three-column-1 ul {
    margin: 0 0 10px 15px;
    padding: 0;
    color: #666;
    list-style-type: square;
}

#three-column-1 li {
    margin: 10px 0 10px 20px;
    padding: 0;
}

#twitter_div ul li {
    margin: 0;
    padding: 0;
    color: #666;
    list-style-type: square;
}
/* Text Styles
 -------------------------------------------------- */
.titlelink {
    color: #000;
    background: transparent;
    padding: 5px 0 5px 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.1em;
}

.title {
    color: #000;
    background: transparent;
    padding: 10px 0 15px 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.1em;
}

.tinytext {
    color: #666;
    font-size: 12px;

}

.date {
    color: #999;
    font-size: 12px;
}

.post {
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #ccc;
}

.post-details {
    font-size: 12px;
    color: #666;
    background: #fff;
    padding: 15px 0 0 0;
}

.one {
    text-align: left;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.bold {
    text-align: left;
    font-weight: bold;
    color: #000;
}

blockquote {
    text-align: left;
    padding: 10px;
    border-left: 1px solid #ccc;
    background: #eee;
}

.interviewtitle {
    color: #000;
    background: transparent;
    padding: 5px 0 10px 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 1.4em;
}

.selected {
    color: #fff;
    padding: 2px;
    margin: 0;
    border: 0;
    text-decoration: none;
    background: #ed145b;
}
/* Page Style
 -------------------------------------------------- */
.headerstyle {
    padding: 15px 0 0 0;
    margin: 0px auto;
    color: #000;
    background: transparent;
    width: 940px;
}

.logo {
    background: transparent url(../images/site_images/logo-mark.gif) no-repeat 0 0;
    height: 48px;
    margin: 0;
    padding: 0;
    width: 253px;
}

.columnstyle {
    text-align: left;
    font-weight: normal;
    margin: 10px;
    padding: 0 15px 0 0;
    border-right: 1px solid #ccc;
}

.adstyle {
    color: #666;
    background: #eee;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    border: 0px solid #ccc;
}

.featurestyle {
    color: #fff;
    background: #ed145b;
    text-align: left;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 10px;
}

.photoboxstyle {
    color: #666;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.photoboxstyle img {
    background: #fff;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
    border: 1px solid #ccc;
}

.editorboxstyle {
    color: #666;
    text-align: left;
    font-size: .9em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.editorboxstyle img {
    background: #fff;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
    border: 1px solid #ccc;
}

ul {
    margin: 0 0 15px 10px;
    padding: 0;
    color: #ccc;
    list-style-type: square;
}

li {
    margin: 0;
    padding: 0;
}

.ehubnavstyle {
    color: #999;
    background: #fff;
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.left img {
    float: left;
    padding: 5px 10px 0 0;
}

.right img {
    float: right;
    padding: 5px 0 5px 10px;
}

.interviewimage img {
    float: left;
    padding: 0 15px 5px 0;
}

.contentimage img {
    float: left;
    padding: 0 15px 5px 0;
}

.badgestyle {
    color: #666;
    background: #FBE6E6;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    border: 0px solid #ccc;
}
/* Global Menu
 -------------------------------------------------- */
#topmenuwrapper {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 25px;
    background: #000;
}

#topmenu {
    margin: 0px auto;
    padding: 0;
    border: 0;
    text-align: center;
    width: 940px;
    height: 25px;
}

#topmenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    clear: both;
    height: 25px;
    width: 940px;
}

#topmenu ul li {
    float: left;
    border-right: 1px solid #666;
    height: 25px;
}

#topmenu ul #lileft {
    border-left: 0;
}

#topmenu ul li a {
    font: 14px / 18px arial, sans-serif;
    text-decoration: none;
    color: #fff;
    padding: 8px 15px 8px 15px;
    background: #333;
}

#topmenu ul li .active {
    background: #fff;
    font-weight: bold;
    color: #000;
}

#topmenu ul li a:hover {
    background: #ed145b;
    color: #fff;
    height: 25px;
}

.clear {
    clear: both;
    height: 1px;
    font: 0px / 0px sans-serif;
}
/* stream styles
 ----------------------------------------------- */
#stream-left {
    top: 0;
    padding: 5px 0 5px 0;
    text-align: left;
    width: 200px;
}

#stream-right {
    top: 0;
    left: 75%;
    text-align: left;
    width: 100%;
}

.stream-date {
    text-align: left;
    color: #999;
    font-size: 12px;
    bottom-margin: 10px;
}

.stream-delicious {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: #fff;
    background: url(http://www.emilychang.com/images/stream-icons/delicious.png) no-repeat 0 10px;
}

.stream-em {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/em.png) no-repeat 0 10px;
}

.stream-lastfm {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/lastfm.png) no-repeat 0 10px;
}

.stream-twitter {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/twitter.png) no-repeat 0 10px;
}

.stream-stylehive {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/stylehive.png) no-repeat 0 10px;
}

.stream-flickr {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/flickr.gif) no-repeat 0 10px;
}

.stream-upcoming {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/upcoming.png) no-repeat 0 10px;
}

.stream-ideacodes {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/ideacodes.png) no-repeat 0 10px;
}

.stream-plazes {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/plazes.png) no-repeat 0 10px;
}

.stream-tumblr {
    text-align: left;
    padding: 5px 10px 0 25px;
    border-top: 1px solid #ccc;
    background: url(http://www.emilychang.com/images/stream-icons/tumblr.png) no-repeat 0 10px;
}
/* ebot styles
 ----------------------------------------------- */
.stream-ebot {
    text-align: left;
    padding: 5px 10px 0 0;
    border-top: 1px solid #ccc;
    background: transparent;
}
/* Video Block
 -------------------------------------------------- */
#videocontainer {
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    text-align: left;
    margin: 0;
    color: #666;
    border: 0;
    width: 100%;
    clear: both;
}

.thevideo {
    background: transparent;
    text-align: left;
    margin: 0 25px 20px 0;
    color: #666;
    width: 310px;
    height: 280px;
    float: left;
    font-size: 14px;
}

#videocontainer img {
    border: 0;
    float: none;
}

.mediatitlelink a:link, .mediatitlelink a:visited, .mediatitlelink a:active {
    color: #ed145b;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-decoration: none;
    font-size: 16px;
    background: transparent;
}

.mediatitlelink a:hover {
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    font-weight: normal;
    background: #ed145b;
}

Home Page Code

imagdy — Wed, 23 Jul 2008 09:27:41 +0000




    
        

        iMagdy Web Designer and Coder
        
        
        

        
        
        
        
        
        
        
        
        

		
		
	

    
			
               
            
                

                    Home

                    
                    Services
					
                    Blog
					
                    FAQ

					
                    Useful Resources
					
                    iMagdy Interviews
                
            
        

        
            
                iMagdy Web Designer and Coder
            
			
            
            	Arabic Version

				Customize the page as you wish, just click and drag, also you can press shift+space at any time
				
				Click here for help


      
			
        

        Fill out my form!
		

	
            

            

            


            

             

            
                2008 iMagdy.zxq.net all rights reserved. [Privacy Policy]

                iMagdy web deisgner and cooder some other ways to get in touch MSN live messenger 
				for Skype use King.tut3.

Posteet: imagdy

Global CSS

Home Page Code

iMagdy Web Designer and Coder