multimedia and web technology project

8/13/2019 MULTIMEDIA AND WEB TECHNOLOGY PROJECT

1/57

Online Music Galler

Cambridge International School 1

Music_style.css

body {

margin: 0;

padding: 0;

color: #726e6e;

font-family: Tahoma, Geneva, sans-serif;

font-size: 13px;

line-height: 1.5em;

background-color:#25272b ;

background-image: url(images/templatemo_bg_top.png);

background-repeat: repeat-x;

background-position: top

}

a, a:link, a:visited { color: #987516; font-weight: normal; text-decoration: none }

a:hover { color: #FFFFFF; text-decoration: underline; }

a.more { display: block; color: #bb9941; text-align: center; text-decoration: underline

}

a.more span { font-size: 14px; letter-spacing: -3px; }

a.more:hover { color: #FFFFFF; text-decoration: none }


2/57

Online Music Galler


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

img { border: none; }

blockquote { font-style: italic; margin: 0 0 0 10px;}

cite { font-weight: bold; color: #b2afaf; }

cite a, cite a:link, cite a:visited { font-weight: bold; color:#b2afaf; }

cite span { font-weight: 400; color: #726e6e; }

em { color: #b2afaf;

font-family: Georgia, Times New Roman, serif;

}

h1, h2, h3, h4, h5, h6 { color: #c4a041; font-weight: normal; }

h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }

h2 { font-size: 34px; margin: 0 0 25px; padding: 5px 0; }

h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }




.cleaner { clear: both }

.h10 { height: 10px }


3/57


4/57

Online Music Galler


.link_list li a { color: #726e6e; font-weight: normal; text-decoration: none; }

.link_list li a:hover { text-decoration: underline }

#templatemo_header_wrapper {

width: 100%;

background: url(images/templatemo_header.jpg) no-repeat top center

}

#templatemo_header {

width: 958px;

height: 164px;

margin: 0 auto;

background: url(images/templatemo_header.jpg) no-repeat top center ;

position:relative;

}

#site_title { float: left; margin: 70px 0 0 40px; }

#site_title h1 { margin: 0; padding: 0 }

#site_title h1 a { display: block; width: 323px; height: 78px; color: #fff; text-indent: -

10000px; background: url(images/templatemo_logo.png) no-repeat center center }

#site_info { position:absolute; top:20px; left:244px; }


5/57

Online Music Galler


#site_info a { cursor:default;}

#templatemo_menu {

float: right;

width: 537px;

height: 71px;

margin-top: 70px;

background: url(images/templatemo_menu.png) no-repeat

}

#templatemo_menu ul {

margin: 0;

padding: 20px;

list-style: none;

}

#templatemo_menu ul li {

padding: 0;

margin: 0;

display: inline;


6/57

Online Music Galler


}

#templatemo_menu ul li a {

float: left;

display: block;

width: 96px;

height: 30px;

line-height: 26px;

padding-right: 2px;

font-size: 16px;

color: #9b9b9b;

text-align: center;

text-decoration: none;

font-weight: 400;

outline: none;

border: none;

background: url(images/templatemo_menu_divider.png) center right no-repeat

}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {


7/57

Online Music Galler


color: #d1bc17;

}

#templatemo_menu ul .last { background: none }

#templatemo_main_wrapper {

clear: both;

width: 100%;

background: url(images/templatemo_bg.png) repeat

}

#templatemo_main {

width: 880px;

padding: 40px 39px;

margin: 0 auto;

position: relative;

background: url(images/white1.jpg) repeat-y center

}

#templatemo_main1 {


8/57

Online Music Galler


width: 880px;

padding: 40px 39px;

margin: 0 auto;

position: relative;

background: url(images/white2.jpg) repeat-y center

}

#templatemo_main2 {

width: 880px;

padding: 40px 39px;

margin: 0 auto;

position: relative;

background: url(images/login.jpg) repeat-y center

}

.templatemo_main_b {

position: absolute;

top: 0;

width: 38px;

height: 850px;

}


9/57

Online Music Galler


.templatemo_main_bl {

left: -38px;

background: url(images/templatemo_main_bl.png) no-repeat

}

.templatemo_main_br {

right: -38px;

background: url(images/templatemo_main_br.png) no-repeat

}

