diff -r 6aeb7a756187 -r 3c88a81ff781 ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkDialog.css --- a/ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkDialog.css Thu Sep 23 15:32:11 2010 -0400 +++ b/ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkDialog.css Fri Oct 15 17:30:59 2010 -0400 @@ -1,112 +1,218 @@ +/******* css for bookmark dialog *******/ + /*TBD: This should be cleaned up to use a set of common dialog classes */ +#BookmarkDialogId { + /*dimensions*/ + width: 327px; + background: -webkit-gradient(linear, left top, left bottom, from(#6780a1), to(#4c607d)); + /*font specification*/ + font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif; + border-radius: 9px; + border: 3px solid #003159; + } + +@media (device-width:800px){ #BookmarkDialogId { - width: 302px; + width: 450px; +} } +#BookmarkDialogTitleId { + /*dimensions*/ + width: 307px; + height: 32px; + /*margins & paddings*/ + margin-top: 20px; + padding: 2px; + border-radius: 3px; + /*decorations*/ + background-color:white; + border-color:#c8c8c8;} + +@media (device-width:800px){ #BookmarkDialogTitleId { - width: 256; - height:32px; - background-color:white; - padding:2px; - border-radius: 3px; - border-color:#c8c8c8 + width: 410; + height:54px; + font-size: 35px; + margin-top: 8px; + margin-bottom: 8px; + margin-right: 16px; +} } +#BookmarkDialogUrlId { + /*dimensions*/ + width:307px; + height:32px; + /*margins & paddings*/ + padding:2px; + margin-bottom: 10px; + margin-top: 20px; + border-radius: 3px; + /*decorations*/ + background-color:white; + border-color:#c8c8c8;} + +@media (device-width:800px){ #BookmarkDialogUrlId { - width:256px; - height:32px; - background-color:white; - border-color:#c8c8c8; - border-radius: 3px; - padding:2px; - margin-top: 15px; + width:410px; + height:54px; + font-size: 35px; + margin-top: 8px; + margin-bottom: 8px; + margin-right: 16px; + margin-top: 0px; +} } -div.bookmarkTextLabel{ - background-image: url(icons/menu_icon_bookmarks.png); - background-repeat: no-repeat; - font-size: 22px; - height: 21px; - padding-left: 40px; - color: #fff; - margin-bottom: 15px; +div.bookmarkTextLabelContainer { + /*dimensions*/ + height: 21px; + /*margins & paddings*/ + margin-bottom: 8px; + padding-left: 40px; + /*decorations*/ + color: #fff; + background-image: url(/bookmarkview/menu_icon_bookmarks.png); + background-repeat: no-repeat; + /*font specification*/ + font-size: 22px;} + +@media (device-width:800px){ +div.bookmarkTextLabelContainer{ + background-image: url(iconsMaemo/menu_icon_bookmarks.png); + font-size: 25px; + height: 35px; + margin-bottom: 0px; + vertical-align:text-top; +} } -#BookmarkDialogId div.top{ - background-image: url(icons/dialog_top.png); - background-repeat: no-repeat; - height:11px; +#BookmarkDialogId div.top { + /*dimensions*/ + height: 10px; } -#BookmarkDialogId div.body{ - background-image: url(icons/dialog_center.png); - padding-left:20px; - padding-top: 5px; - padding-bottom:7px; - background-repeat: repeat-y; +@media (device-width:800px){ +#BookmarkDialogId div.top{ + background-image: url(iconsMaemo/dialog_top.png); +} } -#BookmarkDialogId div.bottom{ - background-image: url(icons/dialog_bottom.png); - background-repeat: no-repeat; - height:10px; - background-position:left bottom; +#BookmarkDialogId div.body { + /*margins & paddings*/ + padding-left: 8px; + padding-top: 2px; } -div.controls{ - height: 54px; - margin: auto; - width: 230px; +@media (device-width:800px){ +#BookmarkDialogId div.body{ + background-image: url(iconsMaemo/dialog_center.png); +} +} + +#BookmarkDialogId div.bottom { + /*dimensions*/ + height: 10px; + /*decorations*/ } -div.bookmarkDoneButton{ - width: 100px; - height: 54px; - background-image: url(icons/dialog_buttons_tick.png); - background-repeat: no-repeat; - background-repeat: center center; - border: none; - margin-right:10px; - float: left; - +@media (device-width:800px){ +#BookmarkDialogId div.bottom{ + background-image: url(iconsMaemo/dialog_bottom.png); + height:11px; +} } -div.bookmarkDoneButton:active{ - background-image: url(icons/dialog_buttons_tick_pressed.png); +div.controls { + /*dimensions*/ + height: 54px; + width: 230px; + /*margins & paddings*/ + margin: auto;} + +@media (device-width:800px){ +div.controls{ + height: 70px; + width: 290px; +} } +div.bookmarkDoneButton { + /*dimensions*/ + width: 100px; + height: 54px; + /*margins & paddings*/ + margin-right: 10px; + border: none; + /*decorations*/ + background-image: url(/bookmarkview/dialog_buttons_tick.png); + background-repeat: no-repeat; + background-repeat: center center; + float: left;} -div.bookmarkCancelButton{ - width: 100px; - height: 54px; - background-image: url(icons/dialog_buttons_cross.png); - background-repeat: no-repeat; - background-repeat: center center; - border: none; - margin:none; - float: left; +@media (device-width:800px){ +div.bookmarkDoneButton{ + width: 70px; + height: 70px; + background-image: url(iconsMaemo/dialog_buttons_tick.png); + margin-right:138px; +} } -div.bookmarkCancelButton:active{ - background-image: url(icons/dialog_buttons_cross_pressed.png); +div.bookmarkDoneButton:active { + /*decorations*/ + background-image: url(/bookmarkview/dialog_buttons_tick_pressed.png);} + +@media (device-width:800px){ +div.bookmarkDoneButton:active{ + background-image: url(iconsMaemo/dialog_buttons_tick_pressed.png); +} } +div.bookmarkCancelButton { + /*dimensions*/ + width: 100px; + height: 54px; + /*margins & paddings*/ + margin: none; + border: none; + /*decorations*/ + background-image: url(/bookmarkview/dialog_buttons_cross.png); + background-repeat: no-repeat; + background-repeat: center center; + float: left;} + +div.bookmarkCancelButton:active { + /*decorations*/ + background-image: url(/bookmarkview/dialog_buttons_cross_pressed.png);} + +@media (device-width:800px){ +div.bookmarkCancelButton{ + width: 70px; + height: 70px; + background-image: url(iconsMaemo/dialog_buttons_cross.png); +} +} + +@media (device-width:800px){ +div.bookmarkCancelButton:active{ + background-image: url(iconsMaemo/dialog_buttons_cross_pressed.png); +} +} div.bookmarkCheckboxTextLabel { - font-size:20px; - height:20px; - color:#fff; - display: none; -} + /*decorations*/ + color: #fff; + /*font specification*/ + font-size: 20px; + /*misc*/ + display: none;} #bookmarkCheckboxId { - width:20px; - height:20px; - background-color:white; - border-color:#c8c8c8; - border-radius:3px; - margin-top:15px; -} + /*margins & paddings*/ + border: none; + }