1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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:
    286
    Location:
    Cooking up the medicine.
    Home Page:
    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:
    168
    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.