td {

padding-top: 20px;

}

.cbox_fw {

clear: both;

padding-bottom:20px;

margin-bottom: 40px;

background: url(images/templatemo_divider_hr.png) no-repeat bottom center

}


10/57

Online Music Galler


.cbox_last {

padding: 0; margin: 0; background: none;

}

.cbox_3b {

float: left;

width: 270px;

margin-right: 20px;

padding-right: 15px;

background: url(images/templatemo_divider_s.png) no-repeat right center

}

.cbox_w350 { width: 350px }

.cbox_w300 {width: 300px}






11/57

Online Music Galler




.divider_v { float: left; padding-right: 1px ; background:

url(images/templatemo_divider_l.png) right center no-repeat }

.cbox_rm { padding: 0px; margin: 0; background: none }

.fp_box img { float: left; }

.fp_box .fp_box_right { float: right; width: 180px }

.news_box { margin-bottom: 20px }

.news_box .date { font-size: 10px; color: #dc9f3f }

.news_box a { color: #dc9f3f }

.tma_box { margin-bottom: 20px }

.newsletter {

height: 121px;

background: url(images/templatemo_newsletter_box.png) no-repeat top left

}


12/57

Online Music Galler


.newsletter form {

height: 30px;

margin: 63px 20px 0;

padding: 0;

}

.newsletter .txt_field {

float: left;

display: block;

height: 30px;

width: 163px;

color: #999;

font-size: 12px;

padding: 0 0 0 5px;

font-variant: normal;

line-height: normal;

background: none;

border: none;

line-height: 30px;


13/57

Online Music Galler


}

.newsletter .sub_btn {

float: right;

display: block;

height: 30px;

width: 60px;

cursor: pointer;

font-size: 12px;

text-align: center;

vertical-align: bottom;

white-space: pre;

color: #000;

border: none;

background: none

}

#templatemo_footer_wrapper {

clear: both;

width: 100%;

border-top: 1px solid #555;


14/57

Online Music Galler


background: url(images/templatemo_footer.jpg) repeat

}

#templatemo_footer {

clear: both;

width: 958px;

padding: 15px 39px;

margin: 0 auto;

color: #5f5a5a;

text-align: center;

}

#templatemo_footer a {

color: #5f5a5a;

}

#contact_form { padding: 0; width: 300px }

#contact_form form { margin: 0px; padding: 0px; }


15/57

Online Music Galler


#contact_form form .input_field {

width: 290px;

padding: 5px;

color: #909096;

border: 1px solid #444455;

background: #151518;

font-family: Arial, Helvetica, sans-serif;

}

#contact_form form label { display: block; width: 100px; margin-right: 10px; font-

size: 14px }

#contact_form form textarea {

width: 288px;

height: 150px;

padding: 5px;

color: #909096;



font-family: Arial, Helvetica, sans-serif;

}


16/57

Online Music Galler


#contact_form form .submit_btn {

cursor: pointer;

margin: 0px;

padding: 8px 14px;

color: #909096;



}


17/57

Online Music Galler


Home1.html

Online Music Gallery

Home

News

Media

Store

Form


18/57

Online Music Galler


FEATURED

UPCOMING SHOWS

.tg-table-light { border-collapse: collapse; border-spacing: 0; }

