ejemplo

body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13.5px; -webkit-text-size-adjust:none; } form { margin:0; } input, select { font-size:medium; } select { width:80px; } a:link, a:active, a:visited { text-decoration:none; } .gmaillogo { position:relative; text-align:center; top:-2px; color: #fff; font-size: 15px; } .button { margin:0; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:13.5px; text-shadow:2px 2px 2px #C5C7D3; color:#333; -webkit-border-radius:5px; } .dropdown { margin:0; width:81px; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:13.5px; text-shadow:2px 2px 2px #C5C7D3; color:#333; background-color:transparent; } .bottombar { height: 35px; line-height: 33px; } .table { display:table; } .truncatingtable { table-layout: fixed; } .row { display:table-row; } .cell { display:table-cell; } .toolbar { margin:0; height:37px; width:100%; } .cbox { width:18px; height:18px; } .checkbox { width:45px; text-align:center; vertical-align:middle; } .labelgreen { color:#006633; } .tlthread { min-height:52px; border-bottom:1px solid #CCC; padding:4px 45px; position:relative; } .tlunread { background-color:#FFF; } .tlread { background-color:#E8EEF7; } .tlcheckbox { position:absolute; bottom:0px; top:0px; margin:auto 0px auto -31px; } .tlstar { position:absolute; right:13px; top:0px; bottom:0px; margin:auto; } .tlsenderread, .tlsenderunread { color:#000; font-size:15px; } .tlsenderread b, .tlsubjread b { font-weight:normal; } .tlsubjread, .tlsubjunread { padding-top:1px; padding-bottom:1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:185px; } .tlsnippet { color:#666; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .tldatetime { color:#666; font-weight:normal; float:right; } .tllabel { color:#006633; font-weight:normal; font-size:11px; } .tlrange { width:100%; height:60px; padding-top:20px; padding-bottom:20px; } .nomatches { border-bottom:1px solid #ccc; padding:20px 5px; font-size:15px; font-weight:bold; text-align: center; } .topbar { background-image:url(data:image/gif;base64,R0lGODlhAQAgAMQAAPn8//j7//f6/yE6kiE5kSA4kCA4jyA3jiA3jR82iR82jB81ih81iR40hx40hh4zhR4zhB4zgR0ygx0xghwwgRwwgBwwfxwwfhwvfhsvfRsuexstegAAAAAAAAAAAAAAACwAAAAAAQAgAAAFEmA0jONhmkzKQCxEvbAmAzQQAgA7); background-repeat:repeat-x; line-height:33px; margin:0; padding:0; width:100%; } .blue .button, .blue .dropdown { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNo0i8ENwDAMAi/sP2a+naAq1I6cBwIOQRLt5xUL2Sggirm9ertTvFhuduXD0Mds01seRrifX4ABAIFiLshykW0UAAAAAElFTkSuQmCC); background-repeat:repeat-x; border:1px solid #9FC1EE; } .blue { border-top:1px solid #EBF1FF; background-color:#CCDDFF; } .bluehr { width:100%; height:1px; margin:0; border:0; background-color:#B3CCFF; } .more, .save { padding-left:10px; } .send, .add, .archive, .actions { padding-left:5px; } .archive, .more, .actions, .delete, .add, .cancel, .discard, .send, .save { vertical-align:middle; } .archive, .send, .delete, .cancel, .discard { width:1%; } .search { width:100%; padding:20px 0; border-bottom:1px solid #CCC; } .searchmail, .searchcontacts { text-align:center; vertical-align:middle; } .searchmail .button, .searchcontacts .button { font-weight:bold; color:#fff; text-shadow:0px -1px 1px #666; background-image:url(data:image/gif;base64,R0lGODlhAQAaAMQAAHV3fXx9hHR2fHd5gXt8g5qboYWGjbm6v36AhoqMk62vs7Gyt4CBiKiqr5SWnX1+haOlq4GBiYGDipCSmL29wXZ5fp6hp7W1unl7gQAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABABoAAAUVIHVci9JAVuFMiSFFDPIEBIYNFSCEADs=); background-repeat:repeat-x; border:1px solid #525252; } .footer { margin:0; padding:20px 10px 5px 10px; text-align:center; } .bottombar { -webkit-text-size-adjust: none; background-image:url(data:image/gif;base64,R0lGODlhAQAjAMQAAPL0/evt+O/x+uns9+7w+ufq9OXp9PL0/Nnf7PDy++jr9tbc6ePn8+Hm8tTb6dng7NXb6e3v+N/k8PX2/uTo8+Hl8NXc6dvh7t3j7/Hz/Ozu+Nvg7d3i7vT1/vb3/9fd6yH5BAAAAAAALAAAAAABACMAAAUdoOdNXQccWSIQkRYMSmFQTFNJGHdtD/J9CwvEEQIAOw==); background-repeat:repeat-x; border-bottom:1px solid #B5BBD5; line-height:33px; height:35px; margin:0; padding:0; width:100%; } .bottombar a { text-decoration: none; } .cellparent { position: relative; width: 100%; } .leftcell { text-align: left; position: absolute; left: 0px; width: 87px; } .middlecell { text-align: center; position: absolute; clip: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rightcell { position: absolute; right: 0px; text-align: right; width: 87px; } .flushLeft { left: 0px; } .gapLeft { left: 87px; } .flushRight { right: 0px; } .gapRight { right: 87px; } a.btmnav-btn-back, a.btmnav-btn-off { display:inline; margin: 0 auto; line-height:33px; font-family:Arial, Helvetica, sans-serif; font-size:13.5px; color:#333; text-shadow:2px 2px 2px #C5C7D3; padding:5px 8px 5px 8px; background-image:url(data:image/gif;base64,R0lGODlhAQAaAMQAANXa6ejr9efq9ODl8Nzi7tbc6dfe6+Xq9Nnf7NTa6Nfd6t3i7+Po8uLm8ufq9ens9tje69rg7ODl8dTc6tvg7ePn8+jr9t7k8OXo8////wAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABABoAAAUVYPZYgSMcGFM10nAtBBUhkKEUE5CEADs=); background-repeat:repeat-x; border:1px solid #B5BBD5; -webkit-border-radius:5px; } .smalltabletext { padding-left:3px; padding-right:3px; font-size:17px; font-weight:bold; text-shadow:2px 2px 2px #BEC1CB; } .starOn { width:20px; height:20px; margin:auto; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAA3NCSVQICAjb4U/gAAABgFBMVEX//////4T//5n//2r+/pP//4z//3v//1vs7ET//3P//1br6zH//6X//2b6+m329pnt7WMAFlZ5lOQ5YdcvWdUALK8AJZQoU9QvWdX6+n319ab29lLy8nz19Vf29kn29kHh523i4zLGyzttiLZigdBUbXg7WpIaRLXCzvO4xvE7WK4AHnoAGWMAF1usve4AJZQAHG4AGWMAFlaNpOiHn+c7YM4AHXIAGWMAF1sAFlZnheFDadkAKaIAJZQAIoYAHnoAGWNDadk5YddMcNsAIoYSP8YAKaIAJpkAIoYAML8ALrkAI45KbttDadk5YdcdStIXRM0ALK8AKaIAJZRDadkMPMsALK///8H//67//7b//0X397Hx9Jf29nHu8bL29mHp7cbw8Yny8jvx8Unt7VHk5qDn5zri4mze3mLP2bvf3z3Z2nDJ1KXV1zzI03nP0jm1xMO1xH+svLilt7CitL6esb2esrKns1KVqsqhr1ibp3iYqG+PpY6HnaWMnXqFnJQgStF3AAAAgHRSTlMA/////////////////////xEzd4iZmarM////////////////////ERERERERIiIiIiIzMzMzMzMzRERERERERFVVd3eIiIiImZmZqqqqqqqqqqq7zN3//////////////////////////////////////////////////////2I4ddoAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAOS82LzA3Sl465AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAERSURBVBiVZc5Vj8MwDADgpLy26zpmbJocMzMzMzMz821//RaprXSbHyz7k2UbADuGh0BZtCBUX4azT79TpdaMYoeksQRnXphEYey/1SGVSWRIld1XdPkDcyuvDB/dLazOh/3dRfNF0MfD5Z7KQEHTMnePPwapBYPoYH1zQ2V46GLdoixv5cx+AEbRdszDcDDqYkVZOsuaI3TppHHq4XgosO6kdJUzp70Ua4KGh4NCcTAu3ZoT9gMLbxwdFFOSGXK+DDzTM6KckvLjDoZveEHbT8bTyvuSg5EdqOv6yXFauV+zrRJx5xd5Qr6PFIV4LfQZ11841NQQxJ9Z3GZhK8bLA7ToWzRxh4XVvZ32pp52mv8AwbcnphEhu9oAAAAASUVORK5CYII=); background-repeat:no-repeat; } .starOff { width:20px; height:20px; margin:auto; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAA3NCSVQICAjb4U/gAAAAwFBMVEX///9Nef9Nef9Nef9Nef9Nef9Nef9Nef9Nef9Nef9Nef9Nef9Nef/////6+//39/fw8//v7+/m5ubf5PPi4+ff4eje3t7Q3P/Z2t7X2eDN2PfW1tbJ1//P0t3C0Pq+yu+7y/q/yejEx9K6w9+ywvSswP6nvP2mt+motuGitvGitvWUtf+esu6Trv+Nqf+UqOWKp/+KouuAoP+En/CCn/d6m/96mfpzlPd3lO5tkPtqj/9sjvhfhv1dhPtWf/5Nef+zc/jZAAAAQHRSTlMAESIzRFV3iJmqu8zd////////////////////////////////////////////////////////////////////8xpSJQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQA5LzYvMDdKXjrkAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1MzmNZGAwAAAMxJREFUGJVlkOkWgiAQRkFNmUxUMlps32zfbF/f/62CEj0lv4Z7LjPzgZA6ZgHljn66aTkI0YLkxTq//6uw4MHU+mXag3NWuWB1x4ZpQVGIjM1sANOQzex4PRm0hMiYX260x7sXRoVzPwzDmhR933Vd6q2Ea8WSKUidjSmbkm0rEQX0luQzDZM4e71M14KIJ+I8S2VFquMo2x96iUirkEK7okZ7pTTTSbDh/dmljnNVSfV90DkSTSO7Jj3o6bftQSZGBqyuCmJDVehbvQFldxLfWLkI4QAAAABJRU5ErkJggg==); background-repeat:no-repeat; }
]]> #left-column {width : 100%;float : left;} #right-column {width : 0%;float : right;}
]]>
Comments