In addition to the default CSS styling provided by Bootstrap 3 there are a number of other styling options you could use with your Media Park. These include:

.vdo - A container for player and movie descriptions

.video_descr - A short movie description

#search_tip - Activated to show search results

#search_load - Activated to show the progress of searches

.panel - Carousel panels with movie stills and titles

.carousel-inner - Actual sliding carousel with it’s components

.thumbnail - Moving pictures inside of carousel

.caption - Movie title inside of carousel

.navbar - Menu for selecting movies

.page-header - Image and title of the current movie

.alert - Warning notifications

You could also use the following blocks and their structures:


.container{background:#XX} - Change main background colour


.panel{background:#XX} - Change carousel background colour


a.thumbnail{background:#XX} - Change background colour of movies inside carousel


.page-header {background:#XX} 

page-header h1 {font-size:11px; font-weight: bold}  

.page-header h1 span {font-weight: normal; colour:#XX} - Change background colour and font of main movie description .


.page-header p {font-size: 11px; line-height:1.5}, p.video_descr {font-weight: normal; color: #XX} - Change background colour and font for other main movie data


VA{border-radius: 20px; color;#XX} - Change border radius and main font colour


.navbar-default . navbar-nav > .active > a, .navbar- default .navbar-nav > .active > a:hover, .navbar- default .navbar-nav > .active > a:focus {background:#XX; color:#XX} - Change the active tab


.navbar-default .navbar-nav > li > a:hover {background:#XX; color:#XX} - Change hover states