.tg-table-light td, .tg-table-light th { background-color: #fff; border: 1px #bbb solid;

color: #333; font-family: sans-serif; font-size: small; padding: 2px; vertical-align: top}

.tg-table-light .tg-even td { background-color: #eee; }


19/57

Online Music Galler


.tg-table-light th { background-color: #ddd; color: #333; font-size: 100%; font-

weight: normal; }

.tg-table-light tr:hover td, .tg-table-light tr.even:hover td { color: #222; background-

color: #FCFBE3; }

.tg-bf { font-weight: bold; } .tg-it { font-style: italic; }

.tg-left { text-align: left; } .tg-right { text-align: right; } .tg-center { text-align: center;

}

Artist

City

Venue

Country

1/18/2014

Israel Houghton

"Sunrise

FL"


20/57

Online Music Galler


Extreme Music Conference at BB&T Center,United States

1/19/2014

Israel Houghton

"Berrien Springs

MI"

Howard Performing Arts Center,United States

2/1/2014

Israel Houghton

Georgetown

Guyana National Stadium

Guyana

>> View All


21/57

Online Music Galler


LATEST NEWS

TYPHOON HAIYAN EMERGENCY RESPONSE

Typhoon Haiyan, considered one of the strongest tropical storms ever, madelandfall in the Philippines early

>> Read the

Rest...

ITUNES LP

Sign up


22/57

Online Music Galler


Click here to sign up and hence get access to our

resources

Copyright Alisha Thakur


23/57


24/57

Online Music Galler


Special Thanks to:

Typhoon Haiyan Emergency Response

Typhoon Haiyan, considered one of the strongest tropical storms ever, made

landfall in the Philippines early November 8 and caused catastrophic damage. World

Visions teams are responding with emergency relief supplies for children and

families in desperate need.


25/57

Online Music Galler


Typhoon Haiyan, reported by media outlets as possibly the strongest tropical

cyclone in recorded history, made landfall last week in Samar, central

Philippines.World Vision is launching an emergency response to help affected

vulnerable children and families.

The Impact has been Tremendous

As many as 2,500 people are feared dead, and an estimated 800,000 are displaced

after Typhoon Haiyan left a wake of utter destruction last weekend.The impact has

been tremendous. Its reported to be the biggest typhoon of the year, and it is, said

Gjeff Lamigo, World Vision communications manager in Manila.About 9.5 million

people were affected, reports the UN Office of the Coordination of Humanitarian

Affairs. Haiyan wreaked havoc on the countrys telecommunications, agriculture, and

transportation infrastructure, delaying recovery and relief efforts.

Help Now

Please prayExternal Link for children, families, and communities affected by this

terrible storm, and pray for those working to assist survivors who are in desperate

need.

Make a one-time donation to

World Visions Philippines Disaster Response Fund. Your contribution will help

us deliver life-saving assistance in the aftermath of sudden-onset emergencies in the

Philippines, including Typhoon Haiyan


26/57

Online Music Galler




27/57

Online Music Galler


Media1.html


Home

News

Media

Store

Form


28/57

Online Music Galler


Photos


29/57

Online Music Galler


Videos


30/57

Online Music Galler




31/57

Online Music Galler


Login.asp


Home

News

Media

Store

Form


32/57


33/57

Online Music Galler




34/57

Online Music Galler


Login2.asp


Home

News

Media

Store

Form


35/57

Online Music Galler


Login Successfully. Welcome

Click here to enjoy music


36/57


37/57

Online Music Galler


Store1.html


Home

News

Media

Store

Form


38/57

Online Music Galler


Latest Albums

MIGHTY TO SAVE-HILLSONG

LIVE

BLESSED-HILLSONG

LIVE


39/57

Online Music Galler


A BEAUTIFUL EXCHANGE-HILLSONG

LIVE



40/57

Online Music Galler


Store2.html


Home

News

Media

Store

Form


41/57

Online Music Galler


Latest Albums

MIGHTY TO SAVE-HILLSONG LIVE

Related Products


42/57

Online Music Galler


BLESSED-HILLSONG

LIVE


LIVE



43/57

Online Music Galler



44/57

Online Music Galler


Store3.html


Home

News

Media

Store

Form


45/57

Online Music Galler


Latest Albums

BLESSED-HILLSONG LIVE

< a href="http://www.apple.com/itunes/affiliates/download/">

Related Products


46/57

Online Music Galler


MIGHTY TO SAVE-HILLSONG

LIVE


LIVE



47/57

Online Music Galler


Store4.html


Home

News

Media

Store

Form


48/57

Online Music Galler


Latest Albums


LIVE

Related Products


49/57

Online Music Galler




50/57

Online Music Galler



51/57

Online Music Galler


Contact1.html


Home

News

Media

Store

Form


52/57


53/57

Online Music Galler


Username:

Password:



54/57

Online Music Galler



55/57

Online Music Galler


Studview.asp



56/57

Online Music Galler


Home

News

Media

Store

Form

Membership created successfully


57/57

Online Music Galler

Copyright @ Alisha Thakur

multimedia and web technology project

Documents