can you provide me the css of this site pelase?

Discussion in 'Web Design' started by cheezycheez, Aug 19, 2011.

  1. cheezycheez

    cheezycheez Junior Member

    Joined:
    May 9, 2009
    Messages:
    117
    Likes Received:
    14
  2. ``Yousef

    ``Yousef Power Member

    Joined:
    Oct 16, 2009
    Messages:
    534
    Likes Received:
    288
    Location:
    Cooking up the medicine.
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    p
    {
    	margin:0px;
    	padding:0px;
    }
    
    
    
    body {
    	/*background:url(../images/background.jpg) repeat-x #7bcc15;*/
    	background-color:#90DCEA;
    	text-align:center;
    	font-family:Arial, Helvetica, sans-serif, "Swis721 BT";
    	font-size:12px;
    	margin:0px;
    	padding:0px;
    
    }
    
    a {
    	color:#FFF;
    }
    
    img {
    	border:none;
    	margin:0;
    	padding:0;
    }
    
    #logoImg {
    	position:absolute;
    	margin:0;
    	*position:relative !important; /* targets IE6 and 7 */
    
    
    }
    
    .flot_right {
    	float:right;
    }
    
    .t1 {
    	color:#d68c0f;
    }
    
    .t2 {
    	color:#198683;
    }
    
    .t3 {
    	color:#7bcc15;
    	font-size:13px;
    }
    
    .t4 {
    	font-size:16px;
    	font-weight:bold;
    }
    
    .t5 {
    	color:#156870;
    	font-family:"Arial Black", Gadget, sans-serif;
    	font-size:28px;
    	line-height:65px;
    }
    
    .t6 {
    	font-size:24px;
    	font-weight:bold;
    	font-stretch:extra-condensed;
    }
    
    .hr3 {
    	width:90%;
    	float:left;
    	color:#7bcc15;
    }
    
    #main {
    	margin:0 auto;
    	text-align:left;
    	width:966px;
    	background-color:#FFFFFF;
    	/*background:url(../images/BG.jpg) repeat-y;*/
    	
    }
    
    #top {
    	margin:0;
    	width:966px;
    	height:39px;
    	background:url(../images/top.jpg) no-repeat;
    }
    
    #content {
    	margin:0;
    	width:966px;
    	/*height:1415px; */
    	/*background:url(../images/BG.jpg) repeat-y;*/
    	background-color:#FFFFFF;
    	margin-bottom:20px;
    	float:left;
    }
    
    
    
    #header_section {
    	/*margin:14px 0 0 0;*/
    	margin:0 0 14px 0;
    	width:966px;
    	height:120px;
    }
    
    #logo {
    	display:inline;
    	float:left;
    	margin-left:30px;
    	width:365px;
    }
    
    #heading {
    	display:inline;
    	float:left;
    	/*margin-left:60px;*/
    	margin:50px 0 0 60px;
    	font-size:18px;
    	width:510px;
    }
    
    #main_section {
    	margin:0;
    	width:966px;
    }
    
    #main_top {
    	margin-left:30px;
    	width:906px;
    	/*height:378px;*/
    	height:390px;
    }
    
    #video {
    	margin:0;
    	display:inline;
    	float:left;
    	width:525px;
    	height:340px;
    }
    
    #vanice {
    	margin-left:25px;
    	/*margin-top:30px;*/
    	margin-top:0px;
    	display:inline;
    	float:left;
    	width:336px;
    	color:#FFF;
    	font-weight:bold;
    }
    
    .search_field1 {
    	width:177px;
    	height:23px;
    	margin-top:5px;
    	padding-left:10px;
    	padding-top:2px;
    	float:left;
    	border:none;
    	background:url(../images/search_bg1.gif) no-repeat;
    }
    
    .search_field2 {
    
    	margin:0px;
    	padding:0px;
       width:101px;
       height:17px;
       padding:3px;
       /* below line is added only due to chrome problem*/
      padding-top:2px; 
       float:left;
    	border:none;
    	background:url(../images/search_bg3.gif) no-repeat;
    	
    	*background:none !important;
    }
    
    .search_field2_1 {
    
    	margin:0px;
    	padding:0px;
       width:101px;
       height:17px;
       padding:3px;
       float:left;
    	border:none;
    	background:url(../images/search_bg3.gif) no-repeat;
    	
    	*background:none !important;
    }
    
    
    .styled
    {
    	width:102px;
    	border:none;
    }
    
    
    .select {
    	position: absolute;
    	width: 107px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    	height: 23px;
    	padding: 0 24px 0 8px;
    	color: #fff;
    	font: 12px/21px arial,sans-serif;
    	/*background: url(../images/search_bg2.gif) no-repeat;*/
    	overflow: hidden;
    }
    
    .text_box_inner
    {
    	*position:absolute;
    	*padding-top:7px;
    }
    
    
    
    #text_box {
    	position:absolute;
    	margin:20px;
    	width:296px;
    	text-align:left;
    }
    
    .line_up {
    	display:inline;
    	float:left;
    }
    
    #text_left {
    	width:130px;
    }
    
    #text_right {
    	/*width:130px;*/
    	width:160px;
    	height:60px;
    }
    
    #vanice_top {
    	margin:0;
    	width:336px;
    	height:4px;
    	background:url(../images/venic_hotel_top.jpg) no-repeat;
    }
    
    #vanice_content {
    	margin:0;
    	width:336px;
    	/*height:292px;*/
    	height:332px;
    	background:url(../images/venic_hotel_bg.jpg) repeat-x;
    }
    
    #vanice_bottom {
    	margin:0;
    	width:336px;
    	height:4px;
    	background:url(../images/venic_hotel_buttom.jpg) no-repeat;
    }
    
    #main_promo {
    	margin-left:30px;
    	width:906px;
    	height:418px;
    }
    
    .promo {
    	margin:0 5px 0 0;
    	display:inline;
    	float:left;
    	width:219px;
    	height:368px;
    	background:url(../images/promo_bg.jpg) repeat-x;
    }
    
    .promo_left {
    	margin:0;
    	display:inline;
    	float:left;
    	width:10px;
    	height:368px;
    }
    
    .promo_text {
    	display:inline;
    	float:left;
    	margin:0;
    	padding:10px 5px;
    	width:189px;
    	height:348px;
    	text-align:center;
    }
    
    .promo_right {
    	margin:0;
    	display:inline;
    	float:left;
    	width:10px;
    	height:368px;
    }
    
    #main_middle {
    	margin-left:50px;
    	width:886px;
    	float:left;
    	float:left;
    }
    
    .rating {
    	/*margin:0 29px 0 0;*/
    	margin:0 24px 0 0;
    	display:inline;
    	float:left;
    	width:180px;
    	/*height:228px;*/
    	height:180px;
    }
    
    .rating_right {
    	margin:0;
    	display:inline;
    	float:left;
    	width:180px;
    	/*height:228px;*/
    	height:180px;
    }
    
    
    #send_link {
    	padding-right:20px;
    	margin:0 20px 0 0;
    	display:inline;
    	float:left;
    	width:233px;
    	height:180px;
    	background:url(../images/send_link_bg.jpg) no-repeat bottom;
    	background-position:top;
    }
    
    #send_link p {
    	/*margin:55px 0 0 30px;*/
    	margin:10px 0 0 30px;
    }
    
    .noborder {
    	border:none;
    	background:none;
    }
    
    
    .rating ul 
    {
    float:left;
    }
    .rating ul li {
    	/*list-style-image:url(../images/list.jpg);*/
    	margin-left:-10px;
    	*line-height :16px;
    	*margin-left:-20px;
    }
    
    /* new addition */
    
    .rating_right ul li {
    	/*list-style-image:url("../images/list.jpg");*/
    	margin-left:-10px; 
    	
    }
    
    /* new addition ends*/
    
    #main_bottom {
    	margin-left:30px;
    	width:906px;
    	float:left;
    }
    
    #blank {
    	width:966px;
    	/*height:60px;*/
    	height:25px;
    }
    
    #footer {
    	margin-left:30px;
    	width:906px;
    	float:left;
    }
    
    #footer a {
    	color:#090;
    	text-decoration:none;
    	padding:0 10px;
    }
    
    #footer_left {
    	display:inline;
    	float:left;
    	margin:0;
    	/*width:450px;*/
    	width:966px;
    }
    
    #footer_right {
    	display:inline;
    	float:right;
    	margin:0;
    	width:456;
    	text-align:right;
    }
    
    #bottom {
    	margin:0;
    	width:966px;
    	height:28px;
    	/* if body background is enable then also use this*/
    	/*background:url(../images/buttom.jpg) no-repeat; */
    }
    
    /*********************/
    .shadow{
    	font-size:24px;
    	text-shadow:#000 2px 2px 2px;
    	color:#FFF;
    	margin:25px 0 0 10px;
    	filter: Shadow(Color=#000000, Direction=135, Strength=1);
    }
    
    #img1 {
    	display: block;
    	width: 193px;
    	height: 140px;
    }
    
    #img2 {
    	display: block;
    	width: 193px;
    	height: 140px;
    }
    
    #img3 {
    	display: block;
    	width: 193px;
    	height: 140px;
    }
    
    #img4 {
    	display: block;
    	width: 193px;
    	height: 140px;
    }
    
    
    /*  new addition*/
    
    .big_text
    {
    font-size:16px;
    line-height:20px;
    }
    
    .black
    {
    	color:#000;
    }
    
    #venice br
    {
    line-height:10px;
    }
    .rating a ,.rating_right a
    {
    color:#000000;
    text-decoration:none;
    }
    
    .module h3{
     color:#198683;
    }
    
    .searchboxhr
    {
    
    background-color:#b5e5e9;
    /*color:#b5e5e9; */
    /*margin-top:10px;*/
    }
    
    
    .t5  a{
    	color:#156870 !important;
    	text-decoration:none;
    }
    
    /*
    #logo .t4 a {
    	color:#156870;
    	font-size:16px;
    	font-weight:bold;
    	text-decoration:none;
    }
    */
    
    .submit_button
    {
    float:right;width:100%;
    }
    
    .viewallhotelslink
    {
    line-height:40px;
    }
    
    .hotel_promo_name
    {
    color:#156870 !important;
    	text-decoration:none;
    	text-align:left;
    	margin:4px 0px  4px 0px;
    	font-size:14px;
    }
    
    .promo_text a
    {
    color:#D68C0F;
    }
    
    .top-padding
    {
    padding-top:5px;
    *padding-top:0px;
    }						
    
    
    /* extra search box css start here*/
    
    #id-HC-Searchbox,#id-HC-Searchbox div,#id-HC-Searchbox span,#popularCitiesContainer ul,#popularCitiesContainer li {
    line-height:1;
    border:0;
    outline:0;
    vertical-align:baseline;
    margin:0;
    padding:0;
    }
    
    #popularCitiesContainer ul {
    list-style:none;
    }
    
    #id-HC-Searchbox :focus {
    outline:0;
    }
    
    #id-HC-Searchbox {
    /*background:transparent url(http://s3.amazonaws.com/static.hotelscombined/searchboxes/images/Skin_Circles200x190_a.gif) no-repeat; */
    /*background:transparent url(../images/searchbox/Skin_Circles200x190_a.gif) no-repeat;
    */
    background:transparent url(../images/searchbox/Skin_Circles200x190_a.png) no-repeat;
    width:200px;
    height:190px;
    overflow:hidden;
    position:relative;
    margin:0;
    padding:0;
    }
    
    #citySearch {
    visibility:hidden;
    }
    
    .hotelCheckoutbox ,.hotelcheckinbox 
    {
    /* common css for both boxes*/
    color:#000;
    position:absolute;
    left:86px;
    background:#FFF url(../images/searchbox/cal_icon_17x16.gif) no-repeat scroll 72px center;
    border:1px solid #8F959A;
    font:normal 12px Arial;
    height: 23px;
    padding-left:2px;
    width:94px;
    
    }
    
    .hotelcheckinbox /*#hotelCheckin*/
    {
    /*top:52px;*/
    top:48px;
    /*width:88px;*/
    /*background:#FFF url(http://s3.amazonaws.com/static.hotelscombined/searchboxes/images/cal_icon_17x16.gif) no-repeat scroll 66px center; */
    
    
    }
    
    /*#hotelCheckout*/  .hotelCheckoutbox {
    top:82px;
    }
    
    .guestsbox /*#guests*/ {
    color:#000;
    /*left:26px;*/
    left:38px;
    position:absolute;
    top:132px;
    font:normal normal normal 12px Arial;
    height:20px;
    width:40px;
    margin:0;
    padding:0;
    }
    
    .roomsbox /*#rooms */ {
    color:#000;
    left:108px;
    position:absolute;
    top:132px;
    font:normal normal normal 12px Arial;
    height:20px;
    width:40px;
    margin:0;
    padding:0;
    }
    
    
    #searchButton {
    background:url("../images/searchbox/orange_go_btn_48x26.png") no-repeat scroll 0 0 transparent;
    /*background:url(http://s3.amazonaws.com/static.hotelscombined/searchboxes/images/orange_go_btn_48x26.gif) no-repeat scroll 0 0 transparent;
    background:url(../images/searchbox/orange_go_btn_48x26.gif) no-repeat scroll 0 0 transparent;*/
    
    border:medium none;
    bottom:5px;
    cursor:pointer;
    height:26px;
    left:22px;
    margin:0;
    padding:0;
    position:absolute;
    text-indent:-9000px;
    width:160px;
    }
    
    
    #hc_bottomSearchLinks {
    position:absolute;
    top:170px;
    width:200px;
    text-align:center;
    height:20px;
    left:0;
    background:transparent;
    margin:0;
    padding:0;
    }
    
    #hc_bottomSearchLinks a {
    font:normal normal normal 12px Arial;
    color:#fff;
    text-decoration:none;
    background:transparent;
    margin:0;
    padding:0;
    }
    
    #hc_topTitle {
    font:normal normal normal 18px Arial;
    color:#fff;
    position:absolute;
    top:12px;
    left:12px;
    background:transparent;
    margin:0;
    padding:0;
    }
    
    #id-HC-Searchbox div.ac_results {
    border:1px solid #000;
    }
    
    
    #id-HC-Searchbox
    {
    /*height:220px;*/
    height:192px;
    /*left:705px;*/
    }
    
    /* extra search box css ends here */
    
    /* Search box arrow code starts here*/
    
    	.arrow_start1{
    background-image:url(../images/searchbox/greenarrow_start.gif);
    background-position:right top;
    background-repeat:no-repeat;
    	height:105px;
    	width:85px;
    	float:left;
    	margin:40px 0 0;
    	padding:0px;
    }
    	
    .arrow_start {
    background-image:url(../images/searchbox/greenarrow_03.gif);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    height:105px;
    margin:40px 0 0;
    padding:0;
    width:40px;
    }
    
    
    .arrow_middle1{
    color:#FFFFFF;
    /*font-size:170%;*/
    font-weight:normal;
    letter-spacing:-0.03em;
    /*line-height:100%;*/
    line-height:110px;
    padding-top:6px;
    /*width:100px;*/
    width:490px;
    background-position:left top;
    height:105px;
    background-image:url(../images/searchbox/greenarrow_center.gif);
    float:left;
    font-size:24px;
    line-height:80px;
    margin:40px 0 0;
    padding:14px 0 0;
    background-repeat:repeat-x;
    }
    
    
    .arrow_middle {
    background-image:url(../images/searchbox/greenarrow_02.gif);
    background-position:left top;
    background-repeat:repeat-x;
    color:#FFFFFF;
    float:left;
    font-size:24px;
    font-weight:normal;
    height:105px;
    letter-spacing:-0.03em;
    line-height:80px;
    margin:40px 0 0;
    padding:18px 0 0;
    width:500px;
    }
    
    
    .arrow_end {
    background-image:url(../images/searchbox/greenarrow_01.gif);
    background-position:right top;
    background-repeat:no-repeat;
    float:left;
    height:118px;
    margin:40px 0 0;
    padding-top:6px;
    width:60px;
    }	
    .arrow_end1{
    background-image:url(../images/searchbox/greenarrow_end.gif);
    background-position:right top;
    background-repeat:no-repeat;
    /*width:300px;*/
    width:60px;
    
    height:118px;
    padding-top:6px;
    margin:27px 0 0;
    float:left;
    }
    
    	
    #hc_topTitle
    {
    text-shadow:2px 2px 2px #000000;
    }
    
    /* search box arrow code ends here */
    
    .second_checkin_text
    {
    color:#FFFFFF;
    font-weight:bold;
    height:23px;
    left:26px;
    position:absolute;
    top:54px;
    /*width:48px;*/
    
    }
    
    .second_checkout_text {
    color:#FFFFFF;
    font-weight:bold;
    height:23px;
    left:20px;
    position:absolute;
    top:88px;
    /*width:58px;*/
    }
    
    
    .second_guests_text {
    color:#FFFFFF;
    font-weight:bold;
    height:23px;
    left:38px;
    position:absolute;
    top:114px;
    
    }
    
    
    .second_rooms_text {
    color:#FFFFFF;
    font-weight:bold;
    height:23px;
    left:106px;
    position:absolute;
    top:114px;
    
    }
    
    /* invite box extra css*/
    
    .invitebox_text
    {
    width:86%;
    float:right;
    }
    
    .linkbox a
    {
    	color:#000000;text-decoration:none;
    	font-weight:bold;
    	font-size:13px;
    }
    .linkbox
    {
    position:relative;
    top:30px;
    }
    
    #send_link .t3
    {
    	font-size:16px;
    }
    
    #main_bottom p
    {
    line-height:18px;
    }
    
    Surely it can't have been that hard to find that site's CSS? I had it done in like 20 seconds dude :O.
     
    • Thanks Thanks x 1
  3. marcuskona

    marcuskona Junior Member

    Joined:
    Sep 27, 2008
    Messages:
    170
    Likes Received:
    654
    Occupation:
    IT
    Location:
    127.0.0.1
    Home Page:
    don't forget to say thank you.
     
  4. cheezycheez

    cheezycheez Junior Member

    Joined:
    May 9, 2009
    Messages:
    117
    Likes Received:
    14
    :D thanks a lot.
     
    • Thanks Thanks x 1
  5. plainloco

    plainloco Newbie

    Joined:
    Jun 17, 2011
    Messages:
    3
    Likes Received:
    0
    Use HTTrack website copier and you can copy the whole site if you wanted